Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro_kintone IoT_Hachathon

BB
April 28, 2018
23

Intro_kintone IoT_Hachathon

BB

April 28, 2018
Tweet

Transcript

  1. サイボウズ株式会社
    @道東IoTハッカソン
    クラウド型DB「kintone」の紹介

    View Slide

  2. @kintonedevjp
    My Profile
    • サイボウズ株式会社 2017年⼊社
    • システムコンサルティング本部
    デベロッパーリーディング部
    • 2018年1⽉からこの部署へ
    • 出⾝:名古屋
    • ⾼校:中京⼤中京
    • ⼤学:早稲⽥⼤学 (理系)
    ⼤⽵ 遼
    BB (Big Bamboo)
    R&D部隊として、
    サンプルプログラムやTipsを作成
    cybozu developer networkの中の⼈

    View Slide

  3. @kintonedevjp
    はじめに
    • この資料やkintoneの開発者ライセンスについては
    Twitterにリンクを記載しております!!!
    @kintonedevjp

    View Slide

  4. @kintonedevjp
    開発者ライセンス
    「kintone 開発者ライセンス」で検索

    View Slide

  5. @kintonedevjp
    開発者ライセンス
    • cybozu developer networkから申請できます
    • 無償のkintone環境
    • 環境に登録できるユーザー数:5名まで
    • 期間:1年 (更新あり)
    • スタンダードコース
    • カスタマイズ等できます

    View Slide

  6. @kintonedevjp
    開発者ライセンス
    • cybozu developer networkから申請できます
    • 無償のkintone環境
    • 環境に登録できるユーザー数:5名まで
    • 期間:1年 (更新あり)
    • スタンダードコース
    • カスタマイズ等できます
    環境の⽤意に30分ほどかかります!
    ユーザー登録が必要です

    View Slide

  7. @kintonedevjp
    開発者ライセンス
    • cybozu developer networkから申請できます
    • 無償のkintone環境
    • 環境に登録できるユーザー数:5名まで
    • 期間:1年 (更新あり)
    • スタンダードコース
    • カスタマイズ等できます

    View Slide

  8. kintone とは

    View Slide

  9. @kintonedevjp
    チームワークプラットフォーム
    • チームで使う業務システムを あっ!という間に開発できる
    クラウドサービス = チームワークプラットフォーム
    データベース
    (アプリ)
    ワークフロー
    (プロセス管理)
    コミュニケーション

    View Slide

  10. @kintonedevjp
    データベース
    (アプリ)

    View Slide

  11. @kintonedevjp
    ドラッグ&ドロップでフォーム作成

    View Slide

  12. @kintonedevjp
    ⼀覧画⾯

    View Slide

  13. @kintonedevjp
    グラフ

    View Slide

  14. @kintonedevjp
    コミュニケーション

    View Slide

  15. @kintonedevjp
    コミュニケーション
    コメント機能
    スレッド機能

    View Slide

  16. @kintonedevjp
    ワークフロー
    (プロセス管理)

    View Slide

  17. @kintonedevjp
    ワークフロー - プロセス管理
    ਃ੥͢Δ ঝೝ͢Δ
    ׬ྃ
    ࠩ͠໭͢

    View Slide

  18. kintoneのカスタマイズについて

    View Slide

  19. @kintonedevjp
    kintoneカスタマイズとは
    JavaScriptやCSSを使って、
    kintoneに “標準機能として
    搭載されていない部分”
    を実現すること。
    他システム Webサービス
    かゆいところに⼿を届かせる!

    View Slide

  20. @kintonedevjp
    カスタマイズしたらできること①
    地図表⽰

    View Slide

  21. @kintonedevjp
    カスタマイズしたらできること①
    ⼊⼒チェック

    View Slide

  22. @kintonedevjp
    カスタマイズしたらできること③
    ⾳楽プレイヤー化
    画像引⽤元
    http://amzn.asia/hg2T94t
    http://amzn.asia/0xTNdDm

    View Slide

  23. @kintonedevjp
    カスタマイズしたらできること④
    ネオン化

    View Slide

  24. @kintonedevjp
    カスタマイズしたらできること⑤
    GoogleAPI連携

    View Slide

  25. @kintonedevjp
    カスタマイズしたらできること⑤
    GoogleAPI連携

    View Slide

  26. @kintonedevjp
    拡張性 (カスタマイズ)
    REST API
    データ連携
    画⾯のカスタマイズ
    JavaScript API Webhook
    Webhooks logo
    The MIT License
    (https://github.com/logo/webhooks)
    Copyright © 2014

    View Slide

  27. @kintonedevjp
    JavaScript API
    • イベントハンドラ(⼀覧、表⽰、追加、編集、削除)
    • 画⾯上の値を取得・設定
    • REST APIの実⾏
    • 外部APIの実⾏

    View Slide

  28. @kintonedevjp
    REST API
    • レコードの取得・追加・更新・削除
    • スペースの作成・更新
    • デプロイ(アプリ作成・設定変更)
    • コメントの投稿・取得・削除

    View Slide

  29. @kintonedevjp
    Webhook
    • 次の操作が⾏われたときに、
    そのことを外部のWebサービスに通知
    • レコードの追加
    • レコードの編集
    • レコードの削除
    • コメントの書き込み
    • レコードのステータスの変更

    View Slide

  30. @kintonedevjp
    カスタマイズビュー
    ⼀覧画⾯をカスタマイズ
    (HTMLのBody形式)

    View Slide

  31. @kintonedevjp
    cybozu developer network
    https://developer.cybozu.io/hc/ja
    ⽇中英に対応したdeveloperのためのWebサイト

    View Slide

  32. ハッカソンでのkintoneの活⽤法

    View Slide

  33. @kintonedevjp
    • kintoneを操作して何か⾏う
    → いわゆる フロントエンド として利⽤
    • データベースとして利⽤
    → データを貯める場所 として利⽤
    • その他もろもろ

    View Slide

  34. @kintonedevjp
    フロントエンドとして

    View Slide

  35. @kintonedevjp
    フロントエンドとして
    • 例)OpenStreetMapで写真の位置表⽰
    http://bit.ly/kintone-map1

    View Slide

  36. @kintonedevjp
    フロントエンドとして
    • 例)Twilioで電話/SMS連絡、SendGridでメール送信
    Twilio: http://bit.ly/kintone-twilio1
    SendGrid: http://bit.ly/kintone-sendgrid1

    View Slide

  37. @kintonedevjp
    データベースとして
    REST API
    Webhook

    View Slide

  38. @kintonedevjp
    データベースとして
    • 例)Mbedで温度取得、kintoneでグラフ表⽰
    http://bit.ly/kintone-mbed1

    View Slide

  39. @kintonedevjp
    データベースとして
    • 例)MESHでドアの開閉を、kintoneに登録
    http://bit.ly/kintone-mesh1

    View Slide

  40. @kintonedevjp
    • 例)CiscoSparkで写真をとると、kintoneに⾃動登録される

    View Slide

  41. @kintonedevjp
    • 例)CiscoSparkで写真をとると、kintoneに⾃動登録される

    View Slide

  42. @kintonedevjp
    • kintone → Slack
    http://bit.ly/kintone-slack1
    • Slack → kintone
    http://bit.ly/kintone-slack2
    • 例)kintoneからSlackに通知を送る

    View Slide

  43. @kintonedevjp
    • 例)kintoneのデータをPepperが話す
    • kintone → Pepper
    http://bit.ly/kintone-pepper1
    • Pepper → kintone
    http://bit.ly/kintone-pepper2

    View Slide

  44. @kintonedevjp
    • Amazon Echoでkintoneのデータを取得/登録する

    View Slide

  45. @kintonedevjp
    • Amazon Echoでkintoneのデータを取得/登録する

    View Slide

  46. @kintonedevjp
    利⽤するでろうAPI
    • kintoneを操作して何か⾏う
    → いわゆる フロントエンド として利⽤
    • データベースとして利⽤
    → データを貯める場所 として利⽤
    • その他もろもろ
    kintone JavaScript API、kintone REST、Webhook 等
    kintone REST 等

    View Slide

  47. @kintonedevjp
    kintoneを利⽤するメリット
    • データベースだけでなく コミュニケーション もできる
    • 実際にユーザーさんが使うことを想定した場合、、、
    • ある程度環境が揃っているので1から作成する必要がない
    • アプリ、コメント、スレッド 等々

    View Slide

  48. 今までのハッカソンアイデア

    View Slide

  49. @kintonedevjp
    つまのドア
    http://hacklog.jp/works/49967

    View Slide

  50. @kintonedevjp
    トイレの神様
    http://hacklog.jp/works/48197

    View Slide

  51. @kintonedevjp
    Yusulio
    http://hacklog.jp/works/4930

    View Slide

  52. @kintonedevjp
    DemaeBocco
    ⾷べる!
    http://hacklog.jp/works/3612
    店舗・メニューリスト

    View Slide

  53. @kintonedevjp
    • データベースとして使われることが多いですね
    • ただ、kintoneは DB上でコミュニケーション ができる点
    が他よりちょっと優れている (と思います)
    → センサデータを受け取ったあとの連絡とかやりとりとか、、ね
    ぜひぜひkintoneを導⼊してIoTと絡めてどうなるか
    を考えていただけたら とてもとてもうれしいです!!

    View Slide

  54. @kintonedevjp
    ちなみに
    • 今ふと思ったやつ (説明された技術を全部利⽤!!)
    デバイスからの通信
    ⽣データをごにょごにょ
    データをPOSTして
    みんなで利⽤する
    ⼀般ユーザー

    View Slide

  55. @kintonedevjp
    ツイッターやってます(@kintonedevjp)
    毎⽇ツイートしています!!
    是⾮フォローしてくださいv^^v

    View Slide

  56. @kintonedevjp
    ハッカソンでの使い道
    http://bit.ly/kintone-hack

    View Slide