ガイド

Claude Code で FORMLOVA を使う完全ガイド -- CLI 1コマンドでフォーム作成・公開・運用までターミナルから

Claude Code で FORMLOVA を使う完全ガイド -- CLI 1コマンドでフォーム作成・公開・運用までターミナルから

最終更新日: 2026-05-18

Claude Code は機能リリース前の最終チェックや、ちょっとした調査をターミナルで進める道具になっていますが、その流れの中で「リリース後のフィードバックフォームを作って、自動返信を整えて、Slack 通知まで設定する」までは標準ではできません。MCP サーバーを1コマンドで追加した瞬間に、その線が消えます。

FORMLOVA は Claude Code から claude mcp add 一発で接続できるリモート MCP サーバーを提供しています。プロジェクトの .mcp.json か、ユーザー全体の設定にひも付けるかを選べるので、開発フローの中に自然に組み込めます。ここでは接続から、preview、公開、公開後の小さな運用、Claude Desktop との使い分けまでを順番に説明していきます。

まず結論 -- claude mcp add 1コマンドで FORMLOVA がターミナルの相棒になります

最初にやることは3つだけです。

  1. ターミナルで claude mcp add --transport http formlova https://formlova.com/api/mcp を打ちます。--scope project--scope user を選んで実行します。
  2. 直後に Claude Code のセッションを開き直すと、初回利用時にブラウザが立ち上がるので FORMLOVA にログインし、OAuth の許可画面で「許可する」を押します。
  3. Claude Code のセッション内で「ウェビナー申込フォームを作って」と話しかけます。非公開の下書きと preview URL が返ります。

これで終わりです。JSON を手書きしたり、Bearer token を .env に貼ったりする必要はありません。Claude Code がリモート MCP サーバーをネイティブにサポートしていて、認証は OAuth で完結するからです。所要時間は5分前後だと思います。

Claude Code の MCP サーバー追加とは何か -- Claude Desktop とどう違うか

MCP は Model Context Protocol の略で、Claude などの AI クライアントが外部システムのデータや操作にアクセスするためのオープン標準です。Claude Code は CLI として動く Claude クライアントで、MCP サーバーの追加・管理が claude mcp サブコマンドにまとまっています。

Claude Desktop が「設定 > コネクタ」のクリック操作で追加するのに対して、Claude Code はターミナルから1コマンドで追加します。違いはそれだけに見えますが、エンジニアの作業導線で考えると意味が変わります。Pull Request を開きながら、CI のログを追いながら、その同じターミナルで「リリース後のフィードバックを集めるフォーム作って」と話しかけられます。IDE と CLI の往復に挟み込めるんです。

そしてもうひとつ大きな違いがあります。Claude Code は MCP の設定先をスコープで選べます。プロジェクトに紐付けるか、ユーザー全体にひも付けるか、その場のセッションだけにするか。これは Claude Desktop にはない概念で、チーム開発で同じ MCP サーバーを共有したいか、自分の手元の道具として持ちたいかで選び方が変わります。

考え方の背景はほとんどのフォームツールは作成で止まるで詳しく書いています。

接続の流れ -- claude mcp add コマンドで一発追加

手順を3ステップで見ていきます。Claude Code は macOS、Linux、Windows (WSL) どれでも操作は同じです。

1. FORMLOVA の MCP サーバー URL を確認する

FORMLOVA の MCP サーバー URL は、全クライアント共通で1つだけです。

https://formlova.com/api/mcp

末尾にスラッシュは付けません。/api/sse のような旧式のパスでもありません。Claude Code、Claude Desktop、ChatGPT、Cursor、Gemini CLI、どのクライアントから接続する場合も、この URL を使います。FORMLOVA のアカウントをまだお持ちでない場合は、FORMLOVA のセットアップガイドから無料プランで先に登録してください。コネクタを追加する直後の OAuth でログインを求められるためです。

2. claude mcp add コマンドを実行する

ターミナルで次のコマンドを実行します。スコープは後で詳しく説明しますが、まずチーム共有が前提なら project、自分の手元の道具として使うなら user を選びます。

claude mcp add --transport http formlova https://formlova.com/api/mcp --scope project

実行すると、プロジェクトルートの .mcp.json に FORMLOVA のエントリが追記されます。--scope user を指定した場合は、代わりにユーザーホームの ~/.claude.json に書き込まれます。コマンドの構文を分解すると、formlova がサーバー名、https://formlova.com/api/mcp が接続先 URL、--transport http が HTTP トランスポートの明示、--scope が設定の保存先指定です。

公式の install helper を使う方法もあります。npx -y formlova-mcp install --client claude-code --scope project --yes でも同じ設定が生成されます。一度に複数クライアントへ書き込みたい場合や、CI のセットアップスクリプトに組み込みたい場合はこちらが便利です。

3. OAuth 認証を完了してツール一覧を確認する

設定ファイルが書き込まれたら、Claude Code のセッションを開き直します。プロジェクトディレクトリで claude を起動するか、すでに起動している場合は一度抜けて入り直してください。最初に FORMLOVA のツールを呼び出そうとしたとき、ブラウザが自動で立ち上がります。FORMLOVA のログイン画面に切り替わり、OAuth の許可画面が表示されます。「許可する」を押すとブラウザは閉じ、ターミナルに戻った Claude Code から FORMLOVA のツールが使えるようになります。

claude mcp list を実行すると、登録済みの MCP サーバー一覧と接続状態が表示されます。formlovaconnected になっていれば完了です。フォーム作成、回答管理、メール、分析、ワークフローなど 25 カテゴリにわたって 128 個のツールが並びますが、最初に使うのは2〜3個だけです。多すぎて圧倒される必要はありません。

スコープの選び方 -- プロジェクト / ユーザー / ローカル

ここが Claude Code 固有の論点です。同じ FORMLOVA サーバーをどこに置くかで、チーム全体の体験が変わります。

--scope project を指定すると、プロジェクトの .mcp.json に書き込まれます。Git に含めればチームメンバー全員が同じ MCP サーバー設定を共有できます。プロダクトのリリース運用フォームをチームで共有して、誰が claude を立ち上げてもフォームを編集できる状態にしたい場合はこれが向いています。

--scope user を指定すると、ユーザーホームの ~/.claude.json に書き込まれます。自分が触るすべてのプロジェクトで FORMLOVA を使えるようになります。個人的なお問い合わせフォーム管理、ブログ読者アンケート、ちょっとした調査フォームなど、特定のプロジェクトに紐付かない使い方ならこれが楽です。

--scope local はデフォルトの保存先で、~/.claude.json の現プロジェクトキー内に書き込まれます。自分専用で、かつ現在のプロジェクトでだけ使える設定になります。チーム共有はしたくないけれど、特定のプロジェクトでは継続的に使いたい場合に向いています。

私の経験上、チームで FORMLOVA を運用するなら project 一択です。.mcp.json を Git にコミットしてしまえば、新メンバーがプロジェクトをクローンした瞬間から同じフォーム運用環境が立ち上がります。自分が触るすべてのプロジェクトで使うなら user、特定のプロジェクトでだけ自分専用で使うなら local(デフォルト)、という選び分けで困らないと思います。

なお、OAuth の認証情報自体はスコープに紐付かず、ユーザーごとに保存されます。プロジェクトスコープで設定を共有しても、認証は各メンバーが自分のアカウントで行うことになるので、権限の分離は保たれます。

最初の対話 -- ターミナルでフォーム下書きを作る

接続が終わったら、Claude Code のセッションで短い一言を入力してみます。FORMLOVA は最初から長いプロンプトを書く必要がないように設計されています。

リリース後のユーザーフィードバックフォームを作って

これだけで十分です。Claude は FORMLOVA のフォーム作成ツールを呼び出し、用途に合った項目を組み立てて、非公開の下書きを返します。返答は次のような形になります。

リリース後のユーザーフィードバックフォームの下書きを作成しました。

項目:
- 全体的な満足度 (必須、5段階評価)
- 一番気に入った機能 (必須、選択式)
- 改善してほしい点 (任意、自由記述)
- 不具合があれば教えてください (任意、自由記述)
- メールアドレス (任意、フォローアップ希望者のみ)
- 個人情報の利用目的への同意 (必須)

preview URL: https://formlova.com/preview/...

preview URL をクリックすると、実際のフォーム画面が別タブで開きます。タイトル、項目の並び、必須/任意のバッジ、同意チェック、送信ボタンまで、回答者目線で確認できます。エディタを切り替えずに、ターミナルの隣のウィンドウで preview を眺めながら微調整を進められるのが Claude Code の良いところだと思います。

ここから先は、画面を見ながらチャットで修正を重ねます。短い指示で構いません。

満足度の前に「今回のリリースについて」という見出しテキストを追加して
改善してほしい点は最大500字までに制限して
メールアドレスの説明文に「フォローアップ希望者のみ任意でご記入ください」と入れて

preview URL は同じものを開き直せば最新状態に更新されます。実画面を見て、足りないものだけ言う。この往復が Claude Code と組み合わせる一番の理由です。一般的な作成の流れはChatGPT・Claude でフォームを作る方法にもまとめています。

preview を確認して公開前レビューを進める

下書きの形が見えてきたら、公開前レビューに進みます。FORMLOVA では「公開してください」と頼んでもすぐには公開されません。サーバー側でチェックリストが走り、未設定のブロック項目があれば確認結果と一緒に返ります。

このフォームを公開してください

返答は次のようになります。

公開前に確認が必要な項目があります。

- preview URL: https://formlova.com/preview/...
- サンクスページ preview: https://formlova.com/preview/.../thankyou
- 重複回答防止: 未設定
- プライバシーポリシー URL: 未設定
- 営業メール自動検知: 未確認 (テキスト入力フィールドあり)

preview とサンクスページの preview を別タブで開き、文面・項目順・必須設定を目で確認します。ターミナルから戻って Claude にこう返します。

preview もサンクスページも確認しました。重複回答防止はメールアドレス単位で。
プライバシーポリシーは https://example.com/privacy を使ってください。
営業メール検知は有効にして。これで公開してください。

Claude は最終公開のためのトークンを取得してフォームを公開し、公開 URL が返ります。この公開前レビューを順に追ったガイドはFORMLOVA で公開前レビューを進めて公開する方法にあります。

公開後の運用をターミナルで進める

回答が入り始めるとここからが本番です。Claude Code と FORMLOVA の組み合わせが効くのも、この公開後の部分です。代表的な3つの動きを紹介します。

回答一覧を絞り込んで状況を確認する

リリース直後は回答が一気に増えることがあります。全件を眺めるより条件で絞るほうが速いです。コーディング中の手を止めずに、同じターミナルで Claude にこう頼みます。

今週のフィードバックから、満足度が3以下のものだけ見せて
不具合報告が含まれている回答だけ抽出して、エラー内容を要約して
営業メールっぽい回答を除いて、本物のフィードバックだけ一覧にして

条件に合うものだけが表で返り、気になる回答の詳細確認、対応中・対応済みへのステータス変更、内部メモの追加までを同じ会話で進められます。GitHub の Issue を立てるところまで Claude Code 内で一気通貫にできるので、フィードバックを開発タスクに変換する速さが変わります。

自動返信メールをチャットで調整する

スタンダード以上のプランでは、自動返信メールを自由にカスタマイズできます。リリース後のフィードバックフォームなら、回答者に「いただいた内容は次のリリースで検討します」と返したくなることが多いと思います。

このフォームの自動返信メールに「いただいたフィードバックは次のリリースで検討します」を入れて
冒頭に「リリース版を使ってくださってありがとうございます」を足して
署名は私の開発チーム名にして
できたらテストメールを私のアドレスに送って

Claude は新しい文面を preview として提示し、「これで保存しますか」と聞き返します。保存前に必ず確認を挟むので、運用中のフォームの返信が勝手に書き換わることはありません。

Workflow Place のレシピで自動化を足す

「フィードバックが来たら社内 Slack に通知したい」「3日後にフォローアップメールを送りたい」のような自動化は、Workflow Place からレシピをコピーするのが早道です。Claude が候補を表示し、選んだレシピのプロンプトをそのまま実行に渡せます。Claude Code は CLI なので、レシピの実行結果もそのままログに残ります。詳しくはFORMLOVA の Workflow Place からレシピを見つけて、チャットで設定する方法を参照してください。

Claude Desktop と Claude Code の使い分け

両方使っている方も多いと思うので、棲み分けを整理しておきます。

観点Claude DesktopClaude Code
入力スタイルGUI のチャット欄ターミナルの CLI
設定の追加設定 > コネクタから URL を貼るclaude mcp add 1コマンド
設定の保存先アプリ全体 (端末ごと).mcp.json または ~/.claude.json(3スコープ選択)
チーム共有各メンバーが個別に追加.mcp.json を Git にコミットして共有
向いている使い方フォーム運用担当、社内ユーザー、非エンジニア開発者、リリース運用、IDE / CLI 中心の作業
向いていない使い方チームで設定を揃えたいターミナルを開かないユーザー

同じ FORMLOVA サーバーに、同じ URL で接続するので、できることは同じです。違うのは「どこから話しかけるか」と「設定をどう配るか」だけです。私自身は、リリース運用のフォームは Claude Code の project スコープでチーム共有、個人のお問い合わせフォームは Claude Desktop で気軽に、と分けて使っています。GUI 経由の手順を確認したい方はClaude Desktop で FORMLOVA を使う完全ガイドを参照してください。

うまくいかないときに見る場所

CLI ならではの詰まり方があるので、見るべき場所を絞って紹介します。

claude mcp add でコマンドが見つからないときは、Claude Code 本体がインストールされていないか、PATH が通っていない可能性があります。which claude で確認し、見つからなければ Anthropic 公式の Claude Code インストール手順を見直してください。

コマンドは通ったのに claude mcp list に出てこないときは、書き込み先のスコープが想定と違うことがあります。--scope project を指定したつもりで実際は local になっていた、というケースです。プロジェクトルートの .mcp.json~/.claude.json の両方を覗いて、どちらに書き込まれているかを確認してください。

「Unauthorized」エラーが返るときは、OAuth の認証が切れているサインです。claude mcp remove formlova でいったん削除し、もう一度 claude mcp add で追加して認証を取り直してください。

認証画面が出てこないときは、ブラウザのポップアップブロックが原因のことがほとんどです。formlova.com のポップアップを許可してからやり直してください。SSH 経由のリモート環境で Claude Code を動かしている場合は、ブラウザが立ち上がらないことがあるので、ローカル環境で一度認証してから設定ファイルを持ち運ぶか、ブラウザを開けるローカルセッションで作業するのが安全です。

ツールが表示されない、一部しか出てこないときは、Claude Code のセッションを抜けて起動し直してください。初回接続のあとツール一覧の読み込みに少し時間がかかることがあります。再起動しても変わらない場合は、claude mcp remove formlova のあと claude mcp add で追加し直します。

日本語で話しかけているのに英語で返ってくるときは、プロフィール言語が英語になっています。「プロフィールの言語を日本語にして」と一言で切り替わります。網羅一覧はFORMLOVA のセットアップガイドのトラブルシューティング欄にあります。

プラン別にできること

Claude Code からの接続自体は全プランで使えます。違いが出るのは接続後に使える機能の範囲です。料金は税込です。

機能無料 (0円)スタンダード (480円/月)プレミアム (980円/月)
Claude Code からの MCP 接続使える使える使える
フォーム作成・preview・公開使える使える使える
回答一覧・検索・CSV / Excel エクスポート使える使える使える
自動返信メールのカスタマイズ使えない使える使える
リマインドメール使えない使える使える
詳細分析・流入分析・PDF レポート使えない使える使える
メーリングリスト一斉送信使えない使えない使える
Stripe Connect (有料イベント)使えない使えない使える
チーム管理・監査ログ使えない使えない使える
月間メール送信上限100通1,000通10,000通

無料プランでも、下書きから公開、回答管理、CSV エクスポートまでひと通り体験できます。リリース後のフィードバックを開発タスクに変換するだけなら、無料プランで十分使えると思います。自動返信を自社らしく書きたい、リマインドを自動で送りたいと感じたらスタンダードへ。チーム監査ログや一斉送信が必要になってきたらプレミアムへ。順番に試して、困った機能だけアップグレードすれば十分です。

FAQ

プロジェクトスコープとユーザースコープ、どちらを選べばよいですか

チーム開発で同じフォームを共有運用するなら project、自分の手元の道具として使うなら user です。project を選んで .mcp.json を Git にコミットしておけば、新メンバーがプロジェクトをクローンした瞬間から同じ環境が手に入ります。OAuth の認証情報はスコープに紐付かずユーザーごとに保存されるので、設定を共有しても権限の分離は保たれます。

他の MCP サーバーと併用すると干渉しますか

干渉しません。Claude Code は複数の MCP サーバーを同時に登録できる設計で、claude mcp list で並列に管理されます。FORMLOVA を追加しても、すでに登録している GitHub や Supabase の MCP サーバーはそのまま動きます。Claude 側がどのサーバーのツールを呼ぶかは、ユーザーの依頼内容に合わせて自動で選びます。

設定ファイルの保存先はどこですか

--scope project を指定すると、コマンドを実行したプロジェクトのルート直下の .mcp.json に書き込まれます。--scope user の場合は ~/.claude.json--scope local(デフォルト)の場合も ~/.claude.json ですが、現プロジェクト用のキーの中に書き込まれるので他のプロジェクトには現れません。場所を変える公式オプションはないので、チーム共有が目的なら素直にプロジェクトルートの .mcp.json をコミットするのが扱いやすいと思います。

shell の設定ファイル (.zshrc.bashrc) に何か影響しますか

claude mcp add は shell 設定ファイルに書き込みません。書き込み先は .mcp.json または ~/.claude.json だけです。PATH や環境変数が増えるわけでもないので、既存の dotfiles に副作用は出ません。

CI 環境(GitHub Actions など)で Claude Code から FORMLOVA を操作できますか

現状の MCP は OAuth フローが必要なため、対話的なブラウザログインが前提です。CI で完全に非対話的にフォームを操作したい場合は、FORMLOVA の MCP ではなく、API キー方式の別アプローチを検討してください。ローカルで認証を済ませた状態の認証情報を CI に持ち込む運用は、トークンの有効期限とローテーションで運用が破綻しやすいのでお勧めしません。

Claude Code から公開や削除を勝手にされないか心配です

公開、削除、メール送信のような影響の大きい操作はサーバー側で確認を挟みます。「公開してください」と頼んでもサーバーは確認チェックリストを返し、明示的な承認とトークンがそろわない限り公開されません。これは Claude 側ではなく FORMLOVA のサーバーで保証しています。CLI から思わず Enter を押しすぎてしまっても、公開・削除・一斉送信は二段階の承認なしには走りません。

関連する記事

FORMLOVA を無料で試す

参考にした公式情報

執筆・確認情報

筆者は FORMLOVA の開発者です。Claude Code での接続手順は、Anthropic 公式の Claude Code MCP ドキュメント、Model Context Protocol 公式仕様、FORMLOVA のセットアップガイドの実装を 2026 年 5 月 18 日に確認し、社内環境で実機接続してから本文に反映しました。Claude Code のサブコマンド体系、リモート MCP の対応範囲、設定ファイルのパスは Anthropic 側で変わる可能性があるため、導入前には最新の公式情報を確認してください。

参考文献

  1. FORMLOVA の MCP フォームサービスまとめ参照日:
  2. Claude Desktop で FORMLOVA を使う完全ガイド参照日:
  3. ChatGPT・Claude でフォームを作る方法参照日:
  4. FORMLOVA で公開前レビューを進めて公開する方法参照日:
  5. FORMLOVA の Workflow Place からレシピを見つけて、チャットで設定する方法参照日:
  6. ほとんどのフォームツールは作成で止まる参照日:
  7. Anthropic: Claude Code -- Model Context Protocol参照日:
  8. Anthropic: Claude Code overview参照日:
  9. Model Context Protocol: Introduction参照日:
  10. FORMLOVA セットアップガイド参照日:

最終検証日:

この記事をシェア

執筆者

@Lovanaut
@Lovanaut

FORMLOVAの開発者。「ラバ = ラブ」の想いで、優しいサービスを作り続けています。

同じカテゴリの記事