kintoneと連動したWebフォームの作成

kintoneと連動した Webフォームの作成 2022/06/21 kintone Café 神奈川 Vol.12 発表資料 松尾篤（株式会社エミック）

自己紹介 • 松尾篤（まつおあつし） ✓ 株式会社エミック（東京都杉並区）代表取締役社長 ✓ Claris FileMaker 認定デベロッパ ✓ kintone認定 アプリデザインスペシャリスト（2020年2月） ✓ kintone認定 カスタマイズスペシャリスト（2020年3月） ✓ https://note.com/matsuo̲atsushi

• https://note.com/matsuo_atsushi

株式会社エミック • Claris FileMaker対応ホスティングサービス（FMプラン）を 1998年から提供 • 定額制オンライン対面開発サービス（お客さまのFileMaker データベースに、WordPressを利用したWebアプリを追加） • kintone導入支援・カスタマイズ開発 • https://www.emic.co.jp/

• https://www.emic.co.jp/

kintone＋Webフォーム

kintone＋Webフォーム • 一般公開用のWebフォームを想定 • 問い合わせフォームや予約フォーム、 • 前提 アンケートフォーム等 • 不特定多数の方が利用

kintone＋Webフォーム • Webフォームの入力データをkintoneに 登録する場合 • ‣ kintoneのアカウントを持っていない人 はkintoneに直接入力できない 連携サービスやAPIで実現可能

kintoneと連携する フォームソリューション • じぶんフォーム • Chobiit for kintone • その他 • 今回はForm data to kintoneを紹介 • フォームブリッジ

• https://kintone-sol.cybozu.co.jp/integrate/toyokumo006.html
• https://kintone-sol.cybozu.co.jp/integrate/sonicgarden003.html
• https://kintone-sol.cybozu.co.jp/integrate/novelworks006.html
• https://ja.wordpress.org/plugins/kintone-form/

Form data to kintone • Webフォームの入力データをkintoneに 保存できるWordPressプラグイン • Contact Form 7のアドオンプラグイン として動作 • オープンソースソフトウェアであり無料 で利用可能

WordPress • 世界で最も使われているWebコンテンツ 管理システム • PHPで記述されたオープンソースソフト ウェア • ライセンスはGPLv2 or later

WordPressのシェア https://w3techs.com/technologies/overview/content̲management

• https://w3techs.com/technologies/overview/content_management

WordPressのシェア • 全Webサイトの43.0% • CMSの64.2% • 2022年6月20日時点 https://w3techs.com/technologies/overview/content̲management

• https://w3techs.com/technologies/overview/content_management

Form data to kintone • kintone エバンジェリストの1人である 細谷崇さんが開発 • 最新バージョンはバージョン2.24.5 （2022年6月20日現在） • バージョン2.24.0以降で添付ファイル の登録に対応

デモ

Form data to kintone https://ja.wordpress.org/plugins/kintone-form/

• https://ja.wordpress.org/plugins/kintone-form/

Contact Form 7

Contact Form 7 • 世界中で多くの人に利用されている • WordPress用フォームプラグイン WordPressプラグインの1つ • 無料で利用可能、スパム対策として標準 • 有効インストール数：5百万以上 でreCAPTCHAをサポート https://contactform7.com/

• https://contactform7.com/

kintone REST API • APIを使えばWebフォームの入力データ をkintoneに登録できる • スタンダードコースであればAPIを使用 可能

まとめ • 連携サービスやkintone REST APIを使 うことで不特定多数の方が利用するWeb フォームのデータをkintoneに登録可能 • WordPressを使用している場合には Form data to kintoneで解決