QR Code 也變得出來!

更新於 發佈於 閱讀時間約 7 分鐘
(2024/06/29 更新:Google 已經終止了 API 的服務,之後會另外發一篇文介紹其他服務!)
什麼,Google 試算表也可以變得出 QR Code?
還真的可以!上面就是從 Google 試算表串連 Google 圖表 API(Google Charts API)得到的 QR Code。
相信大家常在日常生活中看到 QR Code,像是行動支付、車票、發票、廣告傳單、網頁等等的,其實你也可以做一個!我們來看看怎麼做吧 ( ゚∀゚) ノ

作法

在進入實作過程之前,請你先想像一個今天去某個咖啡廳、享用個美好的午餐的場景吧。想像你會做這些事情:
  • 你想點一杯卡布奇諾、一片檸檬派、跟他們家招牌的焗烤筆管麵。
  • 你招招手,請服務生過來幫你點餐。
  • 他進一步問你,卡布奇諾要冰的還是熱的、焗烤筆管麵要不要加大、檸檬派先上還是後上,等等的。
  • 你決定好了,服務生回到廚房請廚師準備。
  • 過了十分鐘,你的餐點一個個上了,你有個很開心的一餐。☕️
那我們回到試算表上。今天要做的事情,其實就跟去咖啡廳點餐很像,會請到 Google 圖表 API 這位「服務生」,請他把你點的「QR Code」、按照你的需求放到你的試算表上(你的餐桌上)。
整理一下流程,就會像這樣子:
  1. 想好你要點的餐:準備好要放在 QR Code 的網址或文字
  2. 描述你點餐的需求:設定 QR Code 的生成參數
  3. 料理上桌,開動:讓 API 產生的 QR Code 出現在試算表上
好,釐清了流程後,我們到雲端硬碟開一個新的試算表,一起實作看看吧!

一、準備你要點的餐

QR Code 可以放的資料有英數字、中文字、日文假名、其他拉丁字母、非拉丁字母也可以,網址當然也 OK。例如:
  • 123456
  • 喜特先生 Mr. Sheet
  • スプレッドシート
  • Schönen Tag noch!
  • https://vocus.cc/user/602bf35efd897800019eefb5
但 QR Code 有個限制,那就是這個資料不能超過 4,296 個字元,如果你的資料超過了這個限制,會出現錯誤、沒辦法處理,可能就得做點取捨囉。
還有一點要注意的是,把資料送給服務生之前,它們都必須經過「編碼」這個手續,才能讓它正確讀懂你的資料。編碼這件事只要靠一個 ENCODEURL 這個函式就可以解決了:
=ENCODEURL(資料)
例如:
=ENCODEURL(123456) --> "123456"
=ENCODEURL("喜特先生 Mr. Sheet") --> "%E5%96%9C%E7%89%B9%E5%85%88%E7%94%9F%20Mr.%20Sheet"
=ENCODEURL("スプレッドシート") --> "%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%83%89%E3%82%B7%E3%83%BC%E3%83%88"
那今天先用我的方格子個人頁面的網址做示範吧!在你剛做好的試算表的 A1 輸入:
https://vocus.cc/user/602bf35efd897800019eefb5
我們在 A2 接著輸入:
=ENCODEURL(A1)
就會得到:
第一步完成,我們來看看第二步。

二、描述你點餐的需求

接下來要請服務生過來了!呼叫他要用到這條網址:
https://chart.googleapis.com/chart?
但我們還沒結束。要製作 QR Code 的話,我們還要告訴服務生三句話:
  • 「chs=寬x長」:生成圖檔的尺寸
    這邊尺寸的表示方法是「chs=寬x長」,單位是像素(px),像是 chs=200x200、chs=300x300、chs=400x400 這樣。要注意,API 不接受超過 30 萬像素(px)的要求,所以如果你要的圖檔面積超過 30 萬,就沒辦法生成 QR Code 了。在「點餐」之前記得要算一下下!
  • 「cht=qr」:要生成的圖表種類
    這邊我們要生成的是 QR Code,要下個固定的指令叫「cht=qr」
  • 「chl=編碼後的資料」:剛剛第一步編碼後的資料
    這邊表示方法是「chl=編碼後的資料」。我們拿字串「chl=」跟剛剛的 ENCODEURL 後的資料(也就是 A2)用「&」串連起來就好了。
最後,要告訴服務生這些指令,還需要把這三段話串連在一起,要用 & 這個符號,就會像是這樣:
https://chart.googleapis.com/chart?chs=寬x長&cht=qr&chl=編碼後的資料
那我們來做一個 300x300 的 QR Code,連到喜特先生的方格子頁面看看。我們在 A3 寫下:
="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=" & A2
這邊會出現一個新的網址,點進去就會在新分頁看到 QR Code 了:

三、料理上桌、開動

其實到剛剛那一步,你就可以在新分頁產生的 QR Code 上點右鍵、另存圖片存起來了。那如果要讓這個 QR Code 出現在試算表上,我們要再利用一個 IMAGE的函式,讓你在儲存格內插入網路上的圖片:
=IMAGE(網址)
例如:
=IMAGE("https://www.google.com/images/srpr/logo3w.png")
那我們在 A4,寫下:
=IMAGE(A3)
喔?好像有什麼黑漆漆的小方塊出現了。我們把第四行拉高一點點:
成功!適度調整一下欄寬跟行高,拿給手機掃描看看:
如果你覺得這上面的過程太繁複,你可以先到我準備好的試算表,準備了樣板跟範例給你參考。
在「樣板」工作表上,只要輸入長、寬還有資料,Google 試算表就會提供生成網址、還有 QR Code 給你。如果不確定怎麼寫,你可以到「範例」工作表看看我的示範喔!
我也鼓勵你照著教學從頭到尾跟著做做看,會更了解「&」的運作方式,試著跟這位「服務生」點餐看看吧 ✧◝(⁰▿⁰)◜✧

如果你喜歡這次的文章,歡迎你透過這些方法支持我:
・按下愛心、按下儲存
・留言告訴我你的想法
・加入喜特先生的官方沙龍,即時看到我發布的教學
・付費訂閱喜特先生的官方沙龍,加入每月小額訂閱方案
・追蹤喜特先生的 Facebook
・按這邊小額贊助我的創作!
想要看更多文章,歡迎來到我的 Notion 頁面找找有沒有你需要的資源喔!
我是喜特先生,Mr. Sheet,我們下個教學見!
此篇文章會顯示動態置底廣告
為什麼會看到廣告
avatar-img
14.6K會員
148內容數
簡潔,快速,有效, 讓你的日常生活、工作生產力大提升! ___ 快按「加入」,馬上追蹤所有喜特先生的更新,有 Google 試算表教學、Google Apps Script 的研究、數據分析課程的開箱,還有 Google 試算表疑難雜症的解題分享唷!💪
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
喜特先生官方沙龍 的其他內容
最近疫情變得比較嚴峻了一點,我叫外送的頻率增加了。身為一個選擇障礙症患者,每次就算打開了傅胖達跟吳柏毅、滑來滑去,不知道要點什麼好的時候... 🍜
用 Google 試算表內建的翻譯函式功能來批次翻譯外語單詞或句子。一行函式,值得一試!
用 Google 試算表和 Google 我的地圖(Google MyMap)結合,做出一張屬於你的旅遊地圖!
最近疫情變得比較嚴峻了一點,我叫外送的頻率增加了。身為一個選擇障礙症患者,每次就算打開了傅胖達跟吳柏毅、滑來滑去,不知道要點什麼好的時候... 🍜
用 Google 試算表內建的翻譯函式功能來批次翻譯外語單詞或句子。一行函式,值得一試!
用 Google 試算表和 Google 我的地圖(Google MyMap)結合,做出一張屬於你的旅遊地圖!
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
可以掃描QRCODE 您已被邀請加入「賢弟的選擇權暴力獲利實戰與教學-B班預留席」!請點選以下連結加入社群! https://line.me/ti/g2/-TGwN5uuYEvyIUBkE5Hd7vn2IWEYrFiNhKvyLA?utm_source=invitation&utm_medi
Thumbnail
自動化和AI是趨勢,餐廳送餐帶位都有機器人了,也有愈來愈多餐廳以QRCode點餐。 種種現象傳達出一項警訊:人力的需求在改變。餐廳低薪事累請不到服務生,這種工作也不可能給更高的薪水,結果是人類的工作被新的方式取代,而原本可以當服務生維生的人,可能更沒有工作機會。 看到朋友轉貼了一則報導: 為
關於QR.code的自我介紹文( •̀ ω •́ )✧ QR.code自己寫的~ 因為他不怎麼會寫文章,所以超級短(嘻嘻)
Thumbnail
越來越多的餐廳和早餐店開始使用掃碼點餐,但作者對此表示不滿,認為使用掃碼點餐很煩人。作者認為掃碼點餐並不能省時,並會降低店家與客人之間的親切服務感。文章中描述了一些點餐時出現的問題和困擾。
Thumbnail
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖,並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例,並附上圖片說明操作過程。
Thumbnail
QRX Codes是一個結合AI繪圖技術的QR Code產生器,使用簡潔易操作的介面,可以根據輸入的描述創建獨特的QR碼,例如以動物背景、風景、知名建築物、電影人物等為背景,製作藝術般的視覺效果。
Thumbnail
本次將為大家介紹,如何用Google表單來自製顧客滿意度調查表 進入Google表單有三個步驟,首先必須先進入Google流覽器的環境 接下來,開啟Gmail信箱,第三個步驟,選擇Google應用程式中的表單功能 再點選應用程式集,在程式集中再點選表單的功能,就會出現表單的編輯畫面 此時要建
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
現在許多地方都是是手機點菜,要掃QR Code,小小的螢幕許多餐點,兩人討論了一下就點了菜,一個雙響丼,一個咖哩飯。確定送餐前問你怎麼付款,我愣了一下,還是到櫃檯結了帳。現今的支付方式逐漸擴展至支援電子工具,如街口支付、linepay等。與以前相比,現在與金錢接觸的機會愈來愈減少。這樣的轉變有其優缺
Thumbnail
今天紀錄的是因應工作需要而學習的小技能。 我想達到的目標:當欄位裡面出現「寄出」這個關鍵字的時候整欄變色,以辨別該項目的狀態。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
可以掃描QRCODE 您已被邀請加入「賢弟的選擇權暴力獲利實戰與教學-B班預留席」!請點選以下連結加入社群! https://line.me/ti/g2/-TGwN5uuYEvyIUBkE5Hd7vn2IWEYrFiNhKvyLA?utm_source=invitation&utm_medi
Thumbnail
自動化和AI是趨勢,餐廳送餐帶位都有機器人了,也有愈來愈多餐廳以QRCode點餐。 種種現象傳達出一項警訊:人力的需求在改變。餐廳低薪事累請不到服務生,這種工作也不可能給更高的薪水,結果是人類的工作被新的方式取代,而原本可以當服務生維生的人,可能更沒有工作機會。 看到朋友轉貼了一則報導: 為
關於QR.code的自我介紹文( •̀ ω •́ )✧ QR.code自己寫的~ 因為他不怎麼會寫文章,所以超級短(嘻嘻)
Thumbnail
越來越多的餐廳和早餐店開始使用掃碼點餐,但作者對此表示不滿,認為使用掃碼點餐很煩人。作者認為掃碼點餐並不能省時,並會降低店家與客人之間的親切服務感。文章中描述了一些點餐時出現的問題和困擾。
Thumbnail
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖,並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例,並附上圖片說明操作過程。
Thumbnail
QRX Codes是一個結合AI繪圖技術的QR Code產生器,使用簡潔易操作的介面,可以根據輸入的描述創建獨特的QR碼,例如以動物背景、風景、知名建築物、電影人物等為背景,製作藝術般的視覺效果。
Thumbnail
本次將為大家介紹,如何用Google表單來自製顧客滿意度調查表 進入Google表單有三個步驟,首先必須先進入Google流覽器的環境 接下來,開啟Gmail信箱,第三個步驟,選擇Google應用程式中的表單功能 再點選應用程式集,在程式集中再點選表單的功能,就會出現表單的編輯畫面 此時要建
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
現在許多地方都是是手機點菜,要掃QR Code,小小的螢幕許多餐點,兩人討論了一下就點了菜,一個雙響丼,一個咖哩飯。確定送餐前問你怎麼付款,我愣了一下,還是到櫃檯結了帳。現今的支付方式逐漸擴展至支援電子工具,如街口支付、linepay等。與以前相比,現在與金錢接觸的機會愈來愈減少。這樣的轉變有其優缺
Thumbnail
今天紀錄的是因應工作需要而學習的小技能。 我想達到的目標:當欄位裡面出現「寄出」這個關鍵字的時候整欄變色,以辨別該項目的狀態。