KAZUKIN LAB這個網站本身,就是把AI當作製作搭檔做出來的。我是網頁製作的新手,但一邊和AI商量一邊推進,網站被培養成了比想象中更接近理想的樣子。

為什麼改成直接寫程式碼

一開始我用無程式碼工具做網站,結果目的不明的頁面越來越多,連我自己都搞不清該把什麼寫在哪裡了。為了不再重蹈覆轍,我特意改用最原始的HTML、CSS和JavaScript重做。雖然多了不少功夫,但結構簡單,反而不再迷茫。

與AI的工作方式

設計和結構上的商量,先在和AI的聊天裡敲定,實際的程式碼工作則交給Claude Code。分清角色之後,思考的工作和動手的工作不再混在一起,推進的方式變得非常清晰。

  • 複製文章模板,儲存到articles資料夾
  • 在目錄檔案(articles-data.js)裡追加一個區塊
  • 只要這樣,就會自動反映到列表頁
KAZUKIN

AIおもしろいよね

總結

不是把一切都交給AI,而是自己也一邊理解其中的機制一邊推進,我想這就是這個網站的做法的特點。今後我也想把它當作能自己培養的媒體,一點一點增加文章。

KAZUKIN式評價

  • 🧑‍💻 對網頁製作新手的友好度 ★★★★☆
  • 📁 新增文章的簡單程度 ★★★★★(複製模板+追加一個區塊)
  • 🧩 防止“Page1問題”再次發生 ★★★★★
  • 🤝 與AI分工的舒適感 ★★★★☆
  • 🌱 能自己培養下去的感覺 ★★★★★

※本文是個人的感想與製作記錄,與文中提到的服務、工具的提供方沒有任何關係。本站為個人非官方網站。商標歸各權利人所有。