映画『竜二』

OPENING

1. ①
2. ②
3. ③

映画の冒頭のように、2つのコピーからキービジュアルへと場面を切り替えていくオープニングにしました。

SMARTPHONE

• 

  受賞歴を2列に組み替え、縦長の画面でもキービジュアルが主役になるようにしています。

HOW WE BUILT

ディレクターと2人で進めたプロジェクトです。ディレクターの方針のもと、Claude Codeを使って実装を担当しました。制作では、次の仕組みを取り入れています。

• AIへの作業ルール：「推測で書かない」「実装前に設計を提示して承認を得る」などをファイルにまとめ、判断は人、実装はAI、確認は人という分担で進行しました。
• 見た目を変えない修正では、変更前後の画面の部品の位置・大きさ・色を自動で記録・比較し、崩れていないことを確かめています。
• 公開は専用のスクリプトに一本化。公開するファイルを一覧で管理し、コメントを除いてアップロード。作業用のメモが残っていれば公開を止めます。
• サーバーの設定で、http から https への転送、リニューアル前のサイトの画像URLを2023年版へ転送（リンク切れ防止）、存在しないページでの404ページの表示、HTML・CSS・JavaScriptを圧縮して送る設定（表示の高速化）を行っています。