kintone hive fukuoka vol.4 kintone hack ビットリバー株式会社 安藤様

1. kintone hack & sync
2019年4⽉18⽇
kintone hack in kintone hive fukuoka vol.4
安藤 光昭 @m_ando_japan

2. 広島

3. ビットリバー株式会社
代表取締役 kintoneハッカー
安藤 光昭
サイボウズ公認kintoneエバンジェリスト

4. 広島市
活⽤顧問 外部連携
カスタマイズ
ビットリバー株式会社

5. kintone.bitriver.jp

6. kintone hack って⾔うけど…

7. やろうと思えば、だいたいできちゃう

8. ？why?

9. JavaScript API
REST APIWebhook
DOM
CSS
カスタマイズビュー
プラグイン

10. 開発事例

11. 事例1
kintone to Webサイト

12. https://youtu.be/ifaA-a7GYjk

13. 事例2
センサーデバイス to kintone

15. 事例3
ゲームもできちゃう?

17. https://youtu.be/vT7skiPoCZU

18. 解説
ゲームの仕組み

19. スタートボタンを
フォームに配置

20. 埋込HTML
ゲーム(WebGL)
全体に表⽰
ヘッダに埋込
APIで更新kintone

21. 曲芸では意味がない！

22. kintone hack & sync

24. デモ

25. https://youtu.be/_dT9aTfXd98

26. GraphQL Sync
編集通知表⽰
同期表⽰
ヘッダに埋込
kintone

27. Webhook
+
+
Sync
React.js Apollo GraphQL
API Gateway
AppSync
AWS Lambda
レコード編集画面
AWS Lambda

28. hackで問題解決！