QR Code 也變得出來!

更新 發佈閱讀 7 分鐘

(2024/06/29 更新:Google 已經終止了 API 的服務,之後會另外發一篇文介紹其他服務!)

什麼,Google 試算表也可以變得出 QR Code?

vocus|新世代的創作平台

還真的可以!上面就是從 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
vocus|新世代的創作平台

我們在 A2 接著輸入:

=ENCODEURL(A1)

就會得到:

vocus|新世代的創作平台

第一步完成,我們來看看第二步。


二、描述你點餐的需求

接下來要請服務生過來了!呼叫他要用到這條網址:

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
vocus|新世代的創作平台

這邊會出現一個新的網址,點進去就會在新分頁看到 QR Code 了:

vocus|新世代的創作平台

三、料理上桌、開動

其實到剛剛那一步,你就可以在新分頁產生的 QR Code 上點右鍵、另存圖片存起來了。那如果要讓這個 QR Code 出現在試算表上,我們要再利用一個 IMAGE的函式,讓你在儲存格內插入網路上的圖片:

=IMAGE(網址)

例如:
=IMAGE("https://www.google.com/images/srpr/logo3w.png")

那我們在 A4,寫下:

=IMAGE(A3)
vocus|新世代的創作平台

喔?好像有什麼黑漆漆的小方塊出現了。我們把第四行拉高一點點:

vocus|新世代的創作平台

成功!適度調整一下欄寬跟行高,拿給手機掃描看看:

vocus|新世代的創作平台

如果你覺得這上面的過程太繁複,你可以先到我準備好的試算表,準備了樣板跟範例給你參考。

vocus|新世代的創作平台

在「樣板」工作表上,只要輸入長、寬還有資料,Google 試算表就會提供生成網址、還有 QR Code 給你。如果不確定怎麼寫,你可以到「範例」工作表看看我的示範喔!

我也鼓勵你照著教學從頭到尾跟著做做看,會更了解「&」的運作方式,試著跟這位「服務生」點餐看看吧 ✧◝(⁰▿⁰)◜✧


如果你喜歡這次的文章,歡迎你透過這些方法支持我:
・按下愛心、按下儲存
・留言告訴我你的想法
・加入喜特先生的官方沙龍,即時看到我發布的教學
・付費訂閱喜特先生的官方沙龍,加入每月小額訂閱方案
・追蹤喜特先生的 Facebook
・按這邊小額贊助我的創作!

想要看更多文章,歡迎來到我的 Notion 頁面找找有沒有你需要的資源喔!

我是喜特先生,Mr. Sheet,我們下個教學見!


留言
avatar-img
喜特先生官方沙龍
21.1K會員
158內容數
簡潔,快速,有效, 讓你的日常生活、工作生產力大提升! ___ 快按「加入」,馬上追蹤所有喜特先生的更新,有 Google 試算表教學、Google Apps Script 的研究、數據分析課程的開箱,還有 Google 試算表疑難雜症的解題分享唷!💪
2023/01/01
2023 到了,今年有什麼新規劃嗎?或是有什麼重要的日子值得倒數一下呢?我們可以在試算表用三個方法,計算兩個日期的相差天數,當然計算倒數日也可以。一起來看看吧!
Thumbnail
2023/01/01
2023 到了,今年有什麼新規劃嗎?或是有什麼重要的日子值得倒數一下呢?我們可以在試算表用三個方法,計算兩個日期的相差天數,當然計算倒數日也可以。一起來看看吧!
Thumbnail
2022/12/18
在資料驗證(三):自訂公式的教學,我寫了一串可以驗證身分證字號的公式: 如果 A1 是正確的身分證字號格式就會是 TRUE、錯誤的話則是 FALSE。 我會在這篇文稍稍解釋一下上面這串是怎麼做的,也歡迎大家在文章下方留言,告訴我你的看法、或是有更好的建議也可以跟我說說!
Thumbnail
2022/12/18
在資料驗證(三):自訂公式的教學,我寫了一串可以驗證身分證字號的公式: 如果 A1 是正確的身分證字號格式就會是 TRUE、錯誤的話則是 FALSE。 我會在這篇文稍稍解釋一下上面這串是怎麼做的,也歡迎大家在文章下方留言,告訴我你的看法、或是有更好的建議也可以跟我說說!
Thumbnail
2022/05/08
最近疫情變得比較嚴峻了一點,我叫外送的頻率增加了。身為一個選擇障礙症患者,每次就算打開了傅胖達跟吳柏毅、滑來滑去,不知道要點什麼好的時候... 🍜
Thumbnail
2022/05/08
最近疫情變得比較嚴峻了一點,我叫外送的頻率增加了。身為一個選擇障礙症患者,每次就算打開了傅胖達跟吳柏毅、滑來滑去,不知道要點什麼好的時候... 🍜
Thumbnail
看更多
你可能也想看
Thumbnail
每個單月的25號,都是我期待錢從天上掉下來的日子,總是迫不急待拿出一疊發票,全神貫注加上臨場感的對獎,然而,你是不是也常忙到忘記對獎,有可能不小心的與財神爺擦身而過呢?
Thumbnail
每個單月的25號,都是我期待錢從天上掉下來的日子,總是迫不急待拿出一疊發票,全神貫注加上臨場感的對獎,然而,你是不是也常忙到忘記對獎,有可能不小心的與財神爺擦身而過呢?
Thumbnail
現在許多地方都是是手機點菜,要掃QR Code,小小的螢幕許多餐點,兩人討論了一下就點了菜,一個雙響丼,一個咖哩飯。確定送餐前問你怎麼付款,我愣了一下,還是到櫃檯結了帳。現今的支付方式逐漸擴展至支援電子工具,如街口支付、linepay等。與以前相比,現在與金錢接觸的機會愈來愈減少。這樣的轉變有其優缺
Thumbnail
現在許多地方都是是手機點菜,要掃QR Code,小小的螢幕許多餐點,兩人討論了一下就點了菜,一個雙響丼,一個咖哩飯。確定送餐前問你怎麼付款,我愣了一下,還是到櫃檯結了帳。現今的支付方式逐漸擴展至支援電子工具,如街口支付、linepay等。與以前相比,現在與金錢接觸的機會愈來愈減少。這樣的轉變有其優缺
Thumbnail
自從2023年8月開始富邦信用卡自動幫客戶將電子帳單改成新式的「環保帳單」,說是環保但其實還要輸入登入資料,如果沒下載PDF檔帳單只有半年的保存期限,這對平常有需要用email保存信用卡帳單記錄的人還滿麻煩的,所以輝哥試著用數位客服申請看看把新式的換成舊式,有需要的朋友請參照本文步驟設定......
Thumbnail
自從2023年8月開始富邦信用卡自動幫客戶將電子帳單改成新式的「環保帳單」,說是環保但其實還要輸入登入資料,如果沒下載PDF檔帳單只有半年的保存期限,這對平常有需要用email保存信用卡帳單記錄的人還滿麻煩的,所以輝哥試著用數位客服申請看看把新式的換成舊式,有需要的朋友請參照本文步驟設定......
Thumbnail
來分享2022年使用一年的心得。 先說我覺得它的優點挺多的, 以現行免費的記帳app而言, 功能多到算是佛心來著的。 用google帳號即可綁定, 只要同步資料庫, 換手機可以無痛搬家, 不必重新設定。 我會用的功能只有帳戶、類別、圖表、統一發票。 再次誇讚電子發票匯入功能, 真的省下非常多記帳的時
Thumbnail
來分享2022年使用一年的心得。 先說我覺得它的優點挺多的, 以現行免費的記帳app而言, 功能多到算是佛心來著的。 用google帳號即可綁定, 只要同步資料庫, 換手機可以無痛搬家, 不必重新設定。 我會用的功能只有帳戶、類別、圖表、統一發票。 再次誇讚電子發票匯入功能, 真的省下非常多記帳的時
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
大概是從去年或前年開始吧,因為疫情關係,台灣開始發展出QR Code掃碼的實聯制方式來取代每進出一個店家都要排隊在那邊寫一堆資料的時間。(最近才剛正式取消進出店家要實名制的手續,一時之間還有點不習慣呢,每次進入店家前都已經準備拿出手機的起手式,好像突然少了甚麼步驟一樣😅)
Thumbnail
大概是從去年或前年開始吧,因為疫情關係,台灣開始發展出QR Code掃碼的實聯制方式來取代每進出一個店家都要排隊在那邊寫一堆資料的時間。(最近才剛正式取消進出店家要實名制的手續,一時之間還有點不習慣呢,每次進入店家前都已經準備拿出手機的起手式,好像突然少了甚麼步驟一樣😅)
Thumbnail
當行動支付市場如此磅礴,業者紛紛想改善現階段行動支付的不便之處,因此,QRcode 共通碼就此誕生,但共通碼在支付新時代能夠順利推行嗎?目前發展的現況又是如何?是否面臨了困境與瓶頸?今天就一起來看馬克怎麼說!
Thumbnail
當行動支付市場如此磅礴,業者紛紛想改善現階段行動支付的不便之處,因此,QRcode 共通碼就此誕生,但共通碼在支付新時代能夠順利推行嗎?目前發展的現況又是如何?是否面臨了困境與瓶頸?今天就一起來看馬克怎麼說!
Thumbnail
今年度推出的行動電話認證,主要是為了實現"手機報稅"的這個理念,而不需要再另外透過電腦或其他工具,單純的使用手機就可以進行申報作業,根據電子報稅網站上的說明,如果您使用手機報稅,目前是有限制的:不能修改
Thumbnail
今年度推出的行動電話認證,主要是為了實現"手機報稅"的這個理念,而不需要再另外透過電腦或其他工具,單純的使用手機就可以進行申報作業,根據電子報稅網站上的說明,如果您使用手機報稅,目前是有限制的:不能修改
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
本文由好好玩台灣授權提供,原文出處在此 發票種類有哪些? 傳統發票 電子發票 雲端發票 如何申請雲端發票? 手機條碼是由一組手機號碼搭配一個電子信箱所產生的一維條碼,由“/”(斜線)與7個英文數字或符號組成,(例如 /ABC+123),就讓小編來教你怎麼申請手機條碼吧! 第3步|設定領獎帳戶
Thumbnail
本文由好好玩台灣授權提供,原文出處在此 發票種類有哪些? 傳統發票 電子發票 雲端發票 如何申請雲端發票? 手機條碼是由一組手機號碼搭配一個電子信箱所產生的一維條碼,由“/”(斜線)與7個英文數字或符號組成,(例如 /ABC+123),就讓小編來教你怎麼申請手機條碼吧! 第3步|設定領獎帳戶
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News