我用 ChatGPT 來幫我加速做 Side Project

整個流程，透過用 ChatGPT 來規劃、分析預計使用的技術，到最後實際串接完成，總共約花了我2個小時。

Russ
Russ
- 3 min read
我目前有提供「免費諮詢服務」，幫助你在短時間內打造一項不受時間地點限制的專業技能，開始接案，最終達成「邊工作邊旅行」的生活方式。
✅ 填寫表單跟我預約 免費諮詢
✅ 我的IG輕鬆聯繫 @russ.slash.life
✅ 免費領數位遊牧電子書 5步驟達成數位遊牧

2023.01.22 (沒睡覺應該要算 01.21 XD)

過年守歲可以合理不用睡覺，突然有想做SideProject的feel。

這次打算透過 NotionAPI 來做個跟寫作有關的小應用，平時其實寫Python比較多，這次算第一次用 nodejs 來開發自己的 Side Project。

在實際開發前我花了比較多的時間在跟 ChatGPT 溝通。

ChatGPT溝通流程

大致上的流程會是這樣：
「 提出我的micro-saas想法 ->
ChatGPT以創辦人的角色分析並給建議 ->
最後請他列出Checklist給我 ->
接著請ChatGPT改為開發者的角色分析產品建議使用的技術 ->
請他提供技術實作細節還有應該注意的事項 ->
我開始看Notion官方文檔+與ChatGPT交互來實作 ->
完成實作 」

這整個流程，透過用 ChatGPT 來規劃、分析預計使用的技術，到最後實際串接完成，總共約花了我2個小時。

進入第一次開發遇到的問題

因為是第一次用 nodejs開發、第一次串NotionAPI，所以大概會驚訝踩的坑都是基本到不能在基本，這次基本上只透過 ChatGPT + Notion官方文件來解決問題，有 ChatGPT在旁邊給你問問題，真的會進步滿快的，不僅是解決問題，而是真的理解了理論。

第一個是檔案引入問題

  1. package.json 的 type 定義成 commonjs 或 module 差很多。
  2. Commonjs 跟 ES6 一個用require 一個用 import。

第二個是環境變數問題

  1. Notion文檔是用 process.env.NOTION_DATABASE_ID，我想改用dotenv。
    不過這個在了解 Commonjs 還有 ES6 在引入時的差異後，就沒什麼問題了。

第三個是文檔沒更新的問題

  1. Notion的URL應該已經有修改過了，但在 Notion的開發文件上，取 database ID 的文檔還是舊版的，一開始看到有點疑惑，花了點時間才發現官方文檔是錯的。
    最後是在 StackOverFlow上找到解答，這個部分就沒有問 ChatGPT。
The official documentation is probably outdated or at least not working for UK users.
If your URL looks like below, then <long_hash_1> is the database ID and <long_hash_2> is the view ID.
https://www.notion.so/<long_hash_1>?v=<long_hash_2>

最後就是啪啦，第一階段的實作完成！

ChatGPT的價值

感覺這次 ChatGPT帶給我的價值有兩個：

  1. 用不同角色、角度，跟我討論我的想法與產品。
  2. 用開發者的角度幫我分析技術細節、實作流程，另外應該也算是學到一些 JS 的知識吧XD。