Kintone café 大阪 vol.11の登壇資料　＆　ハンズオン本編の資料です。

1. kintone Café 大阪 Vol.11
〜kintoneと色々つないでみる ハンズオン！〜

2. #kintonecafe

3. 会場提供
内田洋行 様

4. kintone Caféとは？
• kintone Caféとは？（理念）
• kintone Caféは、まだkintoneに触れたことの無い方から、より高度なカ
スタマイズを行いたいと考えているプロフェッショナルの方まで幅広い
層を対象に、 楽しく学び・教え合うことで、kintoneの魅力や活用法を
みんなで共有するための勉強会コミュニティです。
• kintone Caféが目指すところ
• kintoneを、今や社会人としての必須スキルであるExcelと同じくらいあ
るいはそれ以上の存在に育て・普及させていくことを目指します。また、
kintone Caféを核としたkintoneエコシステムを醸成し、コミュニティに
参加・貢献する企業・個人にとってメリットのある場にしていきます。
http://kintonecafe.com/

5. kintone Caféの歴史

6. kintone Café 大阪の歴史
運営メンバー、登壇してくれる方を募集しています。
2015年3月 kintone Café 大阪 Vol.1 パソナテック
2015年5月 kintone Café 大阪 Vol.2 パソナテック
2015年7月 kintone Café 大阪 Vol.3 エムオーテックス
2015年9月 kintone Café 大阪 Vol.4 エムオーテックス
2015年11月 kintone Café 大阪 Vol.5 サイボウズ
2016年1月 kintone Café 関西女子会 Vol.1 R3
2016年3月 kintone Café 大阪 Vol.6 R3
2016年5月 kintone Café 大阪 Vol.7 中央電力
2016年6月 kintone Café 関西女子会 Vol.2 amu京都
2016年7月 kintone Café 大阪 Vol.8 サイバーエージェント
2016年10月 kintone Café 大阪 Vol.9 TAM
2016年12月 kintone Café 大阪 Vol.10 立命館大学

7. 本日のタイムテーブル
19:00 イントロ
19:05〜19:30 『サービス管理画面としてのkintone』 中央電力株式会社 山下さん
19:30〜20:45 kintoneつないでみるハンズオン 株式会社内田洋行 山崎さん
20:50〜21:00 アウトロ
21:00 終了

8. 事例紹介：山下さん
https://www.slideshare.net/mitsuhiroyamashita90/kintone-cafe-vol11

10. ハンズオン
１．kintone(webhook)→連携サービス→Webサービス(gmailなど)
２．Webサービス→連携サービス→kintone
３．ブラウザorツール→kintone(REST API)

11. kintoneの機能(概要)
・データを中心にしたコミュニケーション基盤。
・各アプリ＝データベース
・RDBMSではありません。＝SQLは使えません。

12. kintoneの機能(連携)
・REST API による操作
・JavaScriptによるカスタマイズが可能
(kintoneの各ページのイベントあり)
・詳細はCybozu Developersページへ
・今回、Webhookに対応！

13. kintoneの機能(連携)

14. 「連携サービス」
オートメーションツールとも呼びます。
・IFTTT
・Zapier
・Microsfot Flow
・Yahoo myThings

15. kintone Café 大阪 Vol.11
〜kintoneと色々つないでみる ハンズオン！〜
(ハンズオン資料)

16. ハンズオン
１．kintone(webhook)→連携サービス→Webサービス(gmailなど)
２．Webサービス→連携サービス→kintone
３．ブラウザorツール→kintone(REST API)

17. ハンズオン
１．kintone(webhook)→連携サービス→Webサービス(gmailなど)

18. ハンズオン①
下記資料が素晴らしいので、こちらの手順で進めていきます。
○「コーディングなしで超簡単！
kintoneのWebhookでGmailに通知する」-サイボウズ
https://goo.gl/hCMvGZ

19. ハンズオン①
・その前に、アプリの作成。
例として、アプリストアから、
「問合せ管理」を選択・追加します。

20. ハンズオン①
・その前に、アプリの作成。
例として、アプリストアから、
「問合せ管理」を選択・追加します。

21. ハンズオン①
・ストアから作成します。

22. ハンズオン①
・例として、
「問合せ管理」を作ります。

23. ハンズオン①
・以降は、こちらの手順で進めて行きます。
○「コーディングなしで超簡単！
kintoneのWebhookでGmailに通知する」
https://goo.gl/hCMvGZ

24. ハンズオン②
２．Webサービス→連携サービス→kintone
・同じく、ほぼこちらの手順でやってみます。
○「Zapierによるkintoneと
外部サービス・アプリの連携を設定してみよう！」
https://www.joyzo.co.jp/blog/1002

25. ハンズオン③
３．ブラウザorツール→kintone(REST API)
・外部から、REST APIを用いて、kintoneに繋いでみます。

26. ハンズオン③
・「POSTMAN」のインストール
・POSTMAN
https://www.getpostman.com/
自分の端末に合ったものをダウンロードします。

27. ハンズオン③
・POSTMAN用コレクションをgithubからコピーして、
エディタに保存します。
(joyzo 山下さん作)
・github - joyzo - kintone-postman
https://github.com/joyzo/kintone-postman

28. ハンズオン③

29. ハンズオン③
RAWを選択

30. ハンズオン③
全選択して、コピー。 →エディタへ貼り付け。

31. ハンズオン③
・kintoneの認証情報(ID/PW)を書き換えます。
1. {domain} を「xxx.cybozu.com」のドメイン名に置き換え
る
2. {authToken} を「ユーザーID:パスワード」の
base64エンコード値に置き換える
ツールは下記のようなものを利用できます。
・base64ツール(例)
https://hogehoge.tk/tool/
3. BASIC認証を使っている場合のみ、{basicToken} を
「ID:パスワード」のbase64エンコード値に置き換える

32. ハンズオン③
・Base64でのエンコード例
{ID} : {PW}
を入力

33. ハンズオン③
出力形式を「BASE64」にして変換実行
こちらの文字を利用

34. ハンズオン③
エディタで、一部情報を書き換え。
(複数箇所あるので、一括置換推奨)

35. ハンズオン③
エディタで、一部情報を書き換え。
(複数箇所あるので、一括置換推奨)

36. ハンズオン③
・Postmanにインポートします

37. ハンズオン③
・Postmanに
インポートします
[Paste Raw Text]を
選びます。

38. ハンズオン③
・エディタから
全貼り付けして、
「Import」実行

39. ハンズオン③
・「kintone REST
API/UserAPI 」が
見えていたら成功。

40. ハンズオン③
・対象のkintoneアプリのアプリIDを控えておきます。

41. ハンズオン③
・データを取得してみる
１．ユーザーエクスポート
２．レコードの一覧取得
→リクエストURLの中のアプリIDを書き換える
→再び取得

42. ハンズオン③ １．ユーザーエクスポート

43. ハンズオン③ ２．レコードの一覧取得

44. ハンズオン③ ・リクエストURLの中のアプリIDを書き換える
・再び取得