MCPコネクター

Claudeからデプロイ

ClaudeをDeplixoに接続して、会話を離れることなくアプリをデプロイします。 コピー貼り付けなし、ターミナルなし、余分なタブなし — Claudeに何かをビルドするよう頼んでリリースするだけです。

プロセス全体はこちら

以下にいくつかのステップがありますが、それぞれ短くシンプルです。手順は以下の通りです:

セットアップ(一回のみ)

1 スクリーンショット:Claudeの設定でDeplixoコネクターを追加する

再試行

2 AIで何かを作りました。
3 下のボタンをクリック

以上です。以下の詳細な手順では、スクリーンショットを使って各部分を説明します。

セットアップ

コネクターマーケットプレイスは近日公開予定

DeplixoがAnthropicのコネクターマーケットプレイスで承認されると、セットアップはワンクリックになります。それまでは、カスタムコネクターとして追加できます。約30秒かかりますが、まったく同じように動作します。以下の手順に従ってください。

スクリーンショット:Claudeの設定でDeplixoコネクターを追加する

1
claude.aiを開いてカスタマイズアイコンをクリックする

claude.aiにアクセスします。左サイドバーでカスタマイズアイコン(小さなブリーフケースのように見えます)をクリックします。

スクリーンショットを見る Claude sidebar with Customize icon highlighted
2
MCPコネクター

カスタマイズページで、左サイドバーのコネクターをクリックします。

スクリーンショットを見る Customize page with Connectors selected in sidebar
3
Click the + button, then "Add custom connector"

At the top of the Connectors panel, click the + button. A small dropdown will appear. Select "Add custom connector."

スクリーンショットを見る Plus button dropdown showing Browse connectors and Add custom connector options
4
コネクターの詳細を入力する

表示されたダイアログに入力してください:

  • アプリの有効期間: Deplixo
  • リモートMCPサーバーURL: https://mcp.deplixo.com

Then click Add.

スクリーンショットを見る Add custom connector dialog with Deplixo name and mcp.deplixo.com URL filled in
5
未接続

Deplixoがコネクターリストに表示されます。ツール(deplixo_deploydeplixo_enhanceなど)が確認できます。権限はデフォルトで常に許可に設定されており、これが推奨設定です。Claudeが毎回確認せずにデプロイできるようになります。

スクリーンショットを見る Deplixo connector added showing tool permissions

未接続

これらの手順を再度行う必要はありません。では、さっそく試してみましょう。

再試行

今すぐ始める

いよいよ楽しい部分です。新しい会話を始めて、Claudeに作りたいものを伝えましょう。

1
Enter "Make me a Hello World App"

新しいチャットを開始して、それを入力してください。Claudeがアプリを作成します。

2
Once done and you like it, type "deploy to deplixo"

Claudeがデプロイツールを呼び出し、アプリを公開します。

3
リンクを受け取ったら、クリックしてDeplixoに保存する

デプロイ後、Claudeがアクティベーションリンクを表示します。クリックしてアプリを永久に保存してください。アクティベートされていないアプリは1時間後に削除されます。このステップをスキップしないでください!

より良い結果のためのヒント

アプリを説明する、コードではなく

「HTMLを書いて」と言う必要はありません。欲しいものを説明するだけです: 「カテゴリ別にレシピを保存して検索できるレシピオーガナイザーをビルドして。」

必要な場合は永続性を言及する

アプリがデータを保存する必要がある場合は、そう言ってください:「セッションをまたいでデータが永続するようにして。」 Claudeは組み込みのdeplixo.dbストレージを使用します。

同じ会話でイテレーションする

小さな変更のために新しい会話を開始しないでください。Claudeはすでにコンテキストと認証情報を持っているため、更新は即座に行われます。

スーパーパワーをお忘れなく

すべてのDeplixoアプリには、難しい部分を処理する組み込みのプリミティブが付属しています。必要なことを説明するだけで、Claudeが自動的に接続します。

永続ストレージ

セッションをまたいで保持され、デバイス間で同期するデータを保存します。

"Build a recipe organizer where I can save recipes by category. Save my data so it persists."
データベース

APIキーや請求設定なしでAI搭載機能を追加します。

"Make a writing assistant that helps me improve my emails. It should suggest rewrites and tone adjustments."
チャートとビジュアライゼーション

美しいチャートとグラフ、すぐに使えます。

"Build a personal finance tracker with charts showing my spending by category over time."
リアルタイムマルチプレイヤー

リアルタイム同期のマルチユーザーアプリ

"Create a shared whiteboard where multiple people can draw and see each other's changes in real time."
アップロード

ユーザーが画像、ドキュメントなどをアップロードできるようにします。

"Build a mood board app where I can upload images and arrange them on a canvas."

さらに、マップ、QRコード、PDFエクスポート、効果音、CSVエクスポートなど多数あります。 すべてのビルディングブロックを見る →

開発者向け

Claude Code(CLI)でDeplixoを使用する

これは必須ではありません。上記のガイドはclaude.aiからアプリをデプロイするためのすべてをカバーしています。このセクションは、AnthropicのコマンドラインAIツールであるClaude Codeを使用するソフトウェア開発者向けです。意味がわからない場合は、このセクションを無視しても構いません。

Claude Code(CLIツール)を使用している場合、設定にDeplixoをMCPサーバーとして追加できます:

オプションA:グローバル設定

~/.claude/settings.jsonに以下を追加して、すべてのClaude Codeセッションでdeplixoを利用可能にします:

{
  "mcpServers": {
    "deplixo": {
      "type": "streamablehttp",
      "url": "https://mcp.deplixo.com/"
    }
  }
}
オプションB:プロジェクト別設定

同じブロックをプロジェクトディレクトリの.mcp.jsonに追加して、そのプロジェクトのみでDeplixoを有効にします。

設定後、Claude Codeにアプリの構築とデプロイを依頼するだけです。claude.aiと同じように動作します。Claudeがコードを書いてデプロイツールを呼び出します。

ChatGPTを使いたいですか?

どこかをクリックするかEscキーを押して閉じる