【デブサミ2017】45分で早わかり！kintoneの基本とカスタマイズ

デブサミ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 事例

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 <friends@segment.io>

まとめると…苦手な部分もあるけど、• 大量データ（100万リクエスト/アプリ）

クラウドDB

• 定期実行処理

SDK

• 帳票出力

ソリューション

• モバイルカスタマイズ

Android SDK, iOS, SDK,Monaca, Cordova

他サービス連携で実現！

デモ

kintoneからSlackに通知を送る

• kintoneでレコード登録したらその内容をSlackに送信

（参考）kintone → Gmail:https://cybozudev.zendesk.com/hc/ja/articles/115000299143

中間にはZapier

デモへLet’s go!

カスタマイズの動きを見れるデモサイト！

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