哈囉大家好！我是 2魚，正在參加 2024 年的 iT 邦幫忙鐵人賽！這是我的第二篇文章喔～如果還沒看過第一篇的朋友，可以先回去看看我參賽的緣起，以及接下來 30 天會寫些什麼內容唷！
今天要來跟各位分享的是我這次專案的技術選擇。身為一個剛出社會沒多久的菜鳥工程師，選對趁手的工具真的超重要的啦！畢竟要用這些工具奮戰 30 天，不順手怎麼行？來看看我挑了哪些神兵利器吧！

專案技術選擇總覽

在這個專案中，我主要選用自己比較熟悉的技術來實作。這樣做有兩個好處：

1. 可以更加精進自己的技術能力（工程師不進則退，不斷練習是必須的呀！）
2. 能確保專案順利完成（總不能 deadline 還沒到就先倒下了吧，對吧？）
   接下來就來一一介紹我選的這些工具囉！

前端：

Nuxt3 - 基於 Vue.js 的 SSR 框架，強化 SEO 效能

• 這可是前端框架的大紅人！它不只能讓我們輕鬆打造 SPA（單頁應用程式），還自帶 SSR（伺服器端渲染）功能，讓我們的網站在 SEO 上更有優勢。對於想要讓自己的作品被更多人看到的我們來說，這簡直是必備良藥啊！

TypeScript - 靜態型別檢查，提升程式碼可靠度

• 如果說 JavaScript 是調皮的小孩，那 TypeScript 就是帶著眼鏡、一本正經的大哥哥。它幫我們在寫程式時就能抓出一堆潛在問題，不用等到執行才發現錯誤，簡直是除錯神器！

Pinia - Vue 3 的狀態管理函式庫，用於全域狀態管理

• 這傢伙是 Vuex 的新世代接班人。它讓管理全域狀態變得超級輕鬆，特別是搭配 TypeScript 使用時，簡直是如虎添翼！對於想要讓程式碼更好維護的我來說，Pinia 絕對是不二首選。

Axios - 基於 Promise 的 HTTP 客戶端，簡化非同步請求操作

• 在前端打 API 幾乎是家常便飯，而 Axios 就是讓這件事變得超級簡單的好幫手。它的語法直覺、功能強大，用起來就是舒服！

Tailwind CSS - 實用優先的 CSS 框架，加速 UI 開發

• 老實說，我以前對 CSS 可說是苦手中的苦手。但自從遇見 Tailwind CSS，我彷彿打開了新世界的大門！它讓我能用 class 的方式快速堆疊出漂亮的介面，開發效率直接起飛！

Vercel - 零配置的前端部署與託管平台

• 身為一個懶惰的工程師（咳咳，我是說效率至上的工程師），Vercel 絕對是我的最愛。只要一個 git push，網站就自動部署完成，根本是偷懶神器啊！

後端：

Express.js - 輕量級 Node.js Web 應用程式框架

• 輕巧靈活又強大，Express.js 絕對是後端開發的好夥伴。它讓我能快速搭建出穩定的 API 服務，為前後端分離的架構打下堅實基礎。

Mongoose - MongoDB 物件模型工具，簡化資料操作

• 在 MongoDB 的海洋中航行，Mongoose 就是我的指南針。它讓我能用更直覺的方式操作資料庫，大大減少了出錯的機會。

Render - 全託管的雲端平台，用於後端服務部署

• 話說回來，後端部署其實一直是我的痛點。直到遇見 Render，一切都變得如此簡單。它幫我處理了大部分的底層細節，讓我能專注在開發上，簡直是後端部署的及時雨啊！

資料庫：

MongoDB - 文件導向的 NoSQL 資料庫

• 身為一個經常面對結構不固定資料的開發者，MongoDB 的彈性簡直是救星。它讓我能自由地儲存各種形式的資料，不被固定的表格結構所束縛。

Firebase Storage - Google 提供的雲端儲存服務，用於媒體檔案管理

• 要處理大量的圖片、影片等媒體檔案，Firebase Storage 絕對是得力助手。它不只容易整合，還幫我省下了自己架設檔案伺服器的麻煩，讚啦！

其他：

GitHub - 分散式版本控制系統，用於程式碼協作和管理

• 身為一個現代工程師，GitHub 已經是必備技能了吧？它不只是放程式碼的地方，更是我展示作品、學習他人專案的重要平台。

Whimsical - 線上繪圖工具，用於快速製作線稿

• 有時候腦中的想法實在太多太亂，Whimsical 就是我整理思緒的好幫手。它讓我能快速畫出流程圖或線稿，把想法具象化。

Figma - 協作式介面設計工具

• 雖然我主要是寫程式，但有時候也會需要動手設計一下介面。Figma 的直覺操作讓我這個程式宅也能輕鬆上手，設計出不失水準的 UI 呢！

Excel - 電子試算表軟體，用於資料整理和分析

• 別小看這個看似普通的辦公軟體。在處理大量數據、製作簡單的資料視覺化時，Excel 依舊是我得力的好幫手。

以上就是我這次專案選用的主要技術工具啦！選擇這些工具不只是因為熟悉，更重要的是它們之間能夠良好地協作，讓開發流程更順暢。接下來的文章，我會更深入地介紹如何運用這些工具，敬請期待喔！
對了，如果你也有自己喜歡的開發工具，歡迎在下面留言分享唷！我們一起交流、一起進步！明天見啦，掰掰～