ポートフォリオサイトを Astro + Markdown で自作。実績を1ファイル追加するだけで増やせる運用にしている。
| 役割 | 設計・デザイン・実装（全工程） |
| 時期 | 2026.07 |
| 使用ツール | Astro / Markdown / Content Collections / Vercel / GitHub |
| 成果 | 実績を Markdown 1枚の追加 → 公開で反映できる構成。コントラストやキーボード操作などアクセシビリティにも配慮して実装。 |
課題
「作れます」と言うより、実際に作ったものを見てもらうほうが伝わりやすい。運用面では、実績が増えるたびに手間がかかる作り方を避けたかった。
アプローチ
Astro + Markdown（Content Collections）で構築。実績はスキーマに沿った Markdown を1枚追加するだけで、一覧・詳細・トップのハイライトに反映される設計にした。配色のコントラスト・キーボード操作・フォーム操作などアクセシビリティにも配慮している。
成果
制作の進め方と AI活用ワークフローの実例になっている。更新のたびに実装を触らず、内容の追加に集中できる。
現在このサイトは WordPress に移設し、記事とポートフォリオを1つのドメインに統合して運用しています。静的サイトジェネレータとCMS、それぞれの向き・不向きを実地で比較した経験そのものが、Web制作の判断材料になっています。
技術基盤の構築とデザイン実装を、自分で行っています。
タグ： LP・Web制作 / Astro / Vercel / 自作
まずは“今ある業務”を、一緒に整理しませんか。
まずは業務診断の無料相談から