メインコンテンツへスキップ

サイト生成の手順 — ワンクリックで構築

著者: 大内 達也
Site Builder ガイド #Site Builder #初心者向け #サイト生成

サイト生成の前提条件

サイトを生成するには、以下の4つが最低限必要です。すべてSite Builderの設定画面から入力できます。

  1. サイトフォルダの保存先パスが設定されていること
  2. AIプロバイダーのAPIキーが設定・接続テスト済みであること
  3. 事業名(会社名または屋号)が入力されていること
  4. ドメイン(サイトのURL)が設定されていること

これらの設定が揃っていれば、ボタンひとつでサイト全体を自動生成できます。

生成されるファイル一覧

ワンクリックの生成で、以下のファイルとフォルダが自動的に作成されます。

  • index.html — トップページ。事業情報・サービス・FAQなどが配置されます
  • サービス個別ページ — 登録したサービスごとに詳細ページが生成されます
  • privacy/index.html — プライバシーポリシーページ
  • profile/index.html — E-E-A-T著者プロフィールページ
  • 404.html — カスタムエラーページ(ページが見つからない場合に表示)
  • thanks.html — フォーム送信完了後のサンクスページ
  • tailwind.config.js — Tailwind CSSフレームワークの設定ファイル
  • package.json — プロジェクトの依存パッケージ管理ファイル

自動実行される処理

ファイル生成後、以下の処理がバックグラウンドで自動実行されます。手動でのコマンド操作は一切不要です。

  1. npm install — Tailwind CSSなど必要なパッケージを自動インストール
  2. git init — Gitリポジトリの初期化(バージョン管理の準備)
  3. CSSビルド — Tailwind CSSをコンパイルして最終的なスタイルシートを生成

生成後の確認ステップ

  1. SPECチェック — 自動検証ツールがサイトの品質基準への適合を確認します
  2. ローカルプレビュー — ブラウザでサイトの表示を確認します
  3. デプロイ — 問題なければボタンひとつで世界に公開します

よくある質問(FAQ)

生成にはどのくらい時間がかかりますか?

AIの応答速度と登録サービス数にもよりますが、通常1〜5分程度で全ファイルの生成が完了します。進捗は画面上にリアルタイムで表示されます。

生成後にファイルを手動で編集しても大丈夫ですか?

はい、生成されたHTMLやCSSは自由に編集できます。ただし、Site Builderから再度サイト生成を行うとファイルが上書きされるため、カスタマイズ内容はバックアップを取っておくことをおすすめします。

生成に失敗した場合はどうすればいいですか?

まずAIプロバイダーの接続状況を確認し、APIキーが有効であることを確かめてから再実行してください。エラーメッセージが表示される場合は、その内容をもとに原因を特定し対処できます。

まとめ

サイト生成は、必要な情報を入力してワンクリックするだけで完了します。HTMLからCSS、構造化データ、プライバシーポリシーまですべて自動生成。Site Builderなら、プログラミング知識ゼロでもプロ品質のビジネスサイトが数分で完成します。