大家好！我是 Hisafuru。
這次，我們以利用 Qiita 的 API為主題，開發了一項服務，讓您可以將您的 Qiita 活動發佈為作品集！
我所做的事情非常簡單，但對於使用 Qiita API 進行 Vibe Coding 來說，這是一個很好的練習，而且我在開發過程中獲得了很多樂趣。
發展動力
我最初決定建立這個應用程式的原因是我發現了 Qiita 的 API。
我最初的動機是，既然我們擁有像 Qiita 這樣出色的服務以及可以利用其資料的 API，那麼就可以有更多的方法來使用它。
迄今為止，已有多項服務使用 Qiita 的 API，其中對技術書籍進行排名的 Tech Book Rank就是一個很好的例子。
這次，我們的目標是簡單地使用可用的資料，我們決定建立一個應用程式，允許用戶在 Qiita 上發布他們的日常活動作為作品集，並以儀表板的形式檢查他們最近的活動。
讓我們使用 Qiita API 建立一個簡單的應用程式！
注意事項
關於Qiita API，據說在API提供的範圍內開發和發布應用程式沒有問題，但明確指出不允許用於廣告等商業用途。
我們開發的應用程式也符合使用條款，並且不會產生任何貨幣化，包括廣告。
如果有其他違反使用條款的部分，我們將立即採取暫停發布等措施，因此如果您有任何問題，請與我們聯絡。
此外，Qiita API 有速率限制，如果存取量很大，應用程式可能無法正常運作。
此外，該應用程式由個人開發和運營，可能隨時更改或終止，恕不另行通知。
注意。
此應用程式不以任何方式盈利。
Mintfolio：應用程式概述
這是我這次建立的應用程式。
該應用程式有兩個功能：簡單的作品集功能和儀表板功能。
簡單的作品集功能
首先，主要的簡單作品集功能。
透過https://www.mintfolio.tokyo/{qiita_user_name}造訪網站，您可以查看使用者的作品集。
該圖像與 LinkTree 和 Bento.me 等應用程式類似。
顯示的資料是透過 API 從 Qiita 內部設定的資訊中取得的。
所有到 X（Twitter）、GitHub 和個人網站的連結均在 Qiita 內設定和連結。
此外，如果文章中已包含自己紹介標籤，則會自動顯示。如果文章中包含使用h2元素的「摘要」部分，則會摘錄並顯示其內容。
此外，Qiita 中設定為特色文章的頁面也將被摘錄並顯示連結。
它還支援智慧型手機顯示和明暗模式。當您需要即時作品集時，請使用它！
| 亮模式 | 暗模式 |
|---------------|--------------|
| 
| 
|
只需使用 Qiita，您的作品集就會自動完成！
儀表板功能
接下來是儀表板功能。
這是
您可以透過造訪https://www.mintfolio.tokyo/dashboard/{qiita_user_name}進行查看。
您可以在此頁面查看有關您最近帖子的資料。
它非常適合回顧您迄今為止的活動，因為您可以查看貼文數量和您最喜歡的標籤的每月變化。
將您的貼文及其影響視覺化！
使用技術等
開發使用 Next.js 完成並部署到 Vercel。
對於前端，我們使用 Tailwind，不使用任何特定的 UI 函式庫。
開發過程使用了 Cursor（GPT-5）+ Claude Code。時機很好，我可以在 GPT-5 發布後的試用期內使用它。
開發方法幾乎完全是Vibe Coding。
Vibe Coding 有優點也有缺點，但在這種情況下，我認為 Vibe Coding 就足夠了，原因如下。
-
使用 Qiita API 可以實現的功能受到限制，而 Qiita API 規定意味著無法貨幣化，因此我們最初計劃只實現最低限度的功能（意味著我們只計劃實現簡單的功能）。
-
所有資料均來自 Qiita API，因此不會儲存任何個人資訊（幾乎沒有安全問題）
-
使用 Next.js 時，您唯一需要管理的是 Qiita API 的 API 金鑰，因此在配置安全性時需要注意的事項相對較少。
另一方面，有些功能在我不知情的情況下被做成了通用元件，而修改的指令延伸到了非預期的區域，所以我認為這是使用 Vibe Coding 時需要考慮的事情。
做完之後的真實感受
說實話，如果你說它只是 Qiita 的第三方客戶端，我真的沒什麼好說的…
除了儀表板之外，作品集功能只是 Qiita My Page 的 UI 調整和重新排列...
然而，透過專注於 UI/UX、選擇和選擇要顯示的資訊以及設計呈現方式，我相信我們已經成功地提高了其作為作品集的功能。
老實說，我認為主要使用 Qiita 的人幾乎可以在 Qiita 內部找到建立作品集所需的所有資訊。
我們開發這個應用程式是希望人們能夠毫不費力地建立作品集。
如果您還沒有自己的作品集或網站，為什麼不嘗試將此應用程式的連結加入到您的 X 個人資料中呢？
結論
這次，我嘗試使用 Qiita API 建立 Web 應用程式作為個人開發專案。
資訊本身可以在 Qiita 內部查看，但透過以作品集格式進行編譯，我們相信我們創造了一個獨特的優勢，因為我們可以直接向其他人介紹我們在 Qiita 上的活動。
這是充分利用 Vibe Coding 的絕佳機會，我個人覺得開發過程非常有趣。
Qiita，你可以正式實現這個功能了！
感謝您閱讀到最後🙇
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式