AIにコードを書いてもらえるようになって、Web制作の進め方はかなり変わりました。
ただ、「AIがコードを書ける」ことと、「WordPressテーマ一式を扱える」ことは同じではありません。
以前、ブラウザ版AIだけでWordPressテーマを作ろうとすると、かなり大変でした。
単発のコード生成は便利です。
でもテーマ制作では、複数ファイルの整合性を保ち続けることが本当の難しさになります。
WordPressテーマは、1ファイルではできていない
WordPressテーマは、見た目以上に複数のファイルで成り立っています。
`style.css`
`functions.php`
`header.php`
`footer.php`
`front-page.php`
`single.php`
`page.php`
`search.php`
画像、CSS、JavaScript、テンプレートパーツ。
これらがそろって、ようやく1つのテーマとして動きます。
そのため、ブラウザ版AIに「トップページを作って」と頼むだけでは足りません。
トップページのコードは出ても、ヘッダーやフッターとの整合、CSSの読み込み、画像パス、スマホ表示、記事ページとの共通部分まで見ないといけません。
ブラウザ版AIは、ファイル一式を持ちにくい
ブラウザ版AIでも、コードを作ることはできます。
ただ、テーマ制作ではファイルの関係性が重要になります。
このCSSはどのテンプレートで使っているのか。
この関数はどこから呼ばれているのか。
ヘッダーの修正がトップページと下層ページの両方に効いているか。
画像パスは本番環境でも正しいか。
こうした確認を、チャットの中だけで続けるのは大変です。
ファイルを1つずつコピーし、保存し、別ファイルとの関係を人間が覚えておく必要があります。
少し修正するたびに、「さっきのCSSと矛盾していないか」をこちら側で見続けることになります。
本当に大変なのは、生成後の整合確認
AIにコードを書いてもらうと、最初の形は早くできます。
でも、制作実務で時間がかかるのは、その後です。
表示が崩れていないか。
スマホで読めるか。
メニューが動くか。
WordPressの管理画面から編集できるか。
投稿ページ、固定ページ、検索結果ページで破綻しないか。
SEOタグやOGPが正しく出ているか。
ブラウザ版AIだけだと、この確認の多くは人間が手で行うことになります。
コードを作ってもらうことより、確認して直すことの方が重くなっていきます。
CodexやClaude Codeで変わったこと
CodexやClaude Codeのようなローカル環境で動くAIコーディング支援を使うと、この部分がかなり変わります。
既存ファイルを読み取れる。
複数ファイルをまたいで修正できる。
差分を確認できる。
コマンドを実行できる。
ローカルで表示確認やエラー確認まで進められる。
これは、単にコード生成が便利になったという話ではありません。
プロジェクト全体を見ながら作業できることが大きいのです。
WordPressテーマ制作では、この差がかなり大きく感じます。
AIに任せるほど、前提メモが大事になる
ただし、ローカル型のAI支援を使えば何でも自動でうまくいくわけではありません。
むしろ、AIに任せる範囲が広がるほど、前提メモが大事になります。
サイトの目的。
デザイン方針。
サーバー構成。
テーマ名。
本番反映手順。
SEO方針。
触ってよいファイル、触ってはいけないファイル。
こうした情報を `PROJECT_NOTES.md` のような形で残しておくと、AIも人間も迷いにくくなります。
AIに丸投げするのではなく、AIが迷わない環境を作る。
ここが実務では大切です。
ブラウザ版AIが向いている場面もある
もちろん、ブラウザ版AIが使えないわけではありません。
単発のコード相談。
CSSの書き方の確認。
文章案の作成。
アイデア出し。
小さな関数の説明。
こうした用途では今でも便利です。
ただ、WordPressテーマ一式のように、複数ファイル、実行環境、本番反映、SEO、画像、レスポンシブが絡む制作では、ローカル環境を扱えるAI支援の方が向いています。
AI制作で大事なのは、コード生成より運用設計
今回のサイト制作を通じて感じたのは、AI制作で大事なのはコード生成だけではないということです。
ファイルをどう管理するか。
変更をどう確認するか。
本番にどう反映するか。
どこまでAIに任せ、どこを人間が判断するか。
この設計がないと、AIで早く作ったはずなのに、あとから整合確認で苦しくなります。
AIは、制作を速くしてくれます。
でも、プロジェクト全体を安全に進めるには、やはり運用の型が必要です。
ブラウザ版AIだけでテーマ一式を作ろうとして大変だった経験は、そのことをかなり分かりやすく教えてくれました。
