kintoneと連携して最初のWebフォームを作成し、テスト回答してkintoneに登録されるまでの手順です。
このページの流れ
動画で流れを見たい方はこちら(約5分)
見たいところから再生できます:
ログインしてkintoneとつなぐ(1:09)/フォームを作る(1:50)/見た目を整え、回答してkintoneにデータが入るのを見る
中断された場合は、進み具合に合わせて続きから始められます。
どこから始めるかわからないとき
どこから始めるかわからないときは、ログインしてみてください。
ログイン後、kintoneのURLを入れる画面が出る→手順2へ
「フォーム一覧」画面に作ったフォームがある→手順8へ
「フォーム一覧」にフォームがない→手順3へ
ログインしてkintoneとつなぐ
FormBridgeの設定は、kintoneの画面上ではなく、FormBridgeの管理画面で行います。
まず、FormBridgeにログインして、kintoneのURLを入力して連携します。この作業は最初の1回のみで問題ありません。
1.FormBridgeの管理画面からログインする
ログイン後、サービス一覧の画面が表示される場合は、FormBridgeの[開く]ボタンをクリックします。
うまくいかないとき:ログインできない
- ログイン方法はトヨクモkintone連携サービスにログインするをご確認ください。
- アクセスしても、サービス一覧に[開く]ボタンが表示されていない場合はトヨクモkintone連携サービスにログインできない(ログインしても[開く]ボタンが表示されない場合)をご確認ください。
kintoneのURLを入れる画面が出たら手順2へ。kintoneのURLを入れる画面が出ず、「フォーム一覧」の画面が出ている場合はkintoneとの連携はできているので手順3へ進んでください。
うまくいかないとき:[保存]できない
- エラー文言:「kintone URLが正しくありません。」
→URLの形を確認してください。最後が.cybozu.comで終わる形です。アプリのURL(/k/123/などが付いたもの)ではありません。 - エラー文言:「kintoneとの接続中に問題が発生しました。IP制限されているか、認証情報が間違っています。」
→会社でアクセスできる場所を制限している場合(cybozu.comにIPアドレス制限を掛けている場合)、FormBridgeのIP「52.193.190.109」を許可する設定が必要です。この設定はcybozu.comの管理者しかできないため、管理者に依頼してください。詳しくは FormBridge利用時のセキュリティの設定をご確認ください。 - エラー文言:「アクセスするには認証が必要です。」
→Basic認証を使っている場合のエラーです。[Basic認証を利用している]にチェックを入れ、ユーザー名とパスワードを入力して保存します。
フォームを作る
3.使うkintoneアプリを用意して、URLをコピーする
アプリを開いたときのブラウザのURLをコピーします。https://(サブドメイン名).cybozu.com/k/123/ のような形です。

使えるアプリがない場合
kintoneの「アプリストア」から、すぐに使えるアプリを作れます。試すだけなら、これが一番カンタンです。おすすめは「問い合わせ管理」アプリです。
①kintoneの画面上で、アプリの[+]ボタンをクリックします。

②左側の「アプリを探す」の入力欄に「問い合わせ管理」と入力し、表示された問い合わせ管理アプリの行の[このアプリを追加]>[追加]とクリックして作成します。

③作成されたアプリを開き、ブラウザのURLをコピーします。https://(サブドメイン名).cybozu.com/k/123/ のような形です。

5.アプリのURLを貼り付けて、「APIトークン生成はこちら」をクリックする
手順3でコピーしたURLを「kintoneアプリのURL」に貼り付けます。続けて「APIトークン生成はこちら」をクリックすると、kintoneの画面が開きます。
APIトークンは、FormBridgeがkintoneにデータを登録するための合い言葉のようなものです。
6.kintoneでAPIトークンを作り、[保存]→[アプリを更新]まで押す
開いた画面で[生成する]をクリックし、権限の「レコード追加」にチェックを入れます。
続けてAPIトークンをコピーしたら、[保存]をクリックし、続けて[アプリを更新]をクリックします。
- [保存](APIトークンの画面の下)
- [アプリを更新](画面の上部)
うまくいかないとき:[生成する]のボタンがない・設定画面が開けない
APIトークンを作れるのは、そのアプリの「アプリ管理」の権限を持っている人だけです。アプリを開いて、アプリ画面右上、レコード追加の「+」ボタンの右側に歯車のマーク(アプリの設定)が出ていなければ、権限がありません。
その場合は、kintoneの管理者に次のいずれかを依頼してください。
- そのアプリの「アプリ管理」の権限をもらう
- APIトークン(権限は「レコード追加」)を作ってもらう
依頼文例:FormBridge(kintoneにデータが入るWebフォームを作るサービス)を試しています。
「〇〇」アプリについて、アプリ管理の権限をいただくか、「レコード追加」の権限をつけたAPIトークンを発行していただけますか。
7.FormBridgeに戻ってAPIトークンを貼り付け、[フォームを作成]をクリックする
「フォーム管理名」には、自分がわかる名前(例:問い合わせ管理)を入れます。フォームを見る人には表示されません。
うまくいかないとき:[フォームを作成]でエラーになる
よくある原因は次の3つです。
- エラー文言:「指定したAPIトークンは、アプリで生成されたトークンと異なります。~」
→手順6で[保存]または[アプリを更新]を押していない可能性があります。再度kintoneアプリ側で保存、アプリを更新してからAPIトークンを貼り付け、[フォームを作成]してください。
コピーしたAPIトークンが正しいかどうかも確認してください。 - エラー文言:「このAPIトークンでは、指定したAPIを実行できません。」
→APIトークンに「レコード追加」の権限がついていない可能性があります。再度kintoneアプリ側にて「レコード追加」の権限を付与し、保存、アプリを更新してからAPIトークンを貼り付け[フォームを作成]してください。 - エラー文言:「APIトークンとアプリ(id: 〇〇〇)の組み合わせが正しくありません。」
→アプリのURLとAPIトークンが別のアプリのものである可能性があります。再度kintoneアプリのURLが正しいことを確認し、「APIトークン生成はこちら」からアクセスして、手順6→手順7と進んでください。
見た目を整え、回答してkintoneにデータが入るのを見る
フォームの見た目を整え、公開する前に自分で回答して、kintoneにデータが入るのを確かめます。確かめられたら、フォームを公開します。
8.「フォームのデザイン」で項目を整えて、[保存]する
※続きから始める方は、FormBridgeの「フォーム一覧」画面で作ったフォームをクリックして、設定画面を開いてから進めてください。
『フォームのデザイン』へ進み、フォーム上に表示したくないフィールドを削除したり、レイアウト調整を行います。
10.プレビュー画面からフォームに回答して、kintoneに追加されたレコードを確認する
開いたフォームに内容を入力し、[回答]をクリックします。
プレビュー画面から回答した場合、「回答保存プロセス結果」が表示されます。「kintoneアプリへの保存」が「成功」になっていることを確認します。
kintoneアプリを開き、レコードが追加されていることを確認します。
うまくいかないとき:『kintoneアプリへの保存』がエラーになる/回答してもkintoneアプリにレコードが増えない
- kintoneアプリへの保存が「エラー」になる:表示されているエラーを確認してください。
よくあるエラー:「入力内容が正しくありません。 (record.○○○.value : ~~」 - kintoneアプリへの保存は「成功」なのに、kintoneアプリにレコードがない:
一覧で表示するレコードが制限されている可能性があります。一覧を「すべて」にして確認してください。
11.[公開]して、フォームのURLを開く
[公開]をクリックし、確認画面が出るので[公開]を押します。公開されると、画面上部のフォームの管理名の下、URLの左側の表示が「非公開」から「公開中」に変わります。
画面上部のURLをクリックして公開フォームを開き、手順8で整えたとおりに入力欄が並んでいれば完成です。
あわせて、フォームを共有する際は「公開中」であることを確認してURLをコピーし、共有します。
公開をやめたいときは、[︙](三点リーダー)から非公開に戻せます。
- 認証をかけていない場合、フォームのURLを知っている人なら誰でも回答できます。
- 回答する人を限定したい場合は、先に ログイン認証 などのアクセス制限を設定してから共有してください。
これで最初のフォームができました
フォームから回答すると、kintoneのアプリにデータが自動で入るようになりました。

次に試すこと
1つフォームが作れたら、目的に合わせて次の設定を試してみてください。
回答者に自動でメールを送る
回答があったときに、受け付けたことや次の案内を、回答者にメールで自動で伝えられます。
回答者にメールを送信する(自動返信メール)
入力内容によって項目を出し分ける
選んだ答えに合わせて、次に表示する項目を切り替えられます。回答者に関係のある項目だけを見せられます。
条件分岐を設定する(フィールドを出し分ける)
回答後に表示する画面を変える
回答した人に表示される「ご回答ありがとうございます!」の画面を、受付後の案内など、伝えたい内容に変えられます。作りたい画面のイメージをAIに伝えて、完了画面を作ることもできます。
ほかの人と一緒に設定する
管理者・編集者のアカウントを追加して、複数人で一緒にフォームの作成や編集を進められます。
ライセンス管理機能について
ユーザーライセンスについて


















