公開中Webサイト2026
ポートフォリオサイト（2026年リニューアル）
自分の制作実績をまとめたサイト。作品を足すたびにコードを書き換えていた前のサイトを、管理画面から更新できる形に作り直しました。
PC画面
スマホ画面
概要
自分の制作実績をまとめたポートフォリオサイトです。以前作ったサイトを一から作り直し、企画からデザイン、実装、CMSの設計までを一人で担当しました。制作期間は約15日です。前のサイトでは、作品を1つ追加するたびにコードにデータを書き足し、GitHubへpushする必要がありました。今回はSanityという管理画面を用意して、そこから作品を追加・編集できるようにしています。中身と見た目を切り離したので、これから作品が増えても実装には手を入れずに済みます。日本語版と英語版は、同じ文章を訳したものではありません。読んでくださる方が知りたいことが違うので、それぞれ別に書いています。
ポイント
- 作品を足すのにコードを触らなくていい形にしました。前のサイトはデータを書き足してpushする必要がありましたが、Sanityを入れて管理画面から追加・編集できるようにしています。中身と実装を分けたので、これから増えても運用が重くなりません
- 序盤はAIと一緒にデザインの方向性を決めようとしていましたが、寄せるほど「AIらしい見た目」になり、方向が定まりませんでした。一度案を捨て、参考にしたいサイトを調べたうえで、Figmaのワイヤーフレームを自分で引き直しています。方向を自分で決めてからAIを実装のパートナーに回したことで、大枠は約1週間で組めました
- 一から作り直したので、どのコンポーネントをどこに置くか、どこまでを担当させるかを、最初の段階から確かめながら進めました。あとから足しやすいかどうかは、ここでほとんど決まります
