如果你長期有在追蹤我，你應該已經知道，我已經為了我的作品集檢視延後好幾個月了。
先別急著問，沒錯，我終於要展示我的作品集網站了。 但在那之前，我想先寫一些我們大家可能都曾經想過的事情。
每個人都需要一個開發者作品集。 這是讓你在科技市場中脫穎而出的重要方式之一，因為它能用友善的 UI 形式向招募人員展示你的作品與經驗。有些人甚至會說，這是檢視候選人作品的絕佳替代方案 （來源：相信我兄弟）。
然而，在 AI 時代，要做出一個真正突出的作品集似乎幾乎不可能。為什麼會這樣？
AI 可以做……任何事？
我們大家（大概）都曾在某個時候使用過 AI，而且至今在日常生活中也仍然在用。不管你用得多不多，你大概已經知道它的能力了。
AI 的訓練已經好到，理論上可以一鍵生成一個網站作品集。 更厲害的是，如果使用者願意，它還能加入功能和其他內容，讓網站看起來像是花了好幾個月才做出來的（即使實際上只花了幾分鐘）。我們甚至已經到了這種程度：Claude 居然能在短短幾週內把兩款遊戲合併成一款！
https://www.youtube.com/shorts/xo3vpvbA8p8
很瘋狂對吧。 近幾年 AI 發展速度非常快，快到它已經能完成一些原本可能要花上好幾個月的工作。
話說回來，我心裡就想：「既然每個人都能用 vibe coding 做出自己理想的作品集，那我為什麼還要做作品集？」
老實說，這問題很合理。市場一直很艱難，因為每個人都在利用 AI 讓自己從市場中脫穎而出。 我看過很多有 AI 協助完成的網站作品集和履歷。結果就是，標準從來沒有這麼高過。
不過，我仍然相信即使到了這個看似不可能的時代，擁有作品集還是很重要。以下是我的理由。
AI 作品集看起來不同，但本質其實都一樣。
我這麼說是什麼意思？ 我指的是「風格」。
如果你試著用 vibe coding 做一個作品集，大家通常一看就知道這是 vibe code 出來的。當然，它不一定和外面那 100 個作品集完全一模一樣，但只要你用模糊的提示詞，它很容易就會加上一些預設的 UI 功能，讓人一眼看出來。
舉個小例子：
我看過很多作品集都有這個（或類似的）設計。當然，這可能只是巧合，但我想請你試著 vibe code 一個範例作品集網站。大多數時候，它們都會加上這個功能。
這點很重要，因為如果你仔細想想，很多作品集其實根本都一樣，只是看起來不一定像。 你必須有很好的「細節觀察力」才看得出來。不過，以我這種曾經審查過候選人的人來說，這真的會變得非常重複。 因此，招募流程也會更困難，因為大家都在做同樣的事，還需要投入更多研究與判斷。
這就引出了下一點。
「換了新面具，還是同一個任務」
沒錯，這句我直接從 RDJ 那裡拿來用。 但重點是，即使他演了不同角色，他還是 RDJ。
放在這個情境裡是什麼意思？ 不是因為你有一個很漂亮的作品集，就代表你的作品也同樣漂亮。 你可以用自己的名字做出很多不同的作品集。到頭來，真正需要進步的是你，不是作品集。
作品集是用來呈現的。 如果你展示的作品集很好看，我會以為你有很多工作經驗和專案，而且你的作品集設計和自我包裝方式也都在傳達這件事。
例如，你有一個前端工程師作品集，但如果我進一步去看你的 GitHub，我可能會看到以下幾件事：
- 你今年才剛加入 GitHub。
- 你說你有做開源，但根本沒有任何 PR 能證明。
- 你的作品集 UI 很棒，但你的專案不是。
我還可以列出很多事情，但重點是：如果你有一個很棒的作品集，也列出了很多你做過的專案，你最好希望你的專案和實際作品，真的能反映出你是怎麼做出這個作品集的。 如果你想成為前端工程師，這點尤其重要。你的 UI 如果很好，那你最好希望你的專案也能反映這一點。
這是在做作品集時一定要記住的事。當然，如果你應徵的是後端工程師職位，網站作品集的 UI 不一定是必要條件，但有的話還是加分。重點是不誤導自己。對你放進作品集的內容要小心，並且永遠假設別人會對你的作品提出問題。
以上就是兩個主要重點。你可能會問：「那我要怎麼讓我的作品集脫穎而出？」
以下是幾個你可以做的重點（沒錯，我現在終於要展示我的作品集了 lol）。
1. 先從基本的作品集模板開始，再用 AI 去擴充。
以我自己為例，我是使用了現成的作品集，來自 brittanychiang.com 和 meikopoulos.com。接著我用 AI 把現有功能抓出來並整合成一個我引以為傲的作品集。此外，我還加入了一些不會太干擾、但我想放進作品集裡讓它更具個人特色的新功能：
我不建議你從零開始，而是建議你找一個已經存在的作品集（加分項：已經被證明能在科技市場中脫穎而出），再在它上面繼續打造。 這樣可以讓作品集既獨特，又能反映你自己。 另外，從模板開始也是個很好的起點，因為它本身已經具備一個「好的」作品集所需的基礎。在我的案例中，我加了一個功能：在「Skills」區塊裡，每張技能卡都會顯示寶可夢，不過我不會分享它的實作方式。你找得到觸發這個彩蛋嗎？
2. 可用性與無障礙性！
這是做作品集時最容易被忽略的地方。 就算你能把作品集做得很好看，它很可能還是不具備無障礙性。
例如，在低階裝置上可能很卡、在手機上沒有響應式設計、不符合最佳實踐等等。 有很多問題常常被忽略，因為我們把重點放在做出最好看的作品集，卻忽略了應該把心力放在讓網站作品集更有效能、更可用。
我建議花時間用 AI 來優化你的作品集。換句話說：「煮整片湖來做出作品集，但要把整個海洋都煮開來做網站最佳化與無障礙設計」。
以我的作品集來說，我花了無數次提示，告訴 AI 要確保我的作品集不要那麼卡，並且能在手機上正常執行。
這樣就能做出更乾淨的作品集，也能讓更多人使用，例如身心障礙者、裝置效能不高的使用者等等。
3. 簡單勝過複雜！
我們看過很多作品集都很複雜，裡面有很多動畫之類的效果。
但你越想就會越發現，你其實可以很容易就脫穎而出。
我看過很多真的很複雜、動畫很多的作品集，但大家沒注意到的是：你其實只是在做別人都在做的事。
到最後，你其實沒有脫穎而出，就算你以為自己有。 如果我看到一個大量用 AI 設計出來的作品集，我可以保證我找得到另一個可以做得更好的同類型作品。
最好的建議就是把它做簡單。 沒錯，這很無聊，也沒錯，這很常見。但……這正是重點。
我很少看到單純、簡潔地做出來的作品集。通常那些簡單的作品集反而更容易脫穎而出，因為它能很快地呈現大量資訊。
這點很重要，因為招募人員通常只會在幾秒內看完作品集和履歷。 他們不會有時間去看你那個超酷、由 Vibe Coding 做出來的 UI 和動畫。UI 應該是點綴，而不是整個蛋糕。最重要的是你的作品與經驗。
那為什麼還要設計作品集？當然是因為這能讓別人更容易瀏覽你的作品與經驗，比起一行一行看履歷方便多了。重點不是花時間把 UI 做得多漂亮，而是花更多時間確保他們能在很少的點擊次數內就看到你的作品與經驗。
4. 人脈經營（也就是把你的作品集展示出去）
這是最重要的一點。把你的作品集展示出去。
<center><sub>不知道你在說什麼 lol</sub></center>
如果沒有人會看到，做作品集有什麼意義？ 你可以分享給家人、朋友、LinkedIn 上的連結，甚至 DEV 社群！
話說回來，這就是我的作品集。歡迎給我一些回饋，告訴我你的想法！
https://francistrdev.github.io/
順帶一提，如果你有一個作品集一直放著沒動，歡迎在留言區分享出來。我很想看看你的作品集，也很樂意幫你看看！
就這樣！掰掰 :D
<img src="https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/w0hxp5u8xjkina7wzazg.gif" />
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
