受到這篇文的啟發，我發現Gemini Canvas能直接在網頁上運行，不需要安裝任何開發環境。
在我們公司，內部溝通通常會使用書籍編號來溝通，
這樣可避免類似的書名混淆(如《世界是上帝的家》V.S.《世界是耶穌的》)，
以增加溝通效率。
但我自己常常只記得書名，不記得書籍編號。
所以我根據自己的需要，建立了查詢書號系統，
輸入書名就可以秀出書籍編號了！
我的解決流程：
1.跟Gemini 2.5 pro說：「我需要製作一個查詢資料庫，可以輸入書名，根據資料庫顯示出書籍編號及店內碼。」(ISBN是我後來手動加上的。)
2.請ChatGPT將資料庫轉換成JavaScript格式
3.手動將程式碼貼到Gemini Canvas中 (他提供了範例格式，我將那些範例覆蓋上去就好了)
沒想到我第一個Vibe Coding的產物也是為公司而做的(汗)
不過也滿有成就感的，算是在數位時代用AI增加效率的一點小成就吧！✨
操作示意影片連結：
受到這篇文的啟發，我發現Gemini Canvas能直接在網頁上運行，不需要安裝任何開發環境。
在我們公司，內部溝通通常會使用書籍編號來溝通，
這樣可避免類似的書名混淆(如《世界是上帝的家》V.S.《世界是耶穌的》)，
以增加溝通效率。
但我自己常常只記得書名，不記得書籍編號。
所以我根據自己的需要，建立了查詢書號系統，
輸入書名就可以秀出書籍編號了！
我的解決流程：
1.跟Gemini 2.5 pro說：「我需要製作一個查詢資料庫，可以輸入書名，根據資料庫顯示出書籍編號及店內碼。」(ISBN是我後來手動加上的。)
2.請ChatGPT將資料庫轉換成JavaScript格式
3.手動將程式碼貼到Gemini Canvas中 (他提供了範例格式，我將那些範例覆蓋上去就好了)
沒想到我第一個Vibe Coding的產物也是為公司而做的(汗)
不過也滿有成就感的，算是在數位時代用AI增加效率的一點小成就吧！✨
操作示意影片連結：