目的
このサイトは、えびこーんの個人開発、技術学習、AI活用の取り組みを整理していくための個人ポートフォリオです。
自己紹介だけではなく、今後作るアプリや実験、学習ログを Projects として蓄積できる拠点にすることを目的にしています。
制作方針
Portfolio Site では、今後の制作物を掲載するための土台を作ることを重視しました。Astro の静的サイト生成と MDX によるコンテンツ管理を使い、プロジェクトを1件ずつ追加しやすい構成にしています。
制作時に意識したこと
実装支援として AI コーディングツールを活用し、要件整理、コンポーネント分割、MDX 管理、静的ビルド確認までを進めています。
一方で、公開する情報の範囲、個人情報を出さない方針、サイト全体の見せ方は自分で判断しながら調整しています。
構成
- Home、About、Projects、Project Detail の4画面構成
- Projects は MDX で1プロジェクト1ファイルとして管理
- 通常CSSでシンプルなレスポンシブ対応
- 静的ホスティングに配置しやすいビルド出力
学び
Astro は、Webアプリというよりコンテンツ中心のポートフォリオに向いています。MDX を使うことで、制作物のメタデータと本文を同じファイルで管理でき、今後の Projects 追加も小さな変更で済む構成にできました。
今後
今後は、個人開発アプリ、技術検証、学習目的の制作物を Projects に追加していきます。Zennなどに記事を書いた場合は、各Projectから関連リンクとしてつなげる予定です。