Embed Size (px)
Citation preview
デブサミ2017
45分で早分かり！kintoneの基本とカスタマイズ
16-F-1 17-F-1
2017/2/16,17 サイボウズ 三宅、李
タイムテーブル
11:05～11:30 kintoneの基本
11:30～11:50 kintoneカスタマイズ (サイボウズ 三宅)
(サイボウズ 李)
kintoneの基本
自己紹介
おんちゃん 韓・中・日 嵐
嵐
サイボウズ紹介
kintoneとは？
kintoneのデモ
知っ得情報
kintoneの事例
目次
サイボウズ紹介
サイボウズ紹介-会社概要
サイボウズ紹介-オフィス
コンセプト「Big Hub for Teamwork」
サイボウズ紹介-製品
2002~ 2010~
スケジュール共有,施設予約,掲示板…
1997~
5万社~190万ユーザー~
160万ユーザー~
グループウェア ”“
サイボウズ紹介-製品
2002~ 2010~
スケジュール共有,施設予約,掲示板…
1997~
5万社~190万ユーザー~
160万ユーザー~
グループウェア ”“
サイボウズ =スケジュール中心グループウェア
そんなことありません。
サイボウズには、
サイボウズOffice kintone
分類
形態
提供
自由度(フォーム)
グループウェア
情報共有
パッケージ/クラウド
なし
プラットフォーム
業務遂行
クラウド
あり
kintoneとofficeの違いは？
kintoneとは？
kintoneとは？- kintoneの3要素
データベース
必要な情報を蓄積・共有する
プロセス管理
簡単にプロセスを回したり、承認する
コミュニケーション
連絡・補足・相談をする
kintoneの3要素 – データベース
②Excel/CSVファイルから作成
①アプリストアから選ぶ
③はじめから作成
アプリ
kintoneの3要素 – データベース
ドラッグ&ドロップでファーストに
フォームを作成することができる！
フォームの設定
kintoneの3要素 – データベース
一覧画面 詳細画面 グラフ
データを蓄積したり、蓄積されたデータを利用して簡単に集計をとることが可能に！
kintoneの3要素 – データベース
一つの場所にデータ・メンバー間のやり取りなどが集約できる！
スペース ゲストスペース
kintoneの3要素 – プロセス管理
申請する 承認する完了
差し戻す
kintoneの3要素 – コミュニケーション
各データに対する相談や質問、
アドバイスなどが可能
レコードのコメント欄
kintone 事例
kintone事例 - 株式会社バルス 様
・タイムリーな情報共有ができない。
・CC、定型文 などが面倒くさい。商社
購買担当者
導入前
・作業、進行状況の管理が属人化されて引き継ぎが難しい。
kintone事例 - 株式会社バルス 様
・作業、進行状況が共有されているため、担当者が不在時も遅延せずに対応できる！
商社
・コメントや、スレッド機能で簡単に、スピーディーにコミュニケーションできる！
購買担当者
導入後
・リアルタイムで納期や発注状況が把握できる！
基幹システム
導入前
迷子が見つかった“ ”
FAXがある案内所まで案内する
インフォメーションセンターにFAXを送付
FAXに気がつくと
案内放送をする
kintone事例 - 日本空港ビルデング株式会社 様
迷子のプロフィールを
FAX用紙に記載する
導入前
迷子が見つかった“ ”
FAXがある案内所まで移動するのに時間がかかる
kintone事例 - 日本空港ビルデング株式会社 様
紙の台帳の管理が大変(データ管理、更新管理など)
迷子が見つかった“ ”導入前
kintone事例 - 日本空港ビルデング株式会社 様
FAX送信のあと、受信までタイムラグがある
迷子が見つかった“ ”導入前
kintone事例 - 日本空港ビルデング株式会社 様
迷子が見つかった“ ”
FAX受信に気付くまで時間がかかる
導入前
kintone事例 - 日本空港ビルデング株式会社 様
その場で子供の写真を撮る
プロフィールを登録
kintoneと連動したパトランプが点灯
確実に通知
導入後
迷子が見つかった“ ”
kintone事例 - 日本空港ビルデング株式会社 様
導入後
迷子が見つかった“ ”
kintone事例 - 日本空港ビルデング株式会社 様
FAXがある案内所までの移動時間を削減
導入後
迷子が見つかった“ ”
kintone事例 - 日本空港ビルデング株式会社 様
紙の台帳の更新時間を削減
導入後
迷子が見つかった“ ”
kintone事例 - 日本空港ビルデング株式会社 様
FAX送信の後、受信までのタイムラグ、館内放送までの時間を削減
kintone事例サイト
https://kintone-sol.cybozu.co.jp/cases/
知っ得情報
知っ得情報
kintonehive online
kintoneヘルプ＆FAQ
kintoneガイドブック
http://kintone-blog.cybozu.co.jp/https://help.cybozu.com/ja/k/
https://kintone.cybozu.com/jp/feature/date.html
『kintoneの基本』の次は…
kintoneカスタマイズについてです！
趣味はサイクリング
岡山 ➡ 京都 ➡ 東京へ
三宅 智子（Mike）です
仕事はイベントの運営・カスタマイズエンジニア修行中です！
目次
kintoneカスタマイズの基本
フロントエンドとバックエンド利用
デモ
イベント情報
kintoneカスタマイズの基本
標準機能で足りない部分を補うkintoneカスタマイズ
画面開発・機能追加（ J a v a S c r i p t A P I ・ H T M L ・ C S S ）
ガ ン ト チ ャ ー ト Ma p表示
システムデータ連携（ R E S T A P I ）
基幹システムと連携センサーと連携
プラグイン（機能追加パッケージ）
2種類のAPI
他システムとデータ連携できるようになります。
kintoneのデータを他システムに渡したり、他システムのデータをkintoneに取り込むことができます。
画面をカスタマイズすることで、標準搭載されていない機能を利用できるようになります。
REST API
JavaScript API
フロントエンドとバックエンド利用
フロントエンド利用条件書式
ガントチャート
住所から地図表示
入力値チェック
カスタマイズビュー表示
Twilio連携で電話やSMS連絡SendGrid連携でメール送信
SendGrid: https://cybozudev.zendesk.com/hc/ja/articles/206584633
Twilio: https://cybozudev.zendesk.com/hc/ja/articles/213588883
データを貯めるのは得意だけれど、送るのはちょっと…そんな時はサービス連携で解決！
Chart.jsでダッシュボード作成
https://cybozudev.zendesk.com/hc/ja/articles/214479043
kintoneの標準機能では、こんなグラフは作れないので、ライブラリを利用して作成します！
AWSにある大規模データをkintoneでグラフ化
サマリーを登録
POS、売上明細などの大量データ想定
AWS S3 AWS Lambda＋
kintone コマンドラインツール
拠点A
拠点B
拠点…
大量データの扱いは苦手なので、クラウドDBに任せる！
バックエンド利用（データベースとして）
REST API
kintone上のデータの印刷
標準機能では綺麗に印刷できない
印刷したくない項目も印刷されてしまう
②外部サービス（プリントクリエイ
ターやRepotone Uなど）
①JavaScriptカスタマイズ
モバイルアプリ開発のバックエンドとして（Monaca連携）
1 来場者管理アプリ
2 陳列場所確認アプリ
3 集荷状況確認アプリ
QRコードをスキャンして、来場者情報をkintoneに送る
商品バーコードスキャンでkintone DBを検索して陳列場所表示
QRコードスキャンで、商品情報&現在地情報をkintoneに登録
https://cybozudev.zendesk.com/hc/ja/search?utf8=%E2%9C%93&query=Monaca&commit=%E6%A4%9C%E7%B4%A2
ついにWebhook機能が登場！
• アプリのレコード追加、編集、ステータスの更新を外部サービスに通知可能に
ノンコーディングで連携可能に中間はZapier/Microsoft Flow/IFTTT/Mulesoftなどでデータの型変換！
Webhookイメージ by ダン吉
もっとこんなサービスとも連携可能！
Webhooks logoThe MIT License（https://github.com/logo/webhooks）Copyright © 2014 <[email protected]>
まとめると…苦手な部分もあるけど、• 大量データ（100万リクエスト/アプリ）
クラウドDB
• 定期実行処理
SDK
• 帳票出力
ソリューション
• モバイルカスタマイズ
Android SDK, iOS, SDK,Monaca, Cordova
他サービス連携で実現！
デモ
kintoneからSlackに通知を送る
• kintoneでレコード登録したらその内容をSlackに送信
（参考）kintone → Gmail:https://cybozudev.zendesk.com/hc/ja/articles/115000299143
中間にはZapier
カスタマイズの動きを見れるデモサイト！
developer networkにアカウント登録するとデモ環境に入れます➡https://dev-demo.cybozu.com/k/
API仕様やカスタマイズ情報はcybozu developer network
• 2014年10月 公開のサイボウズのクラウド製品における、技術者向けサイト
• 現在、メンバー登録数6,000アカウント突破！
検索はこちら⇓⇓⇓https://cybozudev.zendesk.com/hc/ja
★メンバー登録特典★
• 5ユーザー、1年間無償のkintone開発者ライセンスを申し込むことができます。
• コミュニティに投稿やコメントしたり、Tips に質問できます。
• API のアップデート情報の通知を受け取ることができます。
• Tipsやサンプルのkintone デモサイトを利用できます。
• 気になるユーザーをフォローすることができます。
• kintone専用のHTTPクライアントツールを利用できます。
イベント情報
kintone Café
kintone Caféとは？kintone Caféは、まだkintoneに触れたことの無い方から、より高度なカスタマイズを行いたいと考えているプロフェッショナルの方まで幅広い層を対象に、 楽しく学び・教え合うことで、kintoneの魅力や活用法をみんなで共有するための勉強会コミュニティです。
http://kintonecafe.com/
kintone hive
https://kintone.cybozu.com/jp/event/hive2016/05/index.html
kintone hiveとは？kintoneの活用のヒントやkintoneへの期待を膨らませるkintoneユーザーのための場です。
4/14 名古屋
4/19 福岡
5/19 東京
6/16 大阪にて開催！
kintone devCamp
http://kintonedevcamp.connpass.com/
kintone devCampとは？kintone devCamp とは kintone界隈のdeveloper同士で会場に出向き、kintoneに触れあい、共に学んでいくCybozu主催のdeveloper向け勉強会です。 kintoneカスタマイズ初心者～上級者の方向けにdeveloper network内のコンテンツを中心としたテーマで開催していきます。
kintone devCamp Vol.11@Tokyo & @Osaka
2017/3/1(水) 14:00～
サイボウズ東京オフィス27F
サイボウズ大阪梅田オフィス
&
※現在キャンセル待ち
Thank you
