AIツール(ChatGPT・Gemini・Claude)をWeb制作の現場でどう使っているか、正直に話します

tumbanail
AIツール(ChatGPT・Gemini・Claude)をWeb制作の現場でどう使っているか、正直に話します

AIツール(ChatGPT・Gemini・Claude)をWeb制作の現場でどう使っているか、正直に話します

最近、クライアントとの打ち合わせや業界の知人との会話で「AIって実際どう使ってるの?」と聞かれることが増えてきました。正直なところ、「使ってはいるけど、どこまで話していいんだろう」と思っていた部分もあります。

でも今日は、そのあたりを包み隠さずお話ししようと思います。ChatGPT・Gemini・Claudeの3つをWeb制作の現場で実際に使ってみて、何がよくて何が微妙だったか。 現場のリアルな声として読んでいただけたら嬉しいです。

そもそも、Web制作でAIをどう使う?

一口に「AIを使う」といっても、Web制作の仕事には様々な場面があります。ZEROBASEでは主に次のような場面で活用しています。

図解① — Web制作フローとAIの活用場面
ヒアリング
・企画
ChatGPT Claude
質問リスト作成・提案文の草案・競合調査まとめ
設計
・構成
ChatGPT Gemini
サイトマップ案・IA設計・ペルソナ作成
デザイン
・コピー
Claude ChatGPT
キャッチコピー・本文作成・トーン調整
コーディング
作業
ChatGPT Claude
コード補助・バグ修正・CSS調整
確認
・公開
Gemini Claude
テキスト校正・SEO確認・クライアント向け説明文
ChatGPT OpenAI
Gemini Google
Claude Anthropic

こうしてみると、制作の全フェーズでAIが関わっていることがわかります。もはや「使う・使わない」ではなく、どう使うかの話になってきています。

3つのAIを使い比べてみた、正直な感想

それでは実際に使ってみての印象をお伝えします。あくまでWeb制作の現場視点での感想なので、用途によって評価は変わると思います。

ChatGPT(OpenAI)

いちばん「馴染みやすい」のがChatGPTです。コーディングの補助が特に優秀で、「このCSSがうまく効かないんだけど」と投げると、かなり的確に答えてくれます。サイトの構成案やファーストドラフトの文章を出すスピードも速く、「とりあえずここから始めよう」という感覚で使えます。

ただ、少し頼りすぎると的外れな答えが出ることもあります。特に自社独自の言い回しやブランドのトーンを合わせようとすると、「ちょっと違うな…」と感じる場面も。プロンプトの工夫が大切です。

Gemini(Google)

Geminiの強みは、なんといってもGoogleサービスとの連携です。Google検索の最新情報を踏まえた回答が得られるので、「このキーワードで今どんな記事が上位にいるか」「競合他社の最新動向は?」といった調査に向いています。ドキュメント作成やスプレッドシートとの連携もスムーズ。

一方、文章のトーンがやや硬めになりがちな印象があります。ビジネス文書には向いていますが、Webサイトの温かみのあるコピーを書かせると、少しかしこまりすぎることも。

Claude(Anthropic)

Claudeは長文・ニュアンスの細かい調整が得意です。「このコピー、もう少し親しみやすくして」「このトーンのまま敬語を崩して」といった繊細な指示に、かなり忠実に応えてくれます。コピーライティングやテキスト校正の場面で頼りにしています。

また、長いドキュメントを読み込んで要点を整理する作業も得意。クライアントから送られてきた長い資料を「この会社の強みを3つ抽出して」と投げると、よく整理されて返ってきます。慎重で丁寧、という印象です。

図解② — 3つのAI比較(Web制作現場視点)
評価軸
ChatGPT
Gemini
Claude
文章生成
★★★★
★★★
★★★★★
コーディング補助
★★★★★
★★★☆☆
★★★★
最新情報の反映
★★★☆☆
★★★★★
★★★☆☆
長文・ニュアンス
★★★☆☆
★★★☆☆
★★★★★
日本語の自然さ
★★★★
★★★☆☆
★★★★★
使いやすさ・とっつきやすさ
★★★★★
★★★★
★★★★

※ZEROBASEのWeb制作現場での主観的な評価です(2026年時点)

「結局どれを使えばいい?」用途別の早見表

3つを使い分けることが大切です。「迷ったらこれ」の感覚でまとめてみました。

図解③ — シーン別おすすめAI早見表
✏️
キャッチコピーや本文を書きたい
ニュアンスの調整・トーン合わせが必要な場面
Claude
💻
コードを書いたり、バグを直したい
CSS・JavaScript・WordPressなど
ChatGPT
🔍
最新情報や競合サイトを調査したい
検索トレンド・業界動向など
Gemini
📄
長い資料を読んで要点をまとめたい
ヒアリングシートや企業資料の整理
Claude
💡
構成やアイデアをざっくり出したい
サイトマップ・ページ構成・企画の壁打ち
ChatGPT
📊
Googleドキュメント・スプレッドシートと連携したい
報告書・議事録・データ整理
Gemini

正直なところ、AIで「変わったこと・変わらないこと」

AIを使い始めて変わったのは、主に「最初の一歩の速さ」です。ゼロから文章を書き始める、コードのたたき台を作る、アイデアの方向性を出す——こういった「スタートダッシュ」にかかる時間が、体感で半分以下になりました。

楽になったこと
草案・たたき台の作成 / 文章の言い換え・校正 / コーディングの調べ物 / 競合・業界の調査まとめ

⚠️ 変わらないこと
クライアントとの対話・ヒアリング / デザインの最終判断 / ブランドの方向性を決める仕事 / 「これが正解か」と確認する目

AIが出してくれる答えは、あくまで「そこそこ正解っぽいもの」です。それをそのまま使えることは少なく、必ず自分たちの目線でチェックして、手を加えています。「AIが書いた感」が残っていると、クライアントに渡したときに伝わってしまうんですよね。

だからこそ、ツールとして上手に使いこなす技術が、これからのWeb制作者には求められると感じています。

まとめ

いかがでしたでしょうか。ChatGPT・Gemini・Claudeは、それぞれ得意なことが違います。「どれが一番いいか」ではなく、「どの場面でどれを使うか」 を考えることが大切です。

私自身、まだ試行錯誤の途中です。でも、使わない理由もないなと思っています。怖がらずに使ってみて、自分なりの正解を見つけていくのが、結局いちばんの近道なのかもしれません。

ZEROBASEでは、こうしたツールの活用も含めて、お客様のWeb制作をサポートしています。気になることがあれば、ぜひお気軽にご相談ください!