ホームページを自作しました

2026.08.30

ハロー！中田仁です。

記事なんて書いたことない映像クリエイターが、慣れないキーボードを叩いています。

ポートフォリオWebサイトを作り直しました！(嬉しい！)

中には今まで一度も発信していない実績も載ってたりするので、
気になった方は見てみてください。

前まで使っていたWebサイト→https://gene-nakata.tumblr.com/
(制作依頼が来なくなったら更新しようと思ってたら丸2年以上更新してなかった)

前はTumblrを使ってたんだけど、
かゆいところに手が届かない…(僕の使い方が悪いだけだったかも)

作品一覧をもっと見やすい形にしたいし、
作品に込めた思いとかスクショとかクレジットとかをわかりやすくまとめたページが欲しかったり、
Noteみたいにブログっぽくかけるニュースページが欲しかったり、
欲張りでごめんなさいホントに…

そこで、重い腰を上げて自作してみることにしました。

でもこれがま～～～あ大変で！！！！！

Webサイトのデザインなんてやったことないし、
ましてやデザインしたものをプログラムコードにしたり、
作ったサイトを公開する方法なんて全くわからない。

でも、僕には頼もしい相棒がいました。

ChatGPTのジャーヴィスくん。(のちにClaudeに惚れた僕に解雇されます)

ジャーヴィスくんに聞いてみました。

「個人のポートフォリオサイトを作り直したい。最近AIを使って自分で作れるって聞いたけど、できるの？」

ジャーヴィスくんは言いました。

「**できる**。
しかも、今のAIを使えば、個人のポートフォリオサイトはかなり現実的に
**「自分で作って公開」**まで持っていける。」

「特に映像クリエイターのポートフォリオなら、**コードをゼロから書く必要はほぼない**。」

「今なら個人的には **「AIにコードを書かせて、自分で調整する」 **のが一番いいと思う。」

「しかも、じんの場合は**相性がかなりいい**(僕のこと呼び捨てするな)。
デザインの方向性を決める、作品を選ぶ、サイトの構成を考える、モーションの演出を考える。
ここはじん自身がやって(だから呼び捨てするな)、**実装だけAIにやらせる**という分業がかなり合理的。」

「After Effectsで映像を作るのと同じで、AIを**「Web制作の実装担当」**みたいに使えばいい。」

ジャーヴィスくんはこう続けます。

「そして**費用もかなり抑えられる**。Figmaでじんがデザイン(もう呼び捨てで良いよ)、
AIで実装・改修、GitHubでバージョン管理して、Cloudflareでドメイン・DNS・公開」

「Claude Proが$20、ドメインが$10だとすると、約3000円で公開までできて維持費は年間約1500円。
フリーランスのWebデザイナーに依頼すると30〜70万円程度、制作会社に依頼すると50〜150万円程度になる。」

「**今回の構成なら数十万円クラスのWeb制作を、4,500円程度まで圧縮できる**。」

嘘だろ…よくわからんけどやるしかないだろこんなの。

そこから僕のWebサイト制作の旅が始まるんだけど、詳しいことはまた別の機会に。

サイト作ってみたいから作り方を知りたい！って人は「スキ」ボタンを押してください！

反応が良かったら書きます！

って、これNoteじゃないんだった…。

勝手に「スキ」ボタン作って5,000くらい押されてることにしちゃおうかな。

なんてったって自分で作ったから好きなだけアプデし放題だからね！

アプデといえば、このサイトは随時アップデート予定です！

楽しみつつサイトを充実させていけたらなーと思います！

それでは！