Copyright © 2008 ~ 2024 MUKI space* / omegaBook theme All Rights Reserved.

前言

其實我想做這個 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。加油加油!

歡迎給我點鼓勵,讓我知道你來過 :)

14
Subscribe
Notify of
guest

0 則留言
Inline Feedbacks
View all comments