ASADASHI
紙工作のジオラマ。小さなロボットがファイルを自律的に開き・修正・作成するサイクルを表現
バイブコーディング2026.05.22·読了 2·難易度: ふつう

AIが「調べる・直す・作る」を全部やる時代へ

紙工作のジオラマ。小さなロボットがファイルを自律的に開き・修正・作成するサイクルを表現

朝の出汁版(通勤2分)

  • ポイント1: 制作・改修の確認作業をAIに任せられるようになり、マーケターが細かい修正依頼をエンジニアに出す回数が減り、キャンペーンやLPの改善サイクルが大幅に短縮される可能性がある。
  • ポイント2: 複数の開発者が相次いで指摘しているのは「AIが指示を受けるだけでなく、自分でファイルを開き・読み・書き・テストまで完結させる段階に入った」という共通の変化で、これまで人が手を動かしていた調査・修正・検証の工程がまとめてAIに移行しつつある。
  • ポイント3: 社内のWeb担当者やエンジニアに『AI活用ルール(特に品質チェックの自動化)を今のうちに決めておこう』と提案し、AI任せの制作フローが広がる前に安全網を整えておく。

出汁の素(深読みモード)

これって結局どういうこと?

最近、エンジニアやAI界隈でじわじわ話題になっているのが「AIが自分でファイルを開いて、読んで、直して、テストまでやってくれる」という変化です。これって何が新しいの?という話なんですが、一言でいうと「AIへの指示が『お願い』から『丸投げ』に変わってきた」ということなんです。

これまでのAI活用って、「このコードのどこが悪い?」と聞いて、答えを見て、人間が直す、というキャッチボール形式でした。でも今は、「このサイトのここが壊れてる、直して」と言ったら、AIが自分でブラウザの開発者ツール(F12で開く画面)を覗いて、問題を探して、ファイルを書き換えて、ちゃんと動くかテストまでしてくれる段階に入ってきているんです。OpenAIのCodexも、ClaudeのMCPという仕組みも、みんな同じ方向に向かっています。マーケターとして知っておきたいのは「AIが自律的に動く時代が来た」という事実と、「それがどう自分の仕事に影響するか」という点です。

なぜこのタイミングで重要?

マーケターにとってなぜ重要なの?

① LPや広告ページの修正依頼がめちゃくちゃ速くなる

マーケターが一番エンジニアと揉めるポイントって、「この文言変えて」「ボタンの色を変えて」「スマホで崩れてるから直して」という細かい修正依頼ですよね。これまでは、マーケターが気づく→Backlogやチャットで依頼する→エンジニアがタスクに積む→修正する→確認する、というサイクルが最短でも半日〜数日かかっていました。

今起きている変化は、このサイクルの「調べる・直す・確認する」の部分をAIが代行できるようになったということです。AIが自分で考えて動く時代、準備できてる?でも取り上げましたが、AIが自律的に動く「エージェント型」の使い方が一般化してきています。キャンペーンのABテスト結果を受けて「このパターンに変更して」という指示を、AIが一連の作業として完結させてくれる日が近づいています。

② 「Vibe Coding」には必ず安全網が必要、という警告が出ている

Vibe Codingとは、「なんとなくのイメージを伝えたら、AIがコードを書いてくれる」という開発スタイルのことです。これ自体はすごく便利なんですが、エンジニアコミュニティから「セキュリティの穴が生まれやすい」という警告が相次いでいます。AIが書いたコードは動くけど、セキュリティ的に甘い部分が残りやすいというのが実態です。

マーケターに関係するのは、フォームやLPを「AIに作ってもらった」という場合です。個人情報を扱うフォームや、購買データが絡むページをAIに作らせるなら、必ず品質チェック・セキュリティチェックの工程を挟む必要があります。「動いてるからOK」では済まないケースが増えています。

③ コードを書かなくてもできること・書けると有利なことが分かれてきた

コードを書かなくてもできること(今すぐマーケターでも使える): OpenAIのCodexや各種AIツールに「このURLのページを見て、どこが改善できるか教えて」と聞く。修正内容を日本語で指示して、AIにコードを生成してもらい、エンジニアにそのまま渡す。これだけでも修正依頼の精度と速度が上がります。

コードが書けると有利なこと: MCPという仕組みを使って、AIに開発者ツールを直接操作させたり、ファイルの編集・テストまで自動化させるには、ある程度の技術理解が必要です。ただし、エンジニアとの会話に「MCPで自動化できそうですよね?」と入れるだけでも、連携が変わってきます。

具体的に始めるなら

今週中にやってみること

【優先度★★★】エンジニアに「AI活用ルールを一緒に決めたい」と声をかける Vibe CodingやAIによる自動修正が広がる前に、「AIが作ったコードのチェック体制」を整えておくことが重要です。特に、個人情報を扱うフォームや決済に関わるページについては、「AIが書いたものは必ず人間がレビューする」というルールを今のうちに作っておきましょう。「先日読んだ記事で、Vibe Codingはセキュリティテストを自動化に組み込むべきって書いてあったんだけど、うちはどうなってる?」という切り口で話しかけるだけで十分です。

【優先度★★☆】修正依頼をAIに下書きさせてみる 次にエンジニアへの修正依頼を出すとき、先にChatGPTやClaudeに「このページのここを変えたいんだけど、エンジニアへの依頼文を書いて」と投げてみてください。具体的な変更内容・影響範囲・優先度が整理された依頼文が出てくるので、エンジニアとのやり取りが格段にスムーズになります。AIへの指示コストが最大9割減でも触れていますが、依頼の精度を上げるだけで作業スピードが変わります。

【優先度★☆☆】Codexの無料枠を触ってみる OpenAIのCodexは、フォルダを読ませてファイルを直接編集・作成までやってくれます。自分のキャンペーン用のHTMLファイルを渡して、「スマホ表示を最適化して」と指示してみるだけでも、AIの自律性の変化を体感できます。

よくある疑問

よくある疑問

Q1. MCPって何ですか?難しそうで手が出ないのですが…

MCP(Model Context Protocol)は、「AIにツールや情報を渡して、AIが自分で使えるようにする仕組み」だと思ってください。例えるなら、これまでのAIは「口頭で相談できるアドバイザー」でしたが、MCPを使うと「実際にパソコンを操作できるアシスタント」に変わるイメージです。マーケター自身がMCPを設定する必要は今のところなく、エンジニアが設定すれば恩恵を受けられます。ただ、「MCPという言葉の意味」だけ知っておくと、エンジニアとの会話でついていけるようになります。アンソロピックが公式AI拡張機能集を公開でも関連する動きを紹介しているので、興味があればそちらもどうぞ。

Q2. AIが勝手にファイルを直すなんて怖くないですか?本番環境に影響が出たりしませんか?

これは正直、今一番気をつけるべきポイントです。Codexを使い倒しているエンジニアたちが口をそろえて言うのが「AIは指示を完了するまで自律的に動く」という点で、つまり意図しない場所まで変更してしまうリスクがあります。現時点のベストプラクティスは「本番環境では使わない」「必ずテスト環境で確認してから反映する」「変更履歴(Git)を必ず残す」の3点です。マーケターとしては、エンジニアに「AI使って直してもらう場合、テスト環境で確認してから本番に反映してほしい」と一言添えるだけで、リスクをかなり減らせます。

Q3. これって結局エンジニアだけの話で、マーケターには関係ないのでは?

3〜5年前ならそう言えたかもしれません。でも今は、ノーコードツールでLP作成・フォーム設置・タグ管理を自分でやっているマーケターも多いですよね。その領域に「AIが自律的に動く仕組み」が入ってくるのは時間の問題です。現に「AIにデザインを指示したら、勝手にHTMLを書いてファイルを保存してくれた」という体験をしているマーケターも増えています。今は「エンジニアの話」として聞いておいて、3ヶ月後に「あ、これ使えるじゃん」と気づけるかどうかが差になります。

もう一歩踏み込みたい人へ

もう一歩踏み込みたい人へ

CodexとMCPは、どちらも「AIエージェント」と呼ばれるカテゴリの技術です。AIエージェントとは、人間が指示を出したあと、AIが自律的に複数の工程をこなして結果を返してくれる仕組みのことです。

発展的な話をすると、このトレンドの先には「マーケターがAIに『来月のキャンペーン用LPを作って、A/Bテストの設定もして、結果が出たら勝ったほうに自動切り替えして』と指示するだけで全部完結する」という世界があります。これはSF的な未来の話ではなく、技術的には今年中に実現しうるレベルに来ています。

参考になる動きとしては、OpenAIのCodexの発表内容(特に「フォルダを読み込んで自律的に作業する」部分)と、AnthropicのClaude MCP対応ツール群の拡充があります。また、セキュリティ面では「AIが書いたコードの脆弱性スキャンを自動化する」ツールも急速に増えており、品質担保の仕組みも並行して整ってきています。

マーケターとしての次の一手は、エンジニアとの定例会議に「AI活用の進捗と品質管理ルール」を議題として加えることです。技術を理解するより、仕組みを整える側に回ることが、今のマーケターに求められているスタンスだと思います。

元になったツイート

  • DevTools(F12の開発者ツール)をAIに丸ごと渡せるMCP(AIに作業を渡す仕組み)が出てきて、DOM検査もテスト実行もAI側で完結する時代になってます。 F12で開いてた画面、Claudeが代わりに開いて直してきます。 めんどくさがりのエンジニアにとって、調査の工数構造が地味に崩れる1日です。

  • めちゃくちゃ要約すると、Vibe Codingで開発する時はセキュリティテストをCIに入れるのがいいんだと。 https://t.co/YezKeYMvym

  • 最近Codexを使い倒しているのですが、ChatGPT登場に匹敵するレベルの衝撃を感じます…! 個人的に思うCodexの強みは以下の3つ。 1. 指定されたフォルダの内容を踏まえて回答できる 2. ファイルを読むだけでなく、直接編集・上書き・新規作成までできる 3. 与えた指示を完了するまで自律的に行動する

参照ソース