← 使い方ガイド

ChatGPTでWebサイトを作る方法

ChatGPTは文章作成だけでなく、HTML/CSS/JavaScriptの作成、ページ構成、スマホ対応、修正案の整理までサイト制作に使えます。さらにGitHubでコードを管理し、NetlifyやCloudflareで公開する流れまで組み合わせると、初心者でもサイト制作を進めやすくなります。

基本の流れ

  1. どんなサイトを作りたいか伝える
  2. 必要なページ・機能・デザインを整理する
  3. ChatGPTにHTML/CSS/JavaScriptや構成を作ってもらう
  4. GitHubでコードを管理する
  5. NetlifyやCloudflareで公開する
  6. 実際の画面を見ながら修正を繰り返す

最初に伝えると良いこと

例：スマホ中心で使うサービスサイトを作りたい。トップ、料金、FAQ、問い合わせを入れたい。黒系で見やすいデザインにして、GitHubで管理し、CloudflareかNetlifyで公開しやすい構成にしてください。説明だけでなく、必要なファイル一式まで作ってください。

GitHub・Netlify・Cloudflareとの連携

環境によってはChatGPTからGitHubなどの接続機能を使える場合があります。直接連携できないサービスでも、ChatGPTで作ったコードをGitHubへ置き、NetlifyやCloudflare側でGitHubリポジトリを接続して自動デプロイする方法があります。利用できる連携方法はサービス・プラン・時期で変わるため、実際の設定画面を確認しながら進めるのが安全です。

サイト制作でAIに頼めること

AI COACHなら

「こんなサイトを作りたい」と入力するだけで、必要な機能や公開方法を確認し、ChatGPTなどへ渡しやすい依頼文に整理できます。参考画像がある場合は画像も使えます。

AI COACHでサイト制作の依頼文を作る