個人制作
WEB
ポートフォリオサイト(AI生成版)
Site
Codexを活用してポートフォリオを再構築しました。
AIを活用し、時短と質を高められるかを実験するため実装しました。
about
-
目的
生成AIを活用したWebサイト制作を体験するため。
-
設計
構成：「トップ → 制作実績 → 自己紹介 → スキル → 写真 →お問い合わせ」。採用担当者が作品を早く見られる順序に。
見た目：既存の猫ロゴと余白を活かし、濃紺と深い青をベースに、オレンジと黄色をアクセントとして取り入れる。
素材：既存画像を中心に使い、写真のキャプションや制作意図も残す。
動き：見出しの出現、右へ流れる写真ギャラリー、猫の片目の瞬き、柔らかく追従するカーソルを加える。ページごとのローディングと、手動でも操作できるギャラリーを実装。 -
制作期間
1h
-
使用ツール
チャットGPT（Codex）
-
所感
元のデータをAIに与え、そこからブラッシュアップさせる指示のみで完成できました。
また、元ファイルのエラー箇所の指摘もあり、サイト制作におけるAIの有用性を実感しました。
指示の内容を工夫し、AIとのやり取りを重ねることで、より良いサイトを制作できる可能性を感じました。