把想法變成具體可行的網頁互動程式

更新 發佈閱讀 3 分鐘

我和AI一起寫了第一隻網頁互動程式-症狀紀錄

專門針對家中有慢性病患者的人設計的,可以協助慢性病患者紀錄症狀出現的狀況,慢慢幫醫師抓出病因

連結

下載後儲存就可以使用

vocus|新世代的創作平台




對我來說,閱讀是一件很快樂的事。我會閱讀各式各樣的雜誌與書籍,也正是因為涉獵廣泛,常常能夠收到觸類旁通的效果。

不過最近我有了一個新想法:既然可以透過 AI 快速撰寫程式,如果把閱讀中汲取到的概念與框架,結合 AI 轉化成實際可執行的小工具,讓這些想法真正落地在日常生活中,會不會更有意思?

既然想到了,就動手吧。我開始盤點生活中哪些環節可以用哪些框架來輔助,然後一一請 AI 幫我寫成程式。考量到執行的便利性,手機當然是最理想的平台,但在網路上執行會涉及一些安全性的顧慮,所以我退而求其次,改讓 AI 寫成可以直接用瀏覽器開啟的網頁式程式。

這類程式有幾個我很喜歡的特點:首先,所有運算都在本地端執行,不會有隱私外洩的風險;其次,只要有瀏覽器就能開啟,完全不需要安裝任何軟體,非常方便。

隨著程式越寫越多,我開始思考另一個問題:需不需要設計一套備份與還原機制?原因是這樣的——當你想把某支好用的程式分享給朋友時,如果直接把網頁檔案傳出去,你存在裡面的個人資料也會一併帶走。所以我希望程式能夠「重置到初始狀態」,分享出去的是乾淨的版本;而你自己則可以從備份檔案把個人資料還原回來。這套備份還原的機制,也是整個設計中必須考慮進去的一環。

對於完全沒有程式設計背景的人來說,這些概念或許需要多用幾次才能慢慢體會;但因為我自己有一點資訊工作的經驗,能夠比較快地想清楚這些脈絡,加上只要下指令給 AI,實作起來其實並不費力。

最後一個思考是:備份出來的資料格式應該長什麼樣子?考量到未來跨平台移植的需求,我選擇了目前最通用的 Markdown 格式。這樣一來,哪天想在其他平台重現這些資料,也會容易得多。

想清楚這些之後,我才真正開始動手寫程式。沒想到日常生活中可以套用這種形式的場景還挺多的,不知不覺就累積了不少支。我很樂意分享一兩支程式給有興趣的朋友試用。程式本身是免費分享的,但如果你有特殊需求想要客製化,請自行修改原始碼——我沒有餘力根據個別需求調整,畢竟這是需要時間與心力的事。


留言
avatar-img
他到底讀了什麼?
94會員
139內容數
我每個月的閱讀量非常驚人,現在將注意力放在數位趨勢、數位閱讀還有生成式AI應用上,喜歡寫跟人不一樣的東西,更喜歡讓你知道我是如何思考的,歡迎訂閱跟我一起成長。
2026/05/03
這是一個3小時的數位素養課程,透過線上上課。 整理完簡報後,我用AI簡單寫了一下簡介 提供給對這項議題興趣的人 --------- 簡介 在數位時代,您是否既想享受科技便利,又擔心網路陷阱?《數位世代必修的數位素養力》3小時課程,帶您學會「趨吉避凶」的生存法則!我們將教您善用數位工具豐富生
2026/05/03
這是一個3小時的數位素養課程,透過線上上課。 整理完簡報後,我用AI簡單寫了一下簡介 提供給對這項議題興趣的人 --------- 簡介 在數位時代,您是否既想享受科技便利,又擔心網路陷阱?《數位世代必修的數位素養力》3小時課程,帶您學會「趨吉避凶」的生存法則!我們將教您善用數位工具豐富生
2026/05/02
前幾天試用過ChatGP新的繪圖功能,覺得非常的驚艷。不過在輸出搞笑圖還有做出一堆看起來就很AI的應用之外,還可以作些什麼呢?我想到了Product Taste這個字,或許可以利用他來提升設計的品味。 在我們的生活中有很多設計應用真的很不好閱讀,外型也不美觀,所以,或許我們可以用AI來調整一下?以
Thumbnail
2026/05/02
前幾天試用過ChatGP新的繪圖功能,覺得非常的驚艷。不過在輸出搞笑圖還有做出一堆看起來就很AI的應用之外,還可以作些什麼呢?我想到了Product Taste這個字,或許可以利用他來提升設計的品味。 在我們的生活中有很多設計應用真的很不好閱讀,外型也不美觀,所以,或許我們可以用AI來調整一下?以
Thumbnail
2026/05/02
在我的Apple Watch錶面中間,我會加入這個捷徑-計時器。因為在我的生活中有太多需要計時器的應用了 例如:小學一節課40分鐘,但是支援輔導團後,有時候因為文書工作一不小心就坐很久。但是...最近的醫學報告說,「久坐的危害不是晚上多運動一下補得回來的」。所以,設定40分鐘振動一下手腕提
Thumbnail
2026/05/02
在我的Apple Watch錶面中間,我會加入這個捷徑-計時器。因為在我的生活中有太多需要計時器的應用了 例如:小學一節課40分鐘,但是支援輔導團後,有時候因為文書工作一不小心就坐很久。但是...最近的醫學報告說,「久坐的危害不是晚上多運動一下補得回來的」。所以,設定40分鐘振動一下手腕提
Thumbnail
看更多
你可能也想看
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
夢想清單寫了好幾年,永遠停在「等有錢再說」?問題不是不夠努力,是少了 4 個關鍵步驟:寫下、辨別真偽、排時間、拆財務。這篇示範怎麼把「想很久」變成「下個月開始」。
Thumbnail
夢想清單寫了好幾年,永遠停在「等有錢再說」?問題不是不夠努力,是少了 4 個關鍵步驟:寫下、辨別真偽、排時間、拆財務。這篇示範怎麼把「想很久」變成「下個月開始」。
Thumbnail
我們常想做出某種改變但未必能達成,多半會認為改變非常困難,但行為科學家告訴我們:問題在於是否用對方法。《達標》作者艾雅雷費雪巴赫研究「目標心理學」長達20年以上時間。她認為要成功地引導與駕馭自己,第一步是「選一個目標」,因為正確的目標就如同影響力強大的咒語一般,能讓人不顧代價盡全力朝目標的方向前進
Thumbnail
我們常想做出某種改變但未必能達成,多半會認為改變非常困難,但行為科學家告訴我們:問題在於是否用對方法。《達標》作者艾雅雷費雪巴赫研究「目標心理學」長達20年以上時間。她認為要成功地引導與駕馭自己,第一步是「選一個目標」,因為正確的目標就如同影響力強大的咒語一般,能讓人不顧代價盡全力朝目標的方向前進
Thumbnail
當大家還在把 AI 繪圖工具當成「玩圖神器」的時候,新的 ChatGPT Images 2.0 已經悄悄把戰場拉到了真正的商業應用上。 它不再只是輸入一句 Prompt,然後碰碰運氣看會出現什麼圖,而是更像一位懂設計、懂排版、懂品牌感的視覺助理。
Thumbnail
當大家還在把 AI 繪圖工具當成「玩圖神器」的時候,新的 ChatGPT Images 2.0 已經悄悄把戰場拉到了真正的商業應用上。 它不再只是輸入一句 Prompt,然後碰碰運氣看會出現什麼圖,而是更像一位懂設計、懂排版、懂品牌感的視覺助理。
Thumbnail
要「把一件事專注做到最好」有難度,我以「方格子成就值 100」這件事為例分享給大家 1️⃣ 只專注一件事困難在哪裡 2️⃣ 如何達成只專注一件事 3️⃣ 做到最好困難在哪裡 4️⃣ 如何達成做到最好......
Thumbnail
要「把一件事專注做到最好」有難度,我以「方格子成就值 100」這件事為例分享給大家 1️⃣ 只專注一件事困難在哪裡 2️⃣ 如何達成只專注一件事 3️⃣ 做到最好困難在哪裡 4️⃣ 如何達成做到最好......
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
我常覺得與其說是夢想,不如說是計畫,因為當夢想變成計畫,它就不再是一個遙遠無法達成的事情了。
Thumbnail
我常覺得與其說是夢想,不如說是計畫,因為當夢想變成計畫,它就不再是一個遙遠無法達成的事情了。
Thumbnail
「你有多久沒有真正打開自己,去看看不一樣的可能了?」 成長不是靠固守,而是敢於打開。放下對經驗的僵化依賴,接納不同的觀點,勇敢嘗試未完成的挑戰,讓認知開放度成為你迎接新可能的力量。
Thumbnail
「你有多久沒有真正打開自己,去看看不一樣的可能了?」 成長不是靠固守,而是敢於打開。放下對經驗的僵化依賴,接納不同的觀點,勇敢嘗試未完成的挑戰,讓認知開放度成為你迎接新可能的力量。
Thumbnail
章若楠與王安宇領銜出演的都市愛情劇《想把你和時間藏起來》,原名《你那兒幾點》,改編自熱度極高的北傾同名小說。該劇已定於 2026 年 2 月 10 日在上海開機,由章若楠飾演女主 “沈千盞”,王安宇飾演男主 “季清和”。這部作品以治癒系愛情與職場焦慮為核心,在粉絲間提前形成熱議話題。
Thumbnail
章若楠與王安宇領銜出演的都市愛情劇《想把你和時間藏起來》,原名《你那兒幾點》,改編自熱度極高的北傾同名小說。該劇已定於 2026 年 2 月 10 日在上海開機,由章若楠飾演女主 “沈千盞”,王安宇飾演男主 “季清和”。這部作品以治癒系愛情與職場焦慮為核心,在粉絲間提前形成熱議話題。
Thumbnail
很多人認為改變是一件苦差事,事實上,最難搞的對象往往是「我們自己」。面對人生目標時,我們有可能處在三個不同的區間裡:舒適區、潛能區、混亂區--當目標設定太高、想做的太多時,我們就從舒適區一下子掉進混亂區。《把夢想變實現的起點思維》要教我們用三層目標+四大燃料從舒適區前進潛能區,實現自己目標的好方法。
Thumbnail
很多人認為改變是一件苦差事,事實上,最難搞的對象往往是「我們自己」。面對人生目標時,我們有可能處在三個不同的區間裡:舒適區、潛能區、混亂區--當目標設定太高、想做的太多時,我們就從舒適區一下子掉進混亂區。《把夢想變實現的起點思維》要教我們用三層目標+四大燃料從舒適區前進潛能區,實現自己目標的好方法。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News