前言

其實我想做這個 Side Project 很久了，尤其是近兩年，我一直想藉著參加 iThome 鐵人挑戰賽，讓我有動力學習。但後來發現，軟爛如我，還真做不到 30 天不間斷發文，所以還是跟著自己寫部落格的步調就好，不要把自己逼那麼緊 😂

為什麼選擇這個主題

一來是我最近有在玩股票，如果能透過這個 Side Project 打造自己的投資策略，好像也不錯。二來剛好我有在用富果證券，而且他們也剛好有提供開發 API 的服務，然後我還能順便練習 Node.JS 或 Python，並且自己開發與串接前後端服務，感覺能學到非常多 XD。

以下是我可能會想開發的工具或服務，感謝 ChatGPT 給我的建議 m(_ _)m

• 股票資訊查詢網站：使用股票 API 進行資料查詢或顯示
• 股票價格預測應用：使用股票 API 獲取歷史股價數據
• 股票新聞聚合平台：整合多個新聞來源的資訊
• 即時股票價格通知應用：使用 WebSocket 等技術來實現即時股票價格更新通知
• 股票交易策略回測工具：使用股票 API 獲取歷史股價數據，學習回測相關的技術

工具與語言

0812 更新：從 Vite 改用 Next.js

React + Next.js

後來因為考慮到要跑 pageSpeed，所以想改用 SSR 試試看，因此決定改 Next.js 😂。剛好最近也發現 Next.js 有推出跟 Vite 打對台的 Turbopack，未來應該也能用它來編譯 (目前只能用在開發階段，不能用在 build)。

在專案目錄已經建好的情況下，該怎麼轉換框架呢？

只要把所有檔案以及 .eslintrc.cjs 移除(記得保留 .git 隱藏檔)，然後再用 npx create-next-app@latest 建立 next.js，專案名稱跟現有的目錄名稱一樣即可。

React + Vite(已棄用)

要做 Side Project，就一定要練習新東西，因此我會選用 React + Vite 當作前端框架。

可能有人會很好奇，Vite 不是 Vue.js 的 framework 嗎？實際上 Vite 也有支援 React 以及 JSX，我在之前的專案已經有實際使用 Vite 建立 React 了，雖然他還很新，但我看好 Vite 未來的發展，Vite 使用原生的 ES Module 與 HMR(Hot Module Replacement) 按需編譯，讓我們在開發時不需要整頁刷新就能顯示新的渲染效果，此外還能保留組件的狀態，能大大提升開發速度。

TypeScript

我現在的專案都已習慣使用 TypeScript，這就不解釋了 XDD

Tailwind CSS

同樣不解釋(X)，原本極度討厭使用 CSS framework 的我，卻愛上了 Tailwind CSS 的自由度和快速開發，現在也回不去了 XDDD。

Python

此外，如果會用到機器學習或 AI，我會考慮學習 Python。這對我來説是全新的東西，因此對我的挑戰最大，希望我能持之以恆 😂。

之後有想到其他的工具，都會陸續補完。

小結

以上就是我對自己近期的規劃，完成時間不定 XD，目標還是希望能做出一個完整的 Side Project。加油加油！

15

發生錯誤。