Web改善 AI活用 低コスト制作

AI時代のWeb制作。
ClaudeとGitHubでLPを無料で爆速制作

👤
相談者:マーケ担当(スタートアップ・10名)
Q. こんな状況になっていませんか?
AIを使えば、HTMLのコードを書けなくてもLPを作れます。GitHub・Netlifyという無料ツールと組み合わせれば、ほぼ0円で公開まで完結します。

⚖️従来のWeb制作との違い

項目 従来の制作会社 WordPress Claude+GitHub+Netlify
初期費用20〜100万円〜数万円〜ほぼ0円
月額費用保守費用ありサーバー代+プラグインドメイン代のみ
制作期間1〜3ヶ月数週間〜数時間〜数日
更新方法都度依頼管理画面から更新ファイル上書きのみ
エンジニア不要×
SSL(https)別途設定別途設定自動・無料

⚙️3つのツールで完結する仕組み

Claude・GitHub・Netlifyを組み合わせることで、HTMLの知識がなくてもWebサイトを公開できます。それぞれの役割を理解しておきましょう。

🤖
ClaudeAIでHTML生成

「〇〇会社の展示会用LP。サービスの特徴3つ・お問い合わせフォームを入れて」と指示するだけで、HTMLファイルを生成してくれます。デザインの調整や文言変更も会話形式で対応できます。

💰 無料(Claude.aiの無料プランで利用可能)
⚡ 指示から数分でHTMLが完成
🔄 修正も会話形式で即対応
📁
GitHubファイル管理・バージョン管理

Claudeが生成したHTMLファイルをGitHubに保存します。変更履歴が残るのでいつでも過去の状態に戻せます。ファイルを更新するだけで自動的にサイトに反映されます(Netlifyと連携時)。

💰 無料プランで十分(0円/月)
📋 変更履歴が残る・いつでも戻せる
🔄 ファイル更新→自動でサイト反映
🌐
Netlifyサイト公開・ホスティング

GitHubと連携し、ファイルを更新するだけで自動的にサイトが公開されます。独自ドメインの設定も可能で、SSL(https)が無料で自動設定されます。

💰 無料プランで小規模サイトは十分
🔒 SSL自動設定・独自ドメイン対応
⚡ GitHub連携で自動デプロイ
📬
お問い合わせフォームはHubSpotで対応

Netlifyはお問い合わせデータの保存には向いていません。HubSpot(無料プランあり)のフォームを埋め込むことで、問い合わせ情報を安全に管理できます。メール通知・自動返信も設定できます。

🚀LPができるまでの流れ

1
🤖
Claudeに指示する
「〇〇サービスの展示会LP。特徴3つ・導入事例・CTAボタン入り」など要件を伝える
2
📄
HTMLファイルを取得
Claudeが生成したHTMLファイルをダウンロード。ブラウザでプレビュー確認
3
📁
GitHubにアップロード
ファイルをGitHubリポジトリにアップロード。ドラッグ&ドロップで完了
4
🌐
Netlifyで自動公開
GitHubと連携したNetlifyが自動的にサイトを公開。URLが発行される
5
独自ドメインを設定
取得済みドメインをNetlifyに設定。SSL証明書は自動発行
💡 修正が必要な場合は、Claudeに「ここを変えて」と指示→新しいHTMLをGitHubに上書きアップロードするだけで更新されます。制作会社への依頼・待ち時間は不要です。

この方法が特に向いているケース

✅ 向いている
  • 展示会・セミナーごとのLP
  • 新製品・新サービスの告知ページ
  • 採用ページ・採用LP
  • キャンペーンページ
  • 資料ダウンロードLP
  • 会社紹介ページ(静的)
⚠️ 注意が必要
  • 更新頻度が高いブログ・ニュース(CMSの方が向いている)
  • 複雑な会員機能・決済機能が必要なサイト
  • 大規模なECサイト
  • 多言語対応が必要なサイト
📌 Promot Worksでは、Claude×GitHub×Netlifyを使ったLP制作・既存サイトの静的HTML化・HubSpotフォーム設定まで対応します。「まず1ページ試してみたい」という段階からご相談ください。
← お困りごと事例一覧へ戻る

「LPを低コストで素早く作りたい」
という段階でも、お気軽にどうぞ。

課題整理からご相談いただけます。まずは30分の無料ヒアリングから。