iT邦幫忙

2024 iThome 鐵人賽

DAY 23
0
生成式 AI

零基礎快速入門:GenAI 搭配 Google Apps Script 的工作自動化寶典系列 第 23

《零基礎快速入門:GenAI 搭配 Google Apps Script 的工作自動化寶典》Chapter 5-1 前端範例:偽陽性計算機

  • 分享至 

  • xImage
  •  

很多人都知道Google Apps Script 可以做到工作自動化,
但少有人知道他可以拿來做前端介面。

今天開始進入系列文的第 5 章,
上一章主要是示範一些繁瑣工作的自動化,屬於後端程式。
而這一章的案例將會展示一些 Google Apps Script 的前端功能。
「前端」的意思就是會有操作介面、有畫面、像一個互動網頁一樣。
而不只是一個默默在黑盒子裡執行的程式而已。

自己動手做簡單工具:偽陽性計算機

今天要帶給大家的案例,
也是我因應生活上的需要,而隨手做出來的小功能。

起因於我想跟小孩解釋「為什麼即使在敏感性高達95%的檢驗中得到陽性反應,實際得病的機率可能還不到一半」

這是一個有點違反直覺,需要深入思考的問題。
如果有一個模擬計算機,就有助我們在快速反覆測試中得到一些對數字的感覺。
所以我就用 Google Apps Script 做了一個計算機。

請參考此頁面:https://script.google.com/macros/s/AKfycbwwg5Q-ZObphqSLNnyTp9WBXPziK8Fnw2qH_lt_a7tl-QiSYwFjkymnGxVlf_HQwgrnbA/exec

這不是我們傳統意義上的工作自動化,
但的確也是一種自動化:把繁複重複的計算過程自動化!

本文重點不在探討統計學,
貝氏統計的原理可參見:醫療檢測的準確度:「偽陰性」、「偽陽性」到底是什麼意思?如何計算準確度?

可以這樣問 ChatGPT

請幫我用Google Apps Script做一個偽陽性計算機,
要有前端畫面供使用者輸入包含「敏感性」(sensitivity) 、「特異性」(specificity)以及其它必要參數,
以自動計算出偽陽性的機率。

就會得到可用的程式碼了。

歡迎直接看我的對話紀錄:https://chatgpt.com/share/670154f3-1d5c-800e-90d3-29afb2568de5

程式建立步驟

相較於前一章的純後端自動化程式,
我們現在要建立前端網頁需要做額外兩件事。
1. 建立 index.html 這個網頁檔案
2. 佈署(Deploy)你的程式到網路上

以下詳述過程。

建立 Google Apps Script 專案
開啟 Google Drive,選擇「新增」>「更多」>「Google Apps Script」來建立新的專案。
專案名稱可以命名為「偽陽性計算機」。
image.png
撰寫 HTML 前端介面
在 Apps Script 專案中,點選「檔案」>「新增」>「HTML」來新增一個 index.html 檔案,作為前端畫面。
(新增時只需要輸入 index,副檔名的 html 它會自動幫你加上)
image.png
貼上 ChatGPT 給你的 index.html 程式碼。
撰寫 Google Apps Script 程式碼
程式碼.gs或是Code.gs中貼上 ChatGPT 給的程式碼。

如何部署

點選專案中的「部署」按鈕,選擇部署為「網頁應用程式」。
image.png
image.png
設定「誰可以存取」,選擇「所有人」。
按下「部署」後,系統會提供一個網址。使用該網址即可存取這個偽陽性計算機。
image.png
image.png
只要從這個網址開啟,你就會看到一個可互動的計算機了!
image.png

還可以做哪些改善?

這個計算機很實用,但有點醜。
我們其實可以要求 ChatGPT 幫我們美化。

你可以這樣提出需求:

請幫我美化這個計算機,讓他有蘋果公司的風格。

他就會在維持功能的前提下,
幫你改善外觀。

至於美不美,就見人見智了。
如果不滿意,你可以再跟 ChatGPT 說。
image.png


上一篇
《零基礎快速入門:GenAI 搭配 Google Apps Script 的工作自動化寶典》Chapter 4-7 自動監測 YouBike 站 Part 2
下一篇
《零基礎快速入門:GenAI 搭配 Google Apps Script 的工作自動化寶典》Chapter 5-2 用動畫展示你的想法
系列文
零基礎快速入門:GenAI 搭配 Google Apps Script 的工作自動化寶典30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言