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,我們下個教學見!
7.2K會員
147內容數
簡潔,快速,有效, 讓你的日常生活、工作生產力大提升! ___ 快按「加入」,馬上追蹤所有喜特先生的更新,有 Google 試算表教學、Google Apps Script 的研究、數據分析課程的開箱,還有 Google 試算表疑難雜症的解題分享唷!💪
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
創作者要怎麼好好休息 + 避免工作過量?《黑貓創作報#4》午安,最近累不累? 這篇不是虛假的關心。而是《黑貓創作報》發行以來可能最重要的一篇。 是的,我們這篇講怎麼補充能量,也就是怎麼休息。
Thumbnail
avatar
黑貓老師
2024-06-29
神的QR Code之十八 「急速膨脹的惡,說得白話些,就是去計數他之前的惡、以及他循著這模式下去的惡,急速壓縮到目前這個時間點上。在這裡,去除了前世與今生,單單就今生而論,結算了所有惡的總和,自然而然,惡果會馬上驗證。」         看到晴雪困惑的表情,里凡爵士又繼續論述。         「以張樂華為例
avatar
汪星曼
2023-11-27
神的QR Code 之十七 「啊!」聽男神這麼一提醒,晴雪有恍然大悟之感,但她同時也覺得奇怪,神會受到人類電池電力的影響嗎?         「當然不會啊!」里凡爵士翻了個白眼,說:「這手機是人與神接觸的介面,是妳肉眼的視力受到影響。妳的充電器放在包包的內層袋裡,動作快點吧。」         「喔!好……好!」
avatar
汪星曼
2023-11-25
神的QR Code之十六 此刻,俊美的里凡爵士已坐在她的床上,看起來十分放鬆,只是翅膀似乎有些下垂。 「小雪,這不是幻覺好嗎?」他右手掌心攤開向上,晴雪手中的一杯紅茶便飛向了他。 「咕嚕咕嚕……」看著復仇神用人類吸管喝著紅茶,晴雪覺得這畫面微妙無比。 當杯中液體被飲盡,他翅膀的弧線再度撲剌剌往上,
avatar
汪星曼
2023-11-24
神的QR Code 之十五 晴雪臉上出現困惑的表情,似乎在思索著。         「怎樣的人談論原諒?受到傷害而不敢反抗,沒有勇氣挺身而出、或冒險一搏,復仇需要縝密的心思與策略,可能揮霍了漫漫時日而無所獲,也可能拚力揮出一拳後,把自己弄得灰頭土臉、狼狽不堪;那麼,只要『原諒』,一切都變得如此簡單輕鬆啊。自己的怯懦被
avatar
汪星曼
2023-11-23
神的QR Code 之十四 「唉,」他嘆了口氣,掩不住失望的神色:「沒想到,妳的復仇慾望這麼低,僅僅在於把他趕走而已?」         「那你可以做到什麼程度呢?真的可以讓他撞牆、甚至死亡嗎?」         「呵呵……」他露出溫柔的笑容:「當然可以!」         晴雪睜大眼睛,內心鼓動著燥熱的
avatar
汪星曼
2023-11-21
墨耘|一紙 QR 碼,我對加密貨幣「消費行為」的想像或許最難處不是別的,近在眼前,是從封閉抗拒到開放接受,是你我的心。
Thumbnail
avatar
閱讀筆耕
2022-05-16
你習慣QR Code點餐了嗎 大概是從去年或前年開始吧,因為疫情關係,台灣開始發展出QR Code掃碼的實聯制方式來取代每進出一個店家都要排隊在那邊寫一堆資料的時間。(最近才剛正式取消進出店家要實名制的手續,一時之間還有點不習慣呢,每次進入店家前都已經準備拿出手機的起手式,好像突然少了甚麼步驟一樣😅)
Thumbnail
avatar
花花說...
2022-05-16
avatar
藍天白雲--一車二人三餐四季模式已啟動
2022-04-28
8款出色的QR Code產生器本篇文章將會介紹8款好用的QR Code產生器,它們都能幫你快速製作出美觀的QR Code,讓你可以用在展場公司產品介紹或是網路行銷上。
Thumbnail
avatar
模範城市
2021-10-14
讀書心得:小王子 台語版【附台語朗讀QRcode】 Le Petit Prince小王子 台語版【附台語朗讀QRcode】 Le Petit Prince 作者: Antoine de Saint-Exupéry   譯者: 蔡雅菁 繪者: 呂芊虹, 陳家希 出版社:前衛   出版日期:2020/03/18 語言:繁體中文 ISBN:9789578019041 叢書系列:台語
Thumbnail
avatar
momoge (毛毛牙)
2021-05-20