AI coding tools for website

ホームページ制作向けAIコーディングツール比較

ホームページ制作では、文章を考えるAI、コードを書く補助、実装を任せるAI、差分を確認するGitHubを分けて考えると安全です。

このページは非公式の実務ガイドです。各ツールの仕様、料金、対応範囲は変わる可能性があります。重要な判断は提供元の最新情報と人間の確認を組み合わせてください。
tool-selection.md
plan: ChatGPT
edit: Cursor/Copilot
implement: Codex
review: GitHub

このページで分かること

HTML/CSS、静的サイト、SEOタグ、sitemap、robots、ads.txt、GitHub確認を、どのツールで扱うかが分かります。

比較対象の概要

ChatGPT

構成、文章、依頼文、チェック項目を整理する相談役です。

Codex

実装、確認、報告書作成まで作業単位で扱いやすい選択肢です。

Cursor / GitHub Copilot

エディタや開発環境で手を動かしながらコードを書く時に使いやすい補助です。

GitHub

変更履歴、PR、差分確認を行う場所です。

使い分け表

比較軸Codex他ツール実務での見方
HTML/CSSページ単位・ブロック単位の修正依頼CursorやCopilotは手元編集に向く表示確認までセットで考える
静的サイト複数HTMLの整理に向くChatGPTは構成相談に向くsitemapとリンク確認を忘れない
WordPress慎重な範囲指定が必要エディタ補助はテーマ理解が必要本番影響が大きい場合は小分けにする
SEOタグ維持確認を依頼しやすい文章案はChatGPTが向くtitle等を勝手に変えない指定が必要
本番確認報告書と公開URL確認Git差分とブラウザ確認人間確認を省かない

Codexに向く作業

  • 静的HTMLサイトの軽い修正
  • 内部リンク・画像・SEOタグの確認
  • 公開前後チェックの整理
  • GitHub PR差分確認とセットの作業

他ツールに向く作業

  • 文章の方向性を考えるならChatGPT
  • 手元でコードを書きながら直すならCursorやCopilot
  • 差分と履歴を見るならGitHub
  • 最終公開判断は人間

注意点

  • SEOタグ、sitemap.xml、robots.txt、ads.txt、AdSenseコードは守る対象として明記します。
  • 外部画像や公式ロゴを勝手に追加しないよう指定します。
  • スマホ390pxなど、確認する幅を具体的に書くと安全です。

停止条件

  • 認証情報や秘密情報が必要になりそうな時
  • 本番環境、DB、cron、共通設定へ大きな影響が出そうな時
  • 変更範囲が広がり、1回の作業で確認しきれない時
  • SEOタグ、robots、sitemap、ads.txt、AdSenseコードの変更が必要になりそうな時
  • 人間が公開判断や契約・法律・収益判断をしなければならない時

次に読むページ

3サイトの役割も確認する

CopilotとCodexの違いも確認する

Copilotは、Microsoft CopilotとGitHub Copilotで文脈が変わります。サイト制作やコード修正で迷う場合は、Codex、GitHub Copilot、Microsoft Copilot、ChatGPTの役割を分けて確認してください。

CopilotとCodexの違いを整理する

CopilotはMicrosoft CopilotとGitHub Copilotで文脈が変わります。Codex、ChatGPTも含めて、サイト制作・コード修正・GitHub確認での使い分けを確認できます。