AI搭載ポートフォリオのテンプレートを作った（あなたも使えます）
Dev.to / 2026/6/13
💬 オピニオンDeveloper Stack & InfrastructureTools & Practical Usage
要点
- 著者はCS学生として、ヒーロー部分に埋め込んだターミナル風のチャットエージェントで、訪問者が質問できるAI搭載のポートフォリオテンプレートを作り、差別化を図っています。
- 「Dev Mode」トグルによりナビゲーションがRESTスタイルのAPIルート例（例：GET /projects、POST /contact）に切り替わり、「See My Work」のような汎用CTAよりも開発者としての考え方を伝えやすくする狙いがあります。
- テンプレートはあえて軽量に設計され、Reactやnpm、ビルド手順なしでHTML・CSS・JavaScriptのみを使用し、Groq APIで高速なAIチャット応答を実現しています。
- 他の開発者がすぐに個人用へカスタマイズできるようテンプレート化されており、名前やプロジェクトを差し替え、GroqのAPIキーを入れてVercelにデプロイすれば短時間で利用開始できます。
- 記事ではライブデモとテンプレート入手リンクが提示され、バックエンド構築なしでAI機能を追加したい学生や開発者を主な対象としています。
この記事の続きは原文サイトでお読みいただけます。
原文を読む →
