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

6K Views

June 21, 22

スライド概要

2022/06/21 kintone Café 神奈川 Vol.12 発表資料

profile-image

Claris FileMaker 認定デベロッパ、kintone認定 アプリデザインスペシャリスト(2020年2月)、kintone認定 カスタマイズスペシャリスト(2020年3月)。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

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

2.

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

3.

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

4.

kintone+Webフォーム

5.

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

6.

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

7.

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

8.

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

9.

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

10.

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

11.

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

12.

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

13.

デモ

14.

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

15.

Contact Form 7

16.

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

17.

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

18.

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