ClaudeでJotformアプリを作る方法 — App Builderの接続と編集の注意
Jotform App Builderコネクタで、顧客ポータルや社内ツールのアプリを会話から作って直す手順です。3種類あるJotformのMCPサーバーの違い、接続、編集時の確認点を扱います。
ClaudeのJotform App Builderコネクタを使うと、顧客ポータルや社内ツールのような「Jotformアプリ」を、会話で作って直せます。アプリのプレビューはチャットの中に表示されるので、画面を行き来せずに仕上げられます。
この記事では、同じJotformに3種類あるMCPサーバーの違い、接続の手順、アプリを編集するときの確認点をまとめます。
Jotform App Builderコネクタでできること
Jotform App Builderは、Jotform Inc.が提供するコネクタです。コネクタ一覧には「Anthropic verified」の表示があり、2026年7月に追加されました。利用にはサインインが必要です。
説明文は「説明するだけで、使える状態のアプリが生成され、会話で磨ける」という作りです。例に挙がっている用途は次のとおりです。
- 社内ツールやチームの作業場
- CRMアプリと顧客ポータル
- 従業員のオンボーディング
- イベント登録と予約システム
- 商品カタログとサービス一覧
- 会員コミュニティと業務ダッシュボード
作成後の調整として、レイアウトの変更、フォームやウィジェットの追加、ユーザーと権限の管理、決済とワークフローの設定、公開までが挙げられています。一覧にある依頼文の例は、たとえば「レストランのメニューアプリを、料理のカテゴリ、価格、オンライン注文つきで作って」です。
公開されているツール
Jotform側のドキュメントでは、このサーバーのツールは5つです。
| ツール | 内容 | アクセス | 操作画面 |
|---|---|---|---|
create_app | 内容説明からアプリを一式作る。ページ、要素、テーマ、埋め込みフォームをまとめて組み上げる | アクセス書き込み | 操作画面あり |
edit_app | 内容既存のアプリを、細かい指示で編集する | アクセス破壊的 | 操作画面あり |
fetch | 内容アプリIDをもとに、情報とメタデータを取得する | アクセス読み取り専用 | 操作画面なし |
get_teams | 内容Enterprise環境で、利用者のチーム情報を取得する | アクセス読み取り専用 | 操作画面なし |
search | 内容アプリを検索する | アクセス読み取り専用 | 操作画面あり |
「破壊的」は、既存のデータを削除または上書きできる、という意味でドキュメントが使っている区分です。5つのうち、この区分に入るのは edit_app だけです。
コネクタ一覧のツール欄には、この5つに加えて mcp_app_request も載っています。Jotform側のドキュメントの表には、このツールの説明がありません。
3種類のJotform MCPサーバーを取り違えない
Jotformには「MCP Apps」と呼ばれるサーバーが3つあり、それぞれエンドポイント、ツール、要件、接続手順が別です。名前が近いので、先に違いを押さえておきます。
| 種類 | 扱うもの | 向いている作業 |
|---|---|---|
| Jotform | 扱うものフォームと回答 | 向いている作業フォームの作成・確認、回答の閲覧 |
| Jotform Apps | 扱うものJotformアプリ(スマホ向けのポータル) | 向いている作業複数ページのアプリを作って編集する |
| Jotform Sign | 扱うもの署名つき書類 | 向いている作業書類の作成、署名者の管理、署名依頼の送信、進捗の確認 |
この記事の主役は2行目のJotform Appsで、コネクタ一覧での名前が「Jotform App Builder」です。エンドポイントは次のとおりです。
https://mcp.jotform.com/mcp-jotform-apps-v1フォームを作って回答を集計したい場合は、1行目のJotformのほうです。取引先アンケートでの使い方はClaudeとJotformの連携で取引先アンケートを作り集計するにあります。署名書類を扱うJotform Signは、App Builderとは別のサーバーなので、接続するときに別途追加します。
どのサーバーでも、インタラクティブな画面が出るのはMCP Appsに対応したクライアントだけです。ClaudeやChatGPTが例として挙げられています。対応していないクライアントでも、ツール自体は動き、画面なしで結果を返します。この仕組みはClaudeのインタラクティブコネクタとはで解説しています。
接続する前の条件
Jotform Appsの要件は3つです。
- Jotform Appsを使えるJotformアカウント
- インタラクティブな画面を描画できるクライアント(Claude Desktop、ChatGPT、画面描画に対応したIDEなど)
- Jotformのデータに接続するための、1回かぎりのOAuth承認
OAuthについては、もう少し細かい記述があります。承認画面はJotformの「アプリ」を通じて開き、ユーザーは初回の接続で必ず承認します。そして「ワークスペース管理者だけが、Jotform MCPアプリをインストールできる」と書かれています。チームのワークスペースで使うなら、管理者に依頼する前提で段取りを組むほうが安全です。
認証方式はOAuth 2.0(PKCEつき)で、Jotformに発行したAPIキーは受け付けません。ベアラートークンでのアクセスもできません。スコープは readOnly と full の2種類で、クライアントは動的登録に対応しているため、クライアントIDやシークレットを自分で用意する必要はありません。
Claudeに接続する
Jotform側のドキュメントが示す手順は、設定画面のコネクタから「カスタムコネクタを追加」を選び、URLを入力して承認する形です。
Claudeで接続するまでの流れ
- 1
コネクタを追加する
設定のコネクタ画面で、カスタムコネクタの追加を選びます。
- 2
URLを入力する
https://mcp.jotform.com/mcp-jotform-apps-v1を貼り付けます。 - 3
Jotformで承認する
サインインして、アクセスを承認します。
- 4
チャットでオンにする
使いたい会話でJotformのコネクタが有効か確かめます。
コネクタの一覧(ディレクトリ)に載っているので、「Add to Claude」から追加する経路もあります。カスタムコネクタは、無料、Pro、Max、Team、Enterpriseのどのプランでも使えます。無料プランは1つまでの制限があります。Claude、Cowork、Claude Desktopが対象です。
Claude Codeから使う場合
Claude Codeに追加するときは、次のコマンドを実行してから、/mcp でサーバーを選んでサインインします。
claude mcp add --transport http jotform-apps \
https://mcp.jotform.com/mcp-jotform-apps-v1画面を描画できないクライアントでは、ツールの結果だけが返ります。アプリを目で確かめながら直す作業は、画面を出せるクライアントで行うことになります。
設定名はドキュメントの例と同じ jotform-apps です。
アプリを作って直す流れ
最初の依頼は用途と画面の骨組みを渡す
create_app は、ページ、要素、テーマ、埋め込みフォームを1回の呼び出しで組み上げます。最初の依頼に材料が多いほど、やり直しが減ります。
Jotformで、従業員オンボーディング用のアプリを作ってください。
- ページは「ようこそ」「入社手続きフォーム」「資料集」「問い合わせ」
- 入社手続きフォームの項目は、氏名・入社日・部署・希望の連絡手段
- テーマは落ち着いた青系
- 作成後、各ページの構成を箇条書きで教えてください最後の1行が大切です。作成されたアプリの中身を言葉でも返させると、プレビューを見る前に、依頼の抜けに気づけます。
既存のアプリは名前で指定して編集する
説明文の例にあるとおり、既存のアプリは名前で呼び出して直せます。
「Employee Onboarding」アプリを開いて、ようこそページの
冒頭に社長メッセージの欄を追加してください。
ほかのページは変更しないでください。「ほかのページは変更しない」と書く理由は、edit_app が破壊的な操作に分類されているからです。既存のデータを上書きできる作りなので、変更範囲を依頼文の中で絞っておきます。
編集の前に確認しておくこと
アプリを直すとき、事故になりやすい箇所を3つ挙げます。
編集の承認を人に残す
Claudeのコネクタは、ツールごとの権限を「常に許可」「承認が必要」「ブロック」から選べます。カスタマイズのコネクタ画面で対象のコネクタを選ぶと、読み取り系と書き込み・削除系に分かれて表示されます。
edit_app は破壊的な操作なので、書き込み・削除系を「承認が必要」にしておくと、変更の前に一度止まります。search や fetch のような読み取りは、常に許可でも差し支えありません。
Claudeの許可とJotform側の権限は別
Claudeで書き込みを許可しても、Jotformでその操作の権限がなければ、実行はできません。Claude側の制限は、アクセスを狭めるだけで、広げることはないからです。逆に言うと、アプリを編集できるアカウントで接続すれば、Claudeにもその権限が渡ります。
コネクタは、接続した本人の権限を引き継ぎます。作業用のアカウントを分ける、読み取りだけの用途ならスコープを readOnly に絞る、といった選び方もあります。
公開の前に自分の目で確かめる
説明文には「公開まで」とありますが、公開は外部の人に見える状態になる操作です。公開手順の細かな挙動は、Jotform側のドキュメントに記載がありません。公開前に、Jotformの画面でプレビューを開き、リンクの先、決済の設定、権限の範囲を目で確認してから進めるのが無難です。
接続を切る・見直す
使い終わったら、Jotform側で接続を確認できます。ダッシュボードにサインインして、「My Account」から「Connected Apps」を開き、「Jotform MCP」を選びます。右側のパネルで「Clients」を選ぶと、OAuthで接続しているMCPクライアントの一覧が出ます。
切断するには、一覧から対象を選んで、右端のメニュー(⋮)から「Revoke」を選びます。クライアントのアクセスは、その場で失われます。
他の連携との使い分け
Jotformのコネクタは、目的でサーバーを選びます。
- フォームを作り、回答を集めて集計したい: Jotform(フォームと回答のMCP App)
- ポータルや社内ツールをアプリとして作りたい: Jotform App Builder(本記事)
- 署名依頼を送って進捗を追いたい: Jotform Sign
コネクタ全般の考え方や、ほかの連携先との並べ方はClaudeのコネクタとはに整理しています。また、MCP Appsという仕組みそのものを知りたいときはMCP Appsとはが入口になります。
まとめ
Jotform App Builderは、アプリの作成と編集をチャットの中で完結させるコネクタです。5つのツールのうち、既存データを上書きできるのは edit_app だけで、ここを「承認が必要」にしておくのが運用の要です。接続の前に確認する点は、Jotformに3種類あるサーバーのうちJotform Appsを選んでいるか、画面を描画できるクライアントを使っているか、ワークスペース管理者がMCPアプリをインストール済みか、の3つです。