My-Portfolio（このサイト）

§ 01 — 課題

「ポートフォリオ＝静的に並べる」だと、運用視点や AI を扱う実装力は伝わらなかった。読み物としてではなく、触れるプロダクトとして自分の働き方を提示したかった。

§ 02 — 意思決定

Next.js 15 App Router + Tailwind v4 + shadcn/ui を土台に、Bedrock + Cognito + DynamoDB + SES を Terraform で IaC 化。チャットや音声ナビなどの目立つ機能だけでなく、フッタの計器帯のように "観測対象としての自分のサイト" を地味に効かせる演出を入れた。

§ 03 — 学び

機能追加の前にトークン・タイポ・余白の設計に時間を使うほうが、最終的な印象差が大きい。デザインを Claude Design に任せ、実装側は "整合性を守る" ことに専念する分業がよく機能した。