行ったことありますよね。Claudeは美しいランディングページを書きます——完璧なコピー、きれいなCSS、言うことなし。ところが壁にぶつかります。HTMLをコピペして、コードエディタを開いて、ホスティングプロバイダに移動して、新しいファイルを作ってアップロードして、DNSを設定して……そして45分後には、なぜ未来がまだこんなに手作業っぽいのかと考えてしまう。
RedirHubならそれが一発で解決。RedirHub MCPサーバーに組み込まれたデプロイ用のパイプラインで、AIエージェントがHTMLをそのままライブURLへプッシュできます。ホスティング不要、FTP不要、コピペ不要。Claudeがページを生成し、Claudeがデプロイし、あなたはライブURLを受け取る——すべて同じ会話の中で。
このチュートリアルでは、完全なワークフローを案内します。ブランド付きの短縮リンクとQRコード付きのデプロイ済みランディングページを、ゼロから約3分で作るところまで。
前提条件#
魔法が起きる前に、用意するものが2つあります。どちらも5分未満で、やるのは一度だけです。
1. RedirHubアカウント——無料プランで登録(クレジットカード不要)。2つのホスト名、月100リダイレクト、月10万アクセスが付いており、テストには十分すぎるほどです。
2. Claudeで設定したMCPサーバー——Claude DesktopまたはMCPクライアントにRedirHubのMCPエンドポイントを追加します。エンドポイントは https://api.redirhub.com/mcp/v1 で、Workspace APIトークンを使ったBearer認証です。MCPサーバーのドキュメントに完全なセットアップガイドがあります——約2分で完了します。
以上です。この2つが揃えば、Claudeは自然言語でリンク作成、ページのデプロイ、QRコード生成まで行えます。
ステップ1:必要なランディングページの種類をClaudeに伝える#
Claudeを開いて、作りたいページを説明してください。対象ユーザー、オファー、訪問者にしてほしい行動を具体的に。うまく動くプロンプトはこちらです:
「無料のURLリダイレクトツール用のランディングページが必要です。対象ユーザー:開発者とマーケター。ヒーローセクションに見出し『Redirect URLs in Seconds』を入れ、機能セクションに3つのカード(高速リダイレクト、分析、無料プラン)を用意し、登録を促すCTAを設置してください。清潔でモダンなデザインにしてください。青と白の配色でお願いします。」
必要に応じてClaudeが確認質問をします。回答してください。次のステップでHTMLを生成します。詳細を増やすほど、出力の質が上がります。指定すべき項目:
- •ブランドカラーとフォント
- •セクション数(ヒーロー、機能、テスティモニアル、料金、CTA)
- •トーン—プロフェッショナル、遊び心、テクニカル、またはカジュアル
- •入れたい特定のコピーや訴求ポイント
ステップ2:Claudeが会話の中でHTMLを生成#
Claudeは完成したHTMLファイルを作成します—CSSはインラインまたはstyleブロック内に記述し、外部依存はなし。レスポンシブで自己完結型にしてください。重要:RedirHubのクイックデプロイではHTMLをスタンドアロンページとして配信するため、すべてを1つのファイルにまとめる必要があります。外部スタイルシートは使わず、ビルド手順が必要なJSフレームワークも使わないでください。
Claudeのアーティファクトプレビューでページを確認します。モバイルでのレイアウトをチェックし、CTAボタンが機能することを確認し、コピーが意図どおりになっているか確認してください。調整が必要なら、Claudeに修正を依頼してください。ここが編集のパスで、数秒で終わります。
プロのコツ:Claudeにファビコン、Open Graphのメタタグ、viewportのメタタグを追加するよう依頼してください。入れていなかった場合のみです。これらの小さな追加により、SNSで共有したときにページが洗練されて見えます。
ステップ3:ClaudeにRedirHub Quick経由でデプロイさせる#
ここからは、以前は手作業で十数ステップ必要だった部分です。同じ会話の中でClaudeにこう伝えてください:
「このページをRedirHub Quickでデプロイしてください。」
Claudeは、RedirHub MCPサーバー経由でCreateRedirect MCPツールを呼び出します。裏側では、RedirHubが:
- HTMLペイロードを受け取ります
- それをグローバルなエッジネットワークに保存します
- Let's Encryptで自動HTTPSをプロビジョニングします
- 稼働中のURLを返します
サーバーを設定したり、DNSを用意したり、ホスティングの管理画面に触れたりする必要はありません。Claudeがすべて対応します。このページはRedirHubのエッジから配信され、平均応答時間は約90ms、稼働率は99.99%です。
ステップ4:ライブURLを受け取る—ページがオンラインになりました#
ClaudeはライブURLを返します。ブラウザで開いてください——あなたのランディングページはインターネット上でHTTPS付きで公開済みです。DNSの伝播待ちも、ファイルのアップロードも不要です。すでにデプロイされています。
URL構造はすっきりしています——たとえば https://yourdomain.com/your-page のように。RedirHub管理のドメインを使っている場合は、そのドメイン配下になります。まだカスタムドメインを追加していないなら、RedirHubが提供するサブドメインで、すぐにテストできます。
ページを更新したい?変更してほしい内容をClaudeに伝えて、再デプロイを依頼するだけです。古いバージョンは即座に置き換わります——キャッシュの悩みも、バージョン管理の手間もありません。
ステップ5:同じ会話内でショートリンクとQRコードを作成する#
ページは公開されていますが、URLが長くなる場合があります。次にClaudeに、ブランド化されたショートリンクとQRコードを作成してもらいましょう——これも同じ会話のまま、文脈の切り替えなしで:
"スラッグ 'free-redirect-tool' を使ってこのページのショートリンクを作成し、それ用のQRコードを生成してください。"
ClaudeがRedirHubの CreateLink とQR生成ツールを呼び出します。返ってくるのは:
- •ショートリンク——たとえば 14h.in/free-redirect-tool のように。クリーンで、ブランド化できて、共有しやすい
- •QRコード——画像としてダウンロードでき、直接あなたのページに読み取られます
ここからワークフローが強力になります。これで、ランディングページ、SNSやメール用のショートリンク、印刷や対面用のQRコードが、すべて1つの会話で生成されます——アプリの切り替えは不要です。
完全なワークフローまとめ:3分でエンドツーエンド#
今起きたことを振り返りましょう — すべてClaudeの1つの会話の中で:
- やりたいことを説明(約30秒)
- 生成されたHTMLを確認して調整(約60秒)
- RedirHub Quickでデプロイ — 1文で(約10秒)
- 短いリンクとQRコードで共有(約20秒)
アクティブ作業はだいたい2分で、残りはClaudeの処理です。従来のワークフローと比べてみましょう:コピーを書く → Figmaでデザイン → VS Codeでコードを書く → Gitにプッシュ → Vercel/Netlifyにデプロイ → DNSを設定 → テスト → 短いリンクを別途作成。時間は「時間」対「分」です。
重要な洞察:RedirHub Quickは、AI生成と実運用デプロイの間にあるギャップを取り除きます。あなたのAIエージェントはコードを書くのではなく、それを“出荷”します。
よくある質問(FAQ)#
RedirHub Quickとは何ですか?#
RedirHub Quickは、RedirHub MCPサーバーに組み込まれたデプロイ機能で、AIエージェントがHTMLをライブURLに直接プッシュできるようにします。ホスティング事業者にファイルを手動でアップロードする代わりに、AIが1つの会話の中でページを生成し、デプロイします。自動HTTPS、エッジキャッシュ、DNSを処理するため、サーバー設定は不要です。
MCPサーバーを使うのに、有料のRedirHubプランが必要ですか?#
いいえ。MCPサーバーは無料プランを含むすべてのプランで利用できます。無料プランでは、ホスト名が2つ、リダイレクトが100件、月あたりの訪問数が100Kです。テストや小規模なプロジェクトには十分です。Pro($30/月)にアップグレードすると、無制限のリダイレクト、分析、リンク監視が追加されます。
RedirHub QuickはClaude以外のAIツールでも動作しますか?#
はい。Model Context Protocol(MCP)に対応しているAIツールであれば、RedirHub Quickを利用できます。Claude Desktop、Cursor、Codex、その他のMCP対応クライアントが含まれます。ワークフローは同じです。RedirHubのMCPエンドポイントを設定すれば、AIエージェントがページをデプロイしたり、短縮リンクを作成したり、自然言語でQRコードを生成したりできます。
デプロイしたページに自分のドメインを使えますか?#
はい。RedirHubダッシュボードでカスタムドメインを追加し、そのDNSをRedirHubのエッジに向けてください。認証が完了すると、デプロイされたページは自分のドメインから配信されます — https://yourdomain.com/your-page 。自動HTTPSはすべてのデプロイに含まれます。
RedirHub Quickでページはどれくらいの速さでデプロイできますか?#
デプロイはほぼ瞬時です。MCPの呼び出しが完了すると、ページはRedirHubのグローバルエッジネットワーク上で公開され、平均応答時間は約90msです。ビルド手順は不要で、既存ドメインで新しいページを公開する際のDNS伝播遅延もなく、キャッシュの無効化についても心配する必要はありません。
デプロイ後にページを更新できますか?#
はい。AIエージェントに変更内容を伝え、再デプロイを依頼してください。MCPサーバーが既存のページを即座に上書きします。何度でも繰り返せます——変更する、再デプロイする、ライブURLを確認する、また繰り返す。バージョン管理の手間はありません。
RedirHub Quickではどんな種類のページをデプロイできますか?#
自己完結型のHTMLページなら何でも可能です。ランディングページ、プロダクトローンチページ、イベント申込み、ウェイトリストページ、リード獲得フォーム、リンクインバイオページ、プロモーション用マイクロサイトなど、単一のHTMLファイルに収まる内容であれば対応できます。フォーム送信やデータベースなどの動的機能が必要な場合は、Google Forms、Mailchimp、TypeformといったサードパーティサービスをHTMLに直接埋め込めます。
よくある質問
RedirHub Quickは、AIエージェントがHTMLをライブURLに直接プッシュできるRedirHub MCPサーバーに組み込まれたデプロイ機能です。ホスティングプロバイダーにファイルを手動でアップロードする代わりに、あなたのAIは1回の会話でページを生成しデプロイします。自動HTTPS、エッジキャッシング、DNSを処理し、サーバーの設定は不要です。
いいえ。MCPサーバーはすべてのプランで利用可能で、無料プランも含まれています。無料プランでは、2つのホスト名、100のリダイレクト、月に100Kの訪問が可能で、テストや小規模プロジェクトには十分です。Proプラン($30/月)にアップグレードすると、無制限のリダイレクト、分析、リンクモニタリングが追加されます。
はい。モデルコンテキストプロトコル(MCP)をサポートする任意のAIツールがRedirHub Quickを使用できます。これにはClaude Desktop、Cursor、Codex、その他のMCP互換クライアントが含まれます。ワークフローは同じです:RedirHub MCPエンドポイントを設定し、あなたのAIエージェントがページをデプロイし、短縮リンクを作成し、自然言語を介してQRコードを生成できます。
はい。RedirHubダッシュボードにカスタムドメインを追加し、そのDNSをRedirHubのエッジにポイントします。確認が取れたら、デプロイされたページはあなた自身のドメインから提供されます。自動HTTPSはすべてのデプロイに含まれています。
デプロイはほぼ瞬時です。MCPコールが完了すると、ページはRedirHubのグローバルエッジネットワーク上でライブになり、平均応答時間は約90msです。ビルドステップはなく、既存のドメインに新しいページを作成する際のDNS伝播遅延もなく、キャッシュの無効化を心配する必要もありません。
はい。AIエージェントに変更内容を伝え、再デプロイを依頼してください。MCPサーバーは既存のページを即座に上書きします。何度でも反復できます — 変更を加え、再デプロイし、ライブURLを確認し、繰り返します。
自己完結型のHTMLページ — ランディングページ、製品ローンチページ、イベントサインアップ、ウェイトリストページ、リードキャプチャフォーム、リンクインバイオページ、プロモーションマイクロサイトなどです。フォーム送信のような動的機能については、GoogleフォームやMailchimpなどのサードパーティサービスをHTMLに直接埋め込むことができます。





