ChatGPTやClaudeでホームページを作って、そのまま公開する

Gintaの編集画面は現在英語表示です。日本語で話しかければ、ホームページは日本語で作られます。

はい、ChatGPTやClaudeでホームページを作れます。Gintaとつなげば、そのまま公開までできます。ChatGPTやClaudeだけでは、できあがるのはコードだけで、どこかにアップロードする作業が残ります。https://ginta.app/mcpというアドレスでGintaを一度つなげば、アシスタントがホームページをデザインし、yoursalon.ginta.pageのような専用のアドレスで公開し、頼めばいつでも変更してくれます。

ホームページはあなたのGintaアカウントに入ります。フォームのメッセージが届く受信箱、予約やメニューなどの既製パーツ、希望すれば独自ドメインも使えます。その後の変更は、アシスタントのチャットでも、Gintaの編集画面でも、文字をクリックして直接でもできます。Gintaは私たちが作っています。下の手順は、OpenAIとAnthropicのヘルプページと開発者向けページをもとに、2026年10月19日に確認したものです。

実際の様子

動画を再生 · 2:06

動画は英語です。2026年10月18日に実際に録画したもので、ChatGPTがGintaを使ってブリストルにあるデモ用のパン屋のホームページをデザインして公開し、完成したページがブラウザで開くところまで映っています。

必要なもの

• ブラウザ版のClaudeかChatGPT。Claudeでは、Gintaはコネクタディレクトリ（claude.ai/directory/ginta）に載っているので、クリックひとつで追加できます。カスタムコネクタとして追加することもでき、カスタムコネクタは無料プランを含むすべてのプランで使えます（無料プランでは1つまで）。ChatGPTでは、Plus、Pro、Business、Enterprise、Eduの各プランなら、ブラウザ版の開発者モード（「Developer mode」）で自分でGintaを追加できます。追加すると、ChatGPTがホームページを作ったり変更したりでき、変更の前には確認を求めてきます。私たちは2026年10月18日にChatGPT Plusで試しました（上の動画）。FreeとGoの場合は、OpenAIの審査が通りしだい、ChatGPTのプラグインディレクトリにあるGintaのプラグインを使えます（現在審査中です）。
• Gintaの無料アカウント。設定の途中で表示されるログイン画面で作れます。作ったあとはメールアドレスを確認してください。確認すると、アシスタントがホームページを公開できるようになります。

対応するプランがない場合は、Gintaのトップページのチャットでも同じことができます。お店のことを書けば、GintaのAIがホームページを作ります。こちらはGintaのクレジットを使います（最初は無料でもらえます）。ChatGPTやClaudeから作る場合はクレジットを使いません。

Claude：Gintaをコネクタとして追加する

1. ClaudeのディレクトリにあるGintaのページを開きます：claude.ai/directory/ginta（または claude.ai かデスクトップアプリで「Customize → Connectors」を開き、ディレクトリで「Ginta」を検索）。
2. 「Connect」（または「Add」）をクリックします。Gintaの画面が開くので、ログイン（または無料アカウントを作成）して「Allow」をクリックします。
3. チャットで「+」をクリックし、「Connectors」からGintaをオンにします。

カスタムコネクタとして追加する場合：「Customize → Connectors」（https://claude.ai/customize/connectors）→ 「+ Add」 → 「Add custom connector」の順に進みます。名前はGinta、「Remote MCP server URL」にhttps://ginta.app/mcpを入れて「Continue」をクリック。提案されたログイン設定はそのままで「Add」をクリックし、上と同じように「Connect」と「Allow」を押します。

TeamやEnterpriseのアカウントでは、オーナーが「Organization settings → Connectors」からコネクタを追加します。表示言語の設定によってはメニュー名が違って見えることがありますが、場所は同じです。

ChatGPT：Gintaをプラグインとして追加する

1. ブラウザ版のChatGPTで開発者モードをオンにします：「Settings → Apps → Advanced settings → Developer mode」。
2. サイドバーの「Plugins」を開き、「+」をクリックして「Add custom MCP server」を選びます（以前のレイアウトでは「Settings → Apps → Create」）。
3. 名前はGinta。「Connection」にhttps://ginta.app/mcpを入れ、「OAuth」を選びます。
4. 「I understand and want to continue」にチェックを入れ、「Create as a plugin」をクリックします。
5. Gintaの画面でログインし、「Allow」をクリックします。
6. プラグインをインストールしたら新しいチャットを始め、「@」を入力してGintaを選びます。

ChatGPTにカスタムMCPサーバーを追加できるのはブラウザ版だけです。一度インストールすれば、ChatGPTのアプリからも変更を頼めます。表示言語の設定によってメニュー名が違って見えても、場所は同じです。

何を書けばいいか

あなたしか知らない事実をアシスタントに伝えてください。そうすれば、ホームページに作り話が載りません。

Gintaで、福岡の美容室「Hana」のホームページを作って。カット、カラー、縮毛矯正。営業は火曜から土曜。お客様が予約のリクエストを送れるようにしたい。電話番号は……

アシスタントは、公開や変更の前に確認を求めてきます。これは正常な動きです。作成には1〜3分ほどかかります。そのあとは同じチャットで続けられます。

• 「メニューと料金を追加して：……」
• 「ブライダルヘアのページを作って、問い合わせフォームも付けて」
• 「ドメイン hana-fukuoka.jp をつないで」

Gintaはアシスタントに、電話番号、住所、料金を作り話で埋めず、あなたに尋ねるよう伝えています。

お店の写真がありますか？ 「写真を送るためのリンクをちょうだい」 と書けば、アシスタントがginta.app/drop/…のリンクをくれます。そのページに、パソコンやスマホからログインなしで写真をドラッグして入れられます。写真がなければ、GintaがPexelsから合う無料写真を入れます。

Claude Code、Codex、Cursor

• Claude Code：claude mcp add --transport http ginta https://ginta.app/mcpを実行し、/mcpでログイン。
• Codex：codex mcp add ginta --url https://ginta.app/mcp（すぐにログインが始まります）。
• Cursor：~/.cursor/mcp.jsonに{"mcpServers":{"ginta":{"url":"https://ginta.app/mcp"}}}を追加。

詳しい手順はすべて（英語）：Connect Ginta。

費用

ChatGPTやClaudeがホームページを作る場合、Gintaのクレジットは使いません。作業はアシスタントがして、Gintaは公開とホスティングを担当します。無料プランでは、Gintaのアドレスで20サイトまで公開でき、小さな「Made with Ginta」バッジが付きます。独自ドメインを使うなら、自分のAIで作る方向けのHostingプランが月€5です（50サイト、1ドメイン、バッジなし）。日本からのお支払いは同じ金額の米ドルです。すべてのプラン：料金。

出典

• OpenAI：ChatGPTの料金（PlusとProに「Developer mode (beta)」の記載。2026年10月19日に確認）
• OpenAI開発者向けドキュメント：Developer mode（Web版のPro、Plus、Business、Enterprise、Educationで、読み取り・書き込みのツールに対応。2026年10月19日に確認。この日にページが移転）
• OpenAIヘルプ：Connecting custom MCP servers in ChatGPT（手順。2026年10月19日に確認）
• OpenAIヘルプ：Plugins in ChatGPT（2026年10月19日に確認）
• Anthropic：リモートMCPを使ったカスタムコネクタの始め方（英語）（2026年10月19日に確認）