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