---
title: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料
tags:  #hands-on #kintone  
author: [山下光洋](https://www.docswell.com/user/yamamugi)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/GEW3364KE2.jpg?width=480
description: kintoneの入門ハンズオンでデータ集計とAPIアクセスについて
published: July 30, 16
canonical: https://www.docswell.com/s/yamamugi/K7VELV-vol2-kintone
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/GEW3364KE2.jpg)

kintone入門ハンズオン
アプリでデータ集計してみる
編
ヤマムギ
vol.2
ハンズオン資料
山下
光洋


# Page. 2

![Page Image](https://bcdn.docswell.com/page/47ZVVY2NE3.jpg)

準備


# Page. 3

![Page Image](https://bcdn.docswell.com/page/YJ655DV97V.jpg)

前回参加された方は
作った顧客管理アプリと案件管理アプリをそのまま使います。
前回参加されていない方は
顧客管理アプリと案件管理アプリをテンプレートから作成します。


# Page. 4

![Page Image](https://bcdn.docswell.com/page/GJ5YY3DDJ4.jpg)

ユーザーの作成


# Page. 5

![Page Image](https://bcdn.docswell.com/page/LE3558QQJ5.jpg)

ユーザーの作成
開発者ライセンスの管理者でログインします。


# Page. 6

![Page Image](https://bcdn.docswell.com/page/8EDDDM9WEG.jpg)

ユーザーの作成
cybozu.com共通管理をクリックします。


# Page. 7

![Page Image](https://bcdn.docswell.com/page/V7PXXRZXE8.jpg)

ユーザーの作成
[システム管理]-[セキュリティ]-[ログイン]のパスワードポリシーで「パスワードの変更をユーザーに許
可する」のチェックを外して保存します。


# Page. 8

![Page Image](https://bcdn.docswell.com/page/2JVLLRW37Q.jpg)

ユーザーの作成
3ユーザー作成します。(パスワードはログイン名と同じ)


# Page. 9

![Page Image](https://bcdn.docswell.com/page/5EGXXMDYJL.jpg)

ユーザーの作成
3ユーザー作成します。(パスワードはログイン名と同じ)


# Page. 10

![Page Image](https://bcdn.docswell.com/page/4JQ88R167P.jpg)

テンプレートから
アプリを作成する


# Page. 11

![Page Image](https://bcdn.docswell.com/page/K74228RMJ1.jpg)

テンプレートからアプリを作成する
kintoneのポータル画面を開いて、右上の歯車 - [kintoneシステム管理]をクリックします。


# Page. 12

![Page Image](https://bcdn.docswell.com/page/LJ1MM2QYEG.jpg)

テンプレートからアプリを作成する
[アプリ]-[アプリテンプレート]をクリックします。


# Page. 13

![Page Image](https://bcdn.docswell.com/page/GJW33RM1J2.jpg)

テンプレートからアプリを作成する
[読む込む]をクリックします。


# Page. 14

![Page Image](https://bcdn.docswell.com/page/4EZVVRQXJ3.jpg)

テンプレートからアプリを作成する
参照で「ハンズオンテンプレートセット.zip」ファイルを選択して[読み込む]をクリックします。


# Page. 15

![Page Image](https://bcdn.docswell.com/page/Y7655R6PEV.jpg)

テンプレートからアプリを作成する
ハンズオンテンプレートセットが読み込まれました。


# Page. 16

![Page Image](https://bcdn.docswell.com/page/G75YY86P74.jpg)

テンプレートからアプリを作成する
アプリの作成画面で[テンプレートから選ぶ]をクリックします。


# Page. 17

![Page Image](https://bcdn.docswell.com/page/9J2GGKMZJR.jpg)

テンプレートからアプリを作成する
「ハンズオンテンプレートセット」を選択して[アプリを作成する]をクリックします。


# Page. 18

![Page Image](https://bcdn.docswell.com/page/DEYVVNXNEM.jpg)

テンプレートからアプリを作成する
アプリが出来るので、まず[顧客マスタ]アプリを開きます。
右上のメニューから[ファイルから読み込む]をクリックします。


# Page. 19

![Page Image](https://bcdn.docswell.com/page/VJNMMX1V78.jpg)

テンプレートからアプリを作成する
顧客マスタ_20160727T072932+0900.csvファイルを選択します。
[読み込む]をクリックします。メッセージが出るので[OK]をクリックします。


# Page. 20

![Page Image](https://bcdn.docswell.com/page/YE9NN85VE3.jpg)

テンプレートからアプリを作成する
顧客マスタのデータが読み込まれました。


# Page. 21

![Page Image](https://bcdn.docswell.com/page/GE8KK8Y47D.jpg)

テンプレートからアプリを作成する
同じように案件管理アプリにもデータを読み込みます。
案件管理アプリを開いてメニュー[ファイルから読み込む]をクリックします。


# Page. 22

![Page Image](https://bcdn.docswell.com/page/LELZZR4VJR.jpg)

テンプレートからアプリを作成する
案件管理_20160727T072909+0900.csvファイルを選択します。
[読み込む]をクリックします。メッセージが出るので[OK]をクリックします。


# Page. 23

![Page Image](https://bcdn.docswell.com/page/4JMVVRKNJW.jpg)

テンプレートからアプリを作成する
案件管理アプリのデータが読み込まれました。


# Page. 24

![Page Image](https://bcdn.docswell.com/page/PJR22RX4E9.jpg)

グラフ作成


# Page. 25

![Page Image](https://bcdn.docswell.com/page/PEXDDR6Z7X.jpg)

グラフを作ってみます
案件管理アプリを開いて[集計]アイコンをクリックします。


# Page. 26

![Page Image](https://bcdn.docswell.com/page/3EKXXR1V7D.jpg)

グラフを作ってみます
グラフのサンプルが表示されるので円グラフを選択します。


# Page. 27

![Page Image](https://bcdn.docswell.com/page/L73558NQE5.jpg)

グラフを作ってみます
[適用する]をクリックします。


# Page. 28

![Page Image](https://bcdn.docswell.com/page/87DDDMWW7G.jpg)

グラフを作ってみます
円グラフが表示されます。


# Page. 29

![Page Image](https://bcdn.docswell.com/page/VJPXXR9X78.jpg)

グラフを作ってみます
もう一度[集計]ボタンをクリックします。


# Page. 30

![Page Image](https://bcdn.docswell.com/page/2EVLLRM3JQ.jpg)

グラフを作ってみます
条件を変更してみます。


# Page. 31

![Page Image](https://bcdn.docswell.com/page/57GXXMGYEL.jpg)

グラフを作ってみます
条件を追加してみます。


# Page. 32

![Page Image](https://bcdn.docswell.com/page/4EQ88RX6JP.jpg)

グラフを作ってみます
複数条件を設定してみます。


# Page. 33

![Page Image](https://bcdn.docswell.com/page/KJ42286ME1.jpg)

グラフを作ってみます
分類を変更、追加してみます。


# Page. 34

![Page Image](https://bcdn.docswell.com/page/LE1MM2VY7G.jpg)

グラフを作ってみます
集計方法を変更してみます。


# Page. 35

![Page Image](https://bcdn.docswell.com/page/GEW33RL1E2.jpg)

グラフを作ってみます
ソート方法を変更してみます。


# Page. 36

![Page Image](https://bcdn.docswell.com/page/47ZVVRMXE3.jpg)

グラフを作ってみます
条件から受注日を削除します。


# Page. 37

![Page Image](https://bcdn.docswell.com/page/YJ655RNP7V.jpg)

グラフを作ってみます
グラフの種類を変更します。


# Page. 38

![Page Image](https://bcdn.docswell.com/page/GJ5YY85PJ4.jpg)

グラフを作ってみます
横棒グラフにしてみます。


# Page. 39

![Page Image](https://bcdn.docswell.com/page/9E2GGKNZER.jpg)

グラフを作ってみます
条件を「すべてのレコード」のみに変更します。


# Page. 40

![Page Image](https://bcdn.docswell.com/page/D7YVVNPN7M.jpg)

グラフを作ってみます
グラフの種類を「クロス集計表」にしてみます。


# Page. 41

![Page Image](https://bcdn.docswell.com/page/VENMMX5VJ8.jpg)

グラフを作ってみます
次の設定でグラフを作ってみましょう。


# Page. 42

![Page Image](https://bcdn.docswell.com/page/Y79NN8YV73.jpg)

グラフを作ってみます
設定が完了すれば[適用する]をクリックします。


# Page. 43

![Page Image](https://bcdn.docswell.com/page/G78KK864JD.jpg)

グラフを作ってみます
グラフが表示されました。


# Page. 44

![Page Image](https://bcdn.docswell.com/page/L7LZZR9VER.jpg)

グラフを作ってみます
グラフを再利用するために名前を付けて保存しておきましょう。
もう一度[集計]ボタンをクリックします。


# Page. 45

![Page Image](https://bcdn.docswell.com/page/4EMVVRZNEW.jpg)

グラフを作ってみます
今度は[保存する]をクリックします。


# Page. 46

![Page Image](https://bcdn.docswell.com/page/PER22R6479.jpg)

グラフを作ってみます
グラフ名を任意で入力します。
例 : 営業別受注金額


# Page. 47

![Page Image](https://bcdn.docswell.com/page/P7XDDRMZJX.jpg)

グラフを作ってみます
グラフが追加されました。


# Page. 48

![Page Image](https://bcdn.docswell.com/page/37KXXRGVJD.jpg)

売上集計表の作成


# Page. 49

![Page Image](https://bcdn.docswell.com/page/LJ35585Q75.jpg)

売上集計表を作ってみます
案件管理を開いて[集計]をクリックします。


# Page. 50

![Page Image](https://bcdn.docswell.com/page/8JDDDMDWJG.jpg)

売上集計表を作ってみます
適当にグラフの種類を選択します。


# Page. 51

![Page Image](https://bcdn.docswell.com/page/VEPXXRXXJ8.jpg)

売上集計表を作ってみます
以下の設定をして[適用]をクリックします。
・グラフの種類
表
・分類する項目
・集計方法
合計 受注金額
・条件
すべてのレコード
・ソート
集計値 降順


# Page. 52

![Page Image](https://bcdn.docswell.com/page/27VLLRL3EQ.jpg)

売上集計表を作ってみます
合計金額の集計が表示されます。


# Page. 53

![Page Image](https://bcdn.docswell.com/page/5JGXXMXY7L.jpg)

売上集計表を作ってみます
もう一度[集計]をクリックします。


# Page. 54

![Page Image](https://bcdn.docswell.com/page/47Q88R86EP.jpg)

売上集計表を作ってみます
以下の設定をします。
・グラフの種類
クロス集計表
・分類する項目
大項目 案件担当者
中項目 受注日 月単位
・集計方法
合計 受注金額
・条件
すべてのレコード
・ソート
大項目 昇順
中項目 昇順


# Page. 55

![Page Image](https://bcdn.docswell.com/page/KE42282M71.jpg)

売上集計表を作ってみます
クロス集計表が表示されます。


# Page. 56

![Page Image](https://bcdn.docswell.com/page/L71MM2MYJG.jpg)

売上集計表を作ってみます
次に定期レポートを作成してみます。
右上のメニュー - [アプリの設定を変更]をクリックします。


# Page. 57

![Page Image](https://bcdn.docswell.com/page/G7W33R3172.jpg)

売上集計表を作ってみます
[グラフの追加]をクリックします。


# Page. 58

![Page Image](https://bcdn.docswell.com/page/4JZVVRVX73.jpg)

売上集計表を作ってみます
以下の設定をします。
・グラフの種類
表
・分類する項目
大項目 受注日 月単位
・集計方法
合計 受注金額
・条件
すべてのレコード
・ソート
大項目 昇順


# Page. 59

![Page Image](https://bcdn.docswell.com/page/YE655R5PJV.jpg)

売上集計表を作ってみます
画面の下の方で「集計結果を定期的に記録する」にチェックをして、
集計間隔を「毎時」「00分」にします。


# Page. 60

![Page Image](https://bcdn.docswell.com/page/GE5YY8YPE4.jpg)

売上集計表を作ってみます
[設定完了]をクリックします。


# Page. 61

![Page Image](https://bcdn.docswell.com/page/972GGKGZ7R.jpg)

売上集計表を作ってみます
作成した定期レポート(月別受注)を見てみます。


# Page. 62

![Page Image](https://bcdn.docswell.com/page/DJYVVNVNJM.jpg)

売上集計表を作ってみます
定期レポートを開いてみます。


# Page. 63

![Page Image](https://bcdn.docswell.com/page/V7NMMXMVE8.jpg)

【ラッキーコンテン
ツ】
APIからアクセスし
てみる


# Page. 64

![Page Image](https://bcdn.docswell.com/page/YJ9NN8NVJ3.jpg)

APIからアクセスしてみる
kintoneのデータにkintone以外のシステムから
アクセスする事が出来ます。


# Page. 65

![Page Image](https://bcdn.docswell.com/page/GJ8KK8K4ED.jpg)

APIからアクセスしてみる
アプリの設定を変更をクリックする


# Page. 66

![Page Image](https://bcdn.docswell.com/page/LJLZZRZV7R.jpg)

APIからアクセスしてみる
[詳細設定]をクリックします。


# Page. 67

![Page Image](https://bcdn.docswell.com/page/47MVVRVN7W.jpg)

APIからアクセスしてみる
[APIトークン]をクリックします。


# Page. 68

![Page Image](https://bcdn.docswell.com/page/P7R22R24J9.jpg)

APIからアクセスしてみる
[生成する]ボタンをクリックします。


# Page. 69

![Page Image](https://bcdn.docswell.com/page/PJXDDRDZEX.jpg)

APIからアクセスしてみる
[設定完了]をクリックします。


# Page. 70

![Page Image](https://bcdn.docswell.com/page/3JKXXRXVED.jpg)

APIからアクセスしてみる
Mac,Linuxの人
ターミナルでcurlコマンドを実行する。
curl -H &quot;X-Cybozu-API-Token: &lt;トークン&gt;&quot; &quot;https://&lt;ドメイン&gt;.cybozu.com/k/v1/record.json?app=&lt;アプリNo&gt;&amp;id=1&quot;


# Page. 71

![Page Image](https://bcdn.docswell.com/page/LE3558RQJ5.jpg)

APIからアクセスしてみる
Windowsの人
Chromeのアドオンのpostmanを使います。[その他のツール]-[拡張機能]


# Page. 72

![Page Image](https://bcdn.docswell.com/page/8EDDDMYWEG.jpg)

APIからアクセスしてみる
ページ下部の[他の拡張機能を見る]をクリックします。
「postman」を検索してインストールします。


# Page. 73

![Page Image](https://bcdn.docswell.com/page/V7PXXR6XE8.jpg)

APIからアクセスしてみる
postmanを起動します。


# Page. 74

![Page Image](https://bcdn.docswell.com/page/2JVLLR337Q.jpg)

APIからアクセスしてみる
以下の設定をして[send]をクリックします。
・GET
・URL
https://&lt;ドメイン&gt;.cybozu.com/k/v1/record.json
・Params
app &lt;アプリNo&gt;
id 1
・Headers
X-Cybozu-API-Token &lt;トークン&gt;


# Page. 75

![Page Image](https://bcdn.docswell.com/page/5EGXXM3YJL.jpg)

ご清聴ありがとうございました。
Special Thanx to…..


