最初のAIランディングページをデプロイする：3分間のチュートリアル

AIは、あなたがブリーフを書くよりも速くランディングページを生成してデプロイできるようになりました。RedirHubのMCPサーバーなら、自然言語のプロンプトからライブでホストされたページまで3分以内で到達できます——コード不要、デプロイスクリプト不要、エンジニア待ち不要です。

このチュートリアルでは、必要なものをすべて1つの実行可能なガイドに凝縮しました。過去の記事を読む必要はありません——手順に従えば、コーヒーが冷める前に最初のAIランディングページを公開できます。

これから扱う内容は次のとおりです：一度きりのMCPセットアップ、プロンプトテンプレート2種類（生成＋デプロイ）、検証、そして同じ会話内で短縮リンクとQRコードを作るためのボーナス小技。

クイックスタート・チェックリスト：必要なもの#

始める前に、次の3つを用意してください：

RedirHubアカウント。無料プランでこのチュートリアルに必要なすべてがカバーされます——2つのホスト名、100件のレコード、月間10万回の訪問。登録はredirhub.comで行ってください。

ワークスペースAPIトークン。RedirHubダッシュボードのSettings → APIで生成します。コピーしてください——セットアップ中に1回貼り付けるだけで、その後は二度と触りません。

MCP対応クライアント。Claude Desktop、Cursor、Continue、または任意のMCPホストで動作します。例ではClaude Desktopを使いますが、手順はどこでも同じです。

以上です。最初にドメインは不要——RedirHubがテスト用のデフォルトホスト名を提供します。HTMLやCSSの知識も不要——AIがすべて生成します。デプロイ用のパイプライン不要、Gitのプッシュ不要、Netlifyの設定不要です。

MCP設定：2分で完了する一度きりのセットアップ#

RedirHub の MCP サーバーは、AI クライアントを RedirHub のインフラに直接接続します。1 回設定するだけで、MCP 対応ツールならどれからでもリダイレクトやランディングページを生成・デプロイ・管理できます。コンテキスト切り替えも、ダッシュボードへのログインも不要です。

このブロックを、MCP クライアントの設定ファイルに追加してください：

{
"mcpServers": {
"redirhub": {
"url": "https://api.redirhub.com/mcp/v1",
"headers": {
"Authorization": "Bearer YOUR_API_TOKEN"
}
}
}
}

YOUR_API_TOKEN を、ダッシュボードのワークスペーストークンに置き換えます。MCP クライアントを再起動して接続を確認してください。利用可能なツール一覧に RedirHub のツール（CreateLink、BulkImport、GetStats など）が表示されるはずです。

これが、必要なセットアップはこれだけです。同じ MCP 設定は、すべてのクライアントでそのまま使えます。Claude Desktop、Cursor、Continue、Zed、または Model Context Protocol 標準に対応した任意のカスタム実装でも利用可能です。

プロンプトテンプレート 1：ランディングページを生成する#

では楽しい部分です。MCP クライアントを開き、AI にランディングページの作成を指示してください。初回から確実な結果を出すためのテンプレートはこちら：

"[あなたのプロダクトまたはサービス] のランディングページを作成してください。見出し、サブタイトル、CTA ボタンを含むヒーローセクションを追加します。3 つの機能カードを含む機能セクションを追加します。最後に料金セクションとフッターで締めます。最大幅レイアウトのクリーンでモダンなデザインにしてください。"

AI は 1 回のパスで、完全な HTML、CSS、コピーを生成します。このテンプレートは無限にカスタマイズできます。テスティモニアルを追加したり、カラーパレットを調整したり、問い合わせフォームを入れたり、動画を埋め込んだりできます。修正のたびにかかるのは数秒だけです。変えたい内容をそのまま説明してください。

プロのコツ：対象ユーザーについて具体的にしましょう。"URL リダイレクトの自動化が必要な SaaS 開発者向けのランディングページ" は、"一般的なランディングページ" よりもはるかに鋭い文章を生成します。価値提案、ターゲット業界、訪問者にしてほしい行動を明記してください。

最初の下書きが完璧じゃなかったら？自然に反復しましょう。「見出しを短くして、より直接的にする」または「機能カードを2カラムの比較レイアウトに入れ替える」— AIがページを即座に更新します。1分以内に5〜10回の修正を行えます。

プロンプトテンプレート2：展開する#

生成したページに満足したら、同じMCPセッションを通じて展開（デプロイ）します。AIは RedirHub のデプロイ用ツールを使って、ページをグローバルエッジネットワークへプッシュします：

「このランディングページをRedirHubにデプロイしてください。私の例のドメイン example.com を使い、パスは /ai-landing にしてください。」

まだカスタムドメインがない場合でも、RedirHubはデフォルトのホスト名を提供するので、すぐにテストできます。デプロイは数秒で完了します。ページは16以上のグローバルエッジノードで稼働し、自動HTTPS、DDoS保護、さらに不正ボットのフィルタリングが組み込まれています。

本番利用では、任意のドメインのCNAMEレコードをRedirHubに向けるだけで、そのドメインがランディングページのホストになります。MCPサーバーがDNSの検証とSSLのプロビジョニングを自動で処理するため、証明書管理も更新カレンダーも、期限切れ証明書のアラートも不要です。

裏側では、RedirHubがページコンテンツを配信するリダイレクトレコードを作成します。いつでもページを更新できます。新しいプロンプトで再デプロイすれば、変更は数秒でグローバルに反映されます。キャッシュ無効化もCDNのパージも、デプロイ待ち行列もありません。

確認：ブラウザでURLを開く#

ブラウザでURLを開いてください。AIが生成したランディングページは数秒で公開されるはずです。次の簡単な確認チェックリストを実行してください：

• •
  ページがデスクトップおよびモバイルの幅で正しく表示される — ブラウザのサイズを変更して確認
• •
  すべてのリンクとCTAボタンが正しく動作し、正しい目的地にリンクしています
• •
  HTTPSが有効です — アドレスバーに鍵（パドロック）アイコンが表示されているか確認してください
• •
  ページの読み込みは1秒未満 — RedirHubのエッジネットワークがコンテンツを約90msで配信します

何かおかしければ、いったんMCPクライアントに戻ってプロンプトを調整してください。"CTAボタンを大きくしてコントラストを強める" または "機能と料金の間にソーシャルプルーフを追加する" — 変更内容を説明して再デプロイします。各反復は数秒で完了します。

ボーナス：同じ会話内で短縮リンク＋QRコード#

MCPセッションの最中に、あなたの新しいページ用のブランド化された短縮リンクとQRコードを作成します — 追加のツールは不要です：

"私のランディングページ用の短縮リンクを redir.hub/launch で作成し、QRコードも生成して。"

RedirHubのMCPツールなら、1つのコマンドで両方を処理できます。短縮リンクはSNS、メールキャンペーン、印刷物に適しています。QRコードは、イベントの掲示、商品パッケージ、または対面での共有にすぐ使えます。

短縮リンクとQRコードはいずれも同じデプロイ済みのランディングページを指し、クリックは別々に計測されます。これによりチャネル別の分析が可能です — QRコード経由で来た訪問者数と短縮リンク経由の訪問者数を比較して、どの形式がより多くのトラフィックを生むかを測定できます。

FAQ：よくある問題と解決策#

RedirHub MCPを使うのにコーディングスキルは必要ですか？#

いいえ。MCPサーバーは自然言語のプロンプトをAPI操作に変換します。やりたいことを説明すれば、AIがHTMLやCSSを作成し、デプロイまで対応します。わかりやすい文章を書けるなら、ランディングページをデプロイできます。

生成されたランディングページが思った通りに見えない場合はどうすればいいですか？#

具体的にプロンプトを調整してください。「レイアウト（"2カラムのグリッド"）」「配色（"ダークヘッダー、ライトな本文"）」「コンテンツ（"短めの見出し、メリット重視の補足文"）」などを追加します。AIは即座に反映し、各修正は数秒で完了します。変更点をバージョン間で理解したい場合は、AIにデザイン上の判断を説明してもらうこともできます。

デフォルトのRedirHubホスト名の代わりにカスタムドメインを使えますか？#

はい。ドメインのCNAMEレコードをRedirHubに向け、ダッシュボードにドメインを追加して、MCPサーバー経由でそのドメインにページをデプロイします。RedirHubは各ドメインのSSL証明書を自動でプロビジョニングするため、追加設定なしで全ページをHTTPSで配信できます。

無料プランでは何件のランディングページをデプロイできますか？#

無料プランでは、最大2つのホスト名と、月間10万回の訪問を伴う100件のリダイレクトレコードまで対応しています。テストや小規模なプロジェクトなら十分です。有料プランは月額$10からで、無制限のリダイレクト、より多くのホスト名、チームメンバー、さらに高度な監視機能の利用が可能になります。

MCPサーバーの接続は安全ですか？#

はい。すべてのMCP通信はHTTPSによる暗号化を使用します。認証にはワークスペースのAPIトークンが必要で、RedirHubダッシュボードにアクセスできるユーザーだけが発行できます。トークンはいつでも［Settings → API］から無効化・再生成できます。さらに、MCPサーバーはRedirHubの本番インフラ上で稼働し、同じ99.99%の稼働率SLAが適用されます。

RedirHub MCPはCursorや他のAIコードエディタに対応していますか？#

はい。RedirHubのMCPサーバーはModel Context Protocolの標準に準拠しています。MCP対応のクライアントであれば、Claude Desktop、Cursor、Continue、Zed、Windsurf、または独自実装など、どれでも接続して19個すべてのツールを利用できます。設定はクライアント間で同一です。同じJSONの設定ブロックを貼り付けるだけで接続できます。

RedirHub MCPでランディングページ以外に何ができますか？#

URLリダイレクトの作成・管理、CSVのリダイレクトマップの一括インポート、リダイレクトの健全性とステータス確認、トラフィック分析の閲覧、チームメンバーやワークスペースの管理、短縮リンクやQRコードの生成、そしてRedirHubのワークスペース全体の操作を、MCPクライアント上で自然言語で行えます。MCPサーバーはRedirHubのフルAPIを公開しているため、ダッシュボードでできることは会話経由でもすべて可能です。

まとめ#

3分でAI生成のランディングページを公開しました——自然言語プロンプトから、グローバルエッジ上のライブURLまで。デプロイ用のパイプライン不要、サーバー設定不要、エンジニア待ち不要です。このページを配信したのと同じMCP設定が、リダイレクトの管理、リンク健全性の監視、QRコードの生成、そしてURLインフラ全体の制御まで行います。

MCP設定は1つ。プロンプトは2つ。無限のランディングページ。チュートリアルはこちら→3分で最初のAIランディングページをデプロイ