このサイトについて

仕事や経験を、丁寧に伝えるポートフォリオ。

このサイトは、ウェブ上で仕事や経験を紹介する拠点です。プロジェクト、職務経験、学歴を一か所にまとめ、表示速度やアクセシビリティにも配慮しながら、4言語で公開しています。

このサイトで伝えたいこと

AIエージェントを活用して制作しました。重要な判断は自分で行い、エージェントが見落としやすい細部は手作業で仕上げています。

開発環境のセットアップ
Next.js、Bun、Tailwind CSS、shadcn/ui、Prettier、ESLintなどの開発環境は自分で整え、その後の変更も意図した設計に沿って進められるようにしました。
AIエージェントの活用準備
エージェント用のスキルや自分についてのコンテキストファイルを用意し、技術スタック、コンテンツ構造、テスト、文体に関するルールを整えました。
サイト全体の設計
制作を始める前に、ページ構成やトーン、対応言語、サイト全体の雰囲気など、見た目と内容の方向性を定めました。
小さな単位でのAI開発
設定したコンテキストとルールに沿って、作業範囲を明確にしながら、ページやコンポーネント、翻訳の多くをAIエージェントと段階的に作成しています。
動作確認とレビュー
変更のたびにビルドと型チェックを行い、ブラウザーでも動作を確認しています。結果を自分でレビューしてから次に進みます。
仕上げとドキュメント化
アクセシビリティや余白、文言、細かな操作感など、エージェントが見落とした点を整えています。今後も一貫性を保てるよう、開発ルールも記録しています。

このサイトのソースコードはすべて公開しています。ぜひご覧ください。