kintoneハンズオン♪

kintone エバンジェリストラジカルブリッジ　斎藤栄

2014/10/25

ハンズオン♪

kintone Café 札幌 Vol.3

サイボウズ社のクラウドサービス「 kintone 」の私的勉強会

#kintonecafe

プロじゃなくてもアプリが作れる！そう kintone ならね。

#kintonecafe自己紹介

2

• 昭和４６年生まれ

• 札幌市立福井野小学校、札幌市立福井野中学校卒業

• 平成元年札幌西高等学校卒業

• 平成５年北海道大学工学部精密工学科卒業

• 平成５年 NTT データ通信株式会社（現・株式会社 NTT データ）に就職大手地方銀行の基幹システムの運用・開発に携わる

• 平成８年地元札幌の IT 企業、株式会社データクラフトに転職受託業務及び自社運営サービスにおいて、画像データベースシステムや通販システムの開発・運

用業務を担当自社内の IT 化推進や IT に関するトラブルのサポートも担当経済産業省情報大航海プロジェクトの採択事業ではインテグレーションチームリーダーを担当自社運営の写真素材ダウンロード販売サービスの事業マネージャーを担当自社保有技術・ノウハウをソリューション展開する新規事業マネージャーを担当

• 平成２４年独立／ラジカルブリッジ設立• 平成２６年より kintone エバンジェリストとして活動中

～ IT でみんなに“ WAKU WAKU” を～代表／ IT 活用アドバイザー“ クラウドおじさん”　斎藤栄

#kintonecafe裏・自己紹介

3

ビール

宇宙関係

カラオケ

ゴルフ

エレキギター

バンド活動

80’s 昭和歌謡

#kintonecafeメディア出演

4

2014 年 8 月 3 日掲載

札幌人図鑑

［札幌人図鑑　クラウドおじさん］で検索！

#kintonecafe札幌で“クラウドおじさん”として活動中

5


6

サイボウズ公認

kintone エバンジェリスト

（今のところ北海道・札幌で唯一人）

#kintonecafe全国に十数名いる kintone エバンジェリスト達

7


8

kintone Café

勝手にはじめました

#kintonecafekintone Café とは？

9

kintone Café は、まだ kintone に触れたことの無い方か

ら、より高度なカスタマイズを行いたいと考えているプロ

フェッショナルの方まで幅広い層を対象に、楽しく学び・教

え合うことで、 kintone の魅力や活用法をみんなで共有す

るための私的な勉強会です。

#kintonecafeWhy? kintone Café

10

あらゆる人々がもっと IT を活用できる世の中にしたい⇩

kintone を知り、直感的に「これだ！」と感じた

みんなに kintone の良さを知ってほしい

ユーザーとして／ IT導入提案をする立場として“かんたん”ゆえの限界や裏技を語れる場が欲しい

#kintonecafe全国に広がる kintone Café の輪

11

2013/12/7 　 kintone Café at 札幌 Vol.1 （起源）2014/5/16 　 kintone Café at 札幌 Vol.22014/10/25 　 kintone Café at 札幌 Vol.3

2014/5/29 　 kintone Café 福岡 Vol.12014/7/11 　 kintone Café 福岡 Vol.22014/10/24 　 kintone Café 福岡 Vol.3

2014/5/30 　 kintone Café 土佐

2014/7/5 　 kintone Café 弘前 #1

2014/7/23 　 kintone Café 東京 Vol.1

2014/8/1 　 kintone Café 千葉（第 1回）2014/9/3 　 kintone Café 千葉（第 2回）

2014/8/21 　 kintone Café 横浜 Vol.1

2014/8/11 　 kintone Café 釧路

2014/9/12 　 kintone Café 松江 #1

2014/9/2 　 kintone Café Seoul #1

2014/9/24 　 kintone Café 松山 #1

2014/9/25 　 kintone Café 神戸 Vol.1

2014/9/28 　 kintone Café in Okinawa #1

2014/10/22 　 kintone Café 京都 #1

Korea

11ヶ月で

計 19回開催！

この半年で

18回開催！

#kintonecafekintone Café まとめ

12

kintone Café の開催情報をまとめ・発信しています

http://radical-bridge.com/kintone-blog/kintoneCafe_matome.html

［ kintone cafe まとめ］

で検索！

#kintonecafekintone Café コミュニティ

13

Doorkeeperkintone Café コミュニティ

Facebookページkintone Café

https://www.facebook.com/kintoneCafehttp://kintone-cafe.doorkeeper.jp/

#kintonecafe最新 NEWS ！

14

https://cybozuconf.com/

cybozu.com カンファレンス 2014 　登壇決定！

東京： 11 月 28 日（金）ホテルニューオータニ【 E-2】セッション

大阪： 12 月 10 日（水）ウェスティンホテル大阪【D-2】セッション

#kintonecafe前置きはこの辺りにして

15

ハンズオン開始！

#kintonecafe30 日間お試しアカウントの作成

16

[ ラジカルブリッジ ] で検索

クリック！

http://radical-bridge.com/ クリック！https://www.cybozu.com/jp/

#kintonecafe30 日間お試しアカウントの作成

17

#kintonecafekintone とは？

18


19

・データベース ⇨ 情報の保管・共有・分

析

・ワークフロー ⇨ 効率的な業務プロセス

・コミュニケーション ⇨ 漏れの無い情報伝達

#kintonecafeオフィスでよくある風景

20

顧客データ、案件データを管理・共有したい！


21


とりあえず Excel で管理しよう！


22



最新版はどれ？計算式が消えた！

上書きされた！

マクロが複雑で

誰もいじれない


23



最新版はどれ？計算式が消えた！

上書きされた！

マクロが複雑で

誰もいじれない


24

データベース情報の保管・共有・分析⇨ ワークフロー効率的な業務プロセス⇨ コミュニケーション漏れの無い情報伝達⇨

ビジネスに必要なパーツが予め揃っているので自社の業務に合った仕組みを素早く構築できる


25

ビジネスに必要なパーツが予め揃っているので自社の業務に合った仕組みを素早く構築できる

早い！安い！かんたん！



26


しかも、

・クラウド・スマホ・タブレット標準対応

いつでも・どこでも・どんなデバイスでも


27

#kintonecafe導入事例①

28

ばれろん堂様（古本買取・販売業）

買取業務管理アプリ

買取受付

買取日時確定

出張買取・宅配買取

査定

査定結果承諾

振込

• 担当者間の伝達は紙で行われることが多く、連絡ミスや手違い発生の懸念

• 次に誰がいつまでに何をやるべきかをkintone で明確化

• 今日訪問すべき出張買取先の確認が容易になった（一覧・カレンダー表示）

• 構築期間：実質２日程度• 構築費用：約 5万円

ミスの低減

#kintonecafe導入事例②

29

フランス料理店様

顧客・予約管理アプリ • 日付入りノートを使い、手書きで予約の記入・管理を行っていた

• リピーターの方の前回来店時期やお客様の好みは店主やスタッフの記憶に頼るところが多かった

• kintone では氏名を入力するだけで過去の来店履歴や NG食材などをすぐに把握可能に

• 新規顧客も、予約を入れていくだけで自動的に顧客 DB に記録

• 構築期間：実質 7 日程度• 構築費用：約 20万円

顧客履歴管理

予約 DB 顧客 DB

氏名検索

予約登録履歴把握

本日の予約把握

カレンダー形式で予約状況把握

自動登録

#kintonecafe導入事例③

30

株式会社ミツノ様（楽器買取・販売業）

在庫管理アプリ

FileMaker在庫管理システム

• FileMaker単独で在庫管理を行っているが、ネット販売サイトへの商品登録はコピペしている状況

• 店舗で売れた場合、 FileMaker とネット販売サイトの両方の在庫情報を手動で合わせる必要がある

• kintone に登録した商品情報をそのままネット販売サイトにワンタッチで登録できるようになった

• kintone上の在庫とネット販売サイトの在庫同期を自動的に行えるようになった


店舗販売ネット販売

手作業でコピペ

手動で在庫を減らす

手動で在庫を減らす

kintone在庫管理システム

店舗販売ネット販売

社内サーバー

クラウド

自動商品登録

在庫自動同期

業務効率化

#kintonecafe導入事例④

31

イベントプロデュース会社様

案件・仕入管理アプリ • 各種書類の記入、稟議、事務処理などが、全て紙ベースで行われていた

• 同じ内容をそれぞれの書面に記入しなければならず、手間がかかるのはもちろん、記入ミスも発生していた

• これらの業務フローを全て kintone上に乗せることで、入力は一度で済み、顧客や仕入先に提出する書面は自動的に出力されるようになった

• 上長は出先からも承認することができ、業務全体のスピードアップ化が図られた


業務効率化

紙

見積書出荷伝票原価台帳発注伝票仕入伝票請求書

申請承認処理

担当上長事務

入力データの一元化稟議・ワークフロー各種帳票・伝票出力売上・利益率等の分析

#kintonecafe試用を始める

32

1. 試用申し込み時の画面が下図のようになるので、

　ログイン名： Administrator　パスワード：申込時のパスワード

でログインする。

#kintonecafekintone ハンズオン（基礎編）

33

ハンズオン基礎編

#kintonecafeアプリの基本操作

34

① アプリを開く（ ex.案件管理アプリ）

② 一覧画面

③ 詳細画面　　　レコード移動

④ 編集画面　　（ ex.ユーザー数変更、活動履歴の追加）

⑤ 追加画面　　　再利用

⑥ 削除

⑦ 絞り込み　　（ ex.確度次のいずれかを含む➡ ➡ A➡ 保存する）

⑧ グラフ、集計　　　　　　（ ex.週単位→日単位に変更）

#kintonecafeアプリを作成する

35

① アプリストアから選ぶ（ ex.総務・人事備品在庫管理）➡

② テンプレートから選ぶ

③ Excel/CSV から選ぶ（ ex.案件管理 .csv ）レイアウトを調整してみましょう➡

④ はじめから作成次ページ➡

⑤ ほかのアプリを再利用

#kintonecafeはじめから作成

36

作るもの

注文１顧客 A

顧客管理アプリ注文管理アプリ

注文１

注文２

顧客 B

・・・

・・・

・・・

#kintonecafe顧客管理アプリの作成

37

1. アプリ名：顧客管理

2. 一般設定：好みのアイコンを選択

3. フォームの設定：

4. 一覧の追加　一覧名：顧客一覧会社名、顧客ランク、担当者名、顔写真、➡ TEL

5. データ作成（ 3 レコード程度）

パーツ種別フィールド名オプション設定

文字列（ 1 行）会社名・必須項目にする・値の重複を禁止する

ドロップダウン顧客ランク選択肢： A, B, C

文字列（ 1 行）部署名

文字列（ 1 行）担当者名

添付ファイル顔写真

文字列（ 1 行）郵便番号

文字列（ 1 行）住所

リンク TEL 入力値の種類：電話番号

文字列（複数行）備考

#kintonecafe注文管理アプリの作成

38

1. アプリ名：注文管理2. 一般設定：好みのアイコンを選択3. フォームの設定：

4. 一覧の追加　一覧名：注文一覧注文日、顧客名、住所、合計金額、➡ Table

5. データ作成（ある顧客に 2 ～ 3 レコード程度）


文字列（ 1 行）郵便番号

文字列（ 1 行）住所

ルックアップ顧客名

・必須項目にする・関連付けるアプリ：顧客管理・コピー元のフィールド：会社名・ほかのフィールドのコピー：　　郵便番号← [顧客管理 ]郵便番号　　住所← [顧客管理 ]住所・コピー元のレコードの選択時に表示するフィールド：会社名、住所・フィールドコード：顧客名

日付注文日

※この４項目は横一列に並べてください

文字列（ 1 行）商品名

最後にテーブル化します

数値数量初期値： 0フィールドコード：数量

数値単価初期値： 0フィールドコード：単価

計算小計計算式：数量 *単価フィールドコード：小計

計算合計金額計算式： SUM( 小計 )

#kintonecafe顧客管理アプリの改修

39

顧客データ上に、その顧客の注文一覧が表示されるように改修します。

1. 顧客管理アプリを開くこのアプリの設定➡

2. フォームの設定：

3. 顧客管理と注文管理を相互に参照してみる

顧客データから直接注文入力できるように改修します。

1. 顧客管理アプリを開くこのアプリの設定➡

2. アクション作成➡

3. 顧客データから新規注文を作成してみる


関連レコード一覧注文情報参照するアプリ：注文管理表示するレコードの条件：会社名＝顧客名※表示するフィールド：注文日、合計金額

アクション名コピー先フィールドの関連付け

注文入力注文管理コピー元：会社名コピー先：顧客名

※本来は会社名と顧客名で紐付けるのではなく一意の顧客コード等で紐付けるのがベター

#kintonecafeサンプルデータの読み込み

40

顧客管理データ

1. 顧客管理アプリの一覧を開く読み込む➡

2. ［参照］よりサンプルの「顧客管理 .csv 」を選択

　　内容確認　　読み込む➡ ➡

　　➡ 5 レコード追加されていることを確認

注文管理データ

1. 注文管理アプリの一覧を開く読み込む➡

2. ［参照］よりサンプルの「注文管理 .csv 」を選択

　　内容確認　　読み込む➡ ➡

　　➡ 5 レコード追加されていることを確認

3. 追加された 5つの注文データに「数量」「単価」を登録

#kintonecafe一覧・グラフの作成

41

顧客ランクが「 A 」の顧客一覧を作成する1. 顧客管理アプリを開く2. 絞り込み

条件：［顧客ランク］［次のいずれかを含む］［ A ］

3. 保存する一覧名：［ A ランクの顧客一覧］

注文日別の売上グラフを作成する1. 注文管理アプリを開く2. 集計

グラフの種類：［縦棒グラフ］［集合］

分類する項目：［注文日］［日単位］

集計方法：［合計］［合計金額］

3. 保存するグラフ名：［日別売上グラフ］

10分休憩

42

#kintonecafekintone ハンズオン（応用編）

43

ハンズオン応用編

#kintonecafeユーザー・組織・グループの追加

44

1. 左上の　　　　をクリック

2. ［ cybozu.com共通管理］をクリック

3. ［組織 /ユーザー］［ユーザーの追加］➡

任意の表示名、ログイン名、パスワードを入力して保存

※後で使うのでログイン名、パスワードを覚えておくこと

4. ［組織 /ユーザー］［組織の追加］➡

任意の表示名を入力して保存所属ユーザーの変更➡

5. ［グループ（ロール）］［追加］➡

任意のグループ名を入力して保存所属ユーザーの変更➡

#kintonecafeコミュニケーション機能の利用

45

① コメント機能・各レコードデータ上で　コメントのやり取りができる

② ピープル・ユーザー毎の公開掲示板　 - Twitter のようにフォローできる　 - フォローしていると通知が来る　 - 投稿にいいね！できる

・ダイレクトメッセージ

③ スペース・メンバー間の　ディスカッションスペース　 - スペース内アプリも作れる　 - 投稿にいいね！できる

#kintonecafe権限の設定

46

アプリ単位／レコード単位／フィールド単位

でアクセス権（閲覧、編集、削除権限など）を設定できます。

1. 注文管理アプリを開くこのアプリの設定➡

2. アクセス権の［フィールド］

3. ［追加する］以下を指定保存設定完了➡ ➡ ➡

・フィールド：注文日　　　・ Everyone のアクセス権：［編集］を外す

4. 注文管理アプリの任意のレコードを開き、編集モードにする

注文日が編集できないようになっていることを確認してくださ➡

い。

特定のユーザーや組織、グループに対して様々なアクセス権を設定する

ことができます。

#kintonecafe通知の設定

47

レコードが追加・編集された時

レコードが指定した条件になった時

ある日付の何日前・何日後

といったタイミングで通知を受け取ることができます。


2. ［通知］

3. レコードの条件通知［追加する］以下を設定保存設定完➡ ➡ ➡

了・［合計金額］［≧（以上）］［ 100000 ］

・通知内容： 10万円以上の注文がありました　　・通知先： Administrator

4. 一旦ログアウト先ほど作成したユーザーでログインし直す➡

5. 注文管理アプリに合計金額が 10万円を超えるレコードを作成する

➡ Administrator で再ログインし通知が来ていることを確認してください。

#kintonecafeワークフローの設定

48

【上長への申請承認処理】といったワークフローを定義できます。➡ ➡


2. ［プロセス管理］

3. 以下を設定保存設定完了➡ ➡

・ 1. 有効化：［プロセス管理を有効にする］にチェック

・ 2. ステータス：①注文済み　②申請中　③承認済み

・ 3. プロセス①：アクションの実行条件：［合計金額］［≧（以上）］［ 100000］　　　　　　　　アクション名：申請する

・ 3. プロセス②：作業者： Administrator

　　　　　　　　アクション名：承認する

4. 注文管理アプリで合計金額が 10万円を超えるレコードを表示

申請ボタンが表示されること、申請承認のワークフローが➡ ➡

　できていることを確認してください。

#kintonecafeかんたんな JavaScript カスタマイズ①

49

注文管理アプリで顧客名のルックアップを自動的に行う


2. ［詳細設定］［➡ JavaScript / CSS でカスタマイズ］

3. PC 用の JavaScript ファイル：［アップロードして追加］

4. サンプルの auto_lookup.js を選択保存設定完了➡ ➡

5. 顧客管理アプリの［注文入力］ボタンをクリック

顧客名の取得が自動的に行われたことを確認してください。➡

#kintonecafeかんたんな JavaScript カスタマイズ①

50

auto_lookup.js

(function () {

"use strict";

// レコード追加画面表示時の処理

kintone.events.on('app.record.create.show', function (event)

{

event.record['顧客名 ']['lookup'] = true;

return event;

});

})();

#kintonecafeかんたんな JavaScript カスタマイズ②

51

住所から地図を表示する

1. アプリストアで「顧客リスト」アプリを追加

2. 顧客リストアプリを開くこのアプリの設定➡

3. ［詳細設定］［➡ JavaScript / CSS でカスタマイズ］

4. PC 用の JavaScript ファイル：［アップロードして追加］

5. サンプルの map_sample.js を選択保存設定完了➡ ➡

6. 住所を入力したレコードを数レコード作成してみる

一覧と詳細で地図が表示されていることを確認してください。➡

#kintonecafecybozu.com developer network

52

■cybozu.com developer network　 https://cybozudev.zendesk.com/

・デベロッパー向けコミュニティサイト

・ Tips 、 Q&A 、 API リファレンス、サンプル

・無償の開発者ライセンス（１年間）

全国の kintone エバンジェリスト達があなたの疑問にすぐに答えてくれる！（かも）

#kintonecafe宣伝

53

・お客様の課題を紐解く力に自信があります・ kintone アプリの構築・導入実績が豊富です

kintone アプリの構築・カスタマイズ・導入支援のことなら当社にお任せ下さい！

×

#kintonecafeComing Soon!

54

チームワークを強化するオリジナルシステム構築サービス

定額制顧客価値創造見積無し

#kintonecafeComing Soon!

55

チームワークを強化するオリジナルシステム構築サービス

定額制顧客価値創造

サービス名検討中！

見積無し

お疲れ様でした

56

kintoneハンズオン♪

Technology