ヤマムギvol.2 kintoneデータ集計 ハンズオン資料
TRANSCRIPT
![Page 1: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/1.jpg)
kintone 入門ハンズオンアプリでデータ集計してみる編
ハンズオン資料 ヤマムギvol.2
山下 光洋
![Page 2: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/2.jpg)
準備
![Page 3: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/3.jpg)
前回参加された方は作った顧客管理アプリと案件管理アプリをそのまま使います。
前回参加されていない方は顧客管理アプリと案件管理アプリをテンプレートから作成します。
![Page 4: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/4.jpg)
ユーザーの作成
![Page 5: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/5.jpg)
ユーザーの作成開発者ライセンスの管理者でログインします。
![Page 6: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/6.jpg)
ユーザーの作成cybozu.com共通管理をクリックします。
![Page 7: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/7.jpg)
ユーザーの作成[システム管理 ]-[セキュリティ ]-[ログイン ]のパスワードポリシーで「パスワードの変更をユーザーに許可する」のチェックを外して保存します。
![Page 8: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/8.jpg)
ユーザーの作成3ユーザー作成します。 (パスワードはログイン名と同じ )
![Page 9: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/9.jpg)
ユーザーの作成3ユーザー作成します。 (パスワードはログイン名と同じ )
![Page 10: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/10.jpg)
テンプレートからアプリを作成する
![Page 11: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/11.jpg)
テンプレートからアプリを作成するkintone のポータル画面を開いて、右上の歯車 - [kintoneシステム管理 ]をクリックします。
![Page 12: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/12.jpg)
テンプレートからアプリを作成する[アプリ ]-[アプリテンプレート ]をクリックします。
![Page 13: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/13.jpg)
テンプレートからアプリを作成する[読む込む ]をクリックします。
![Page 14: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/14.jpg)
テンプレートからアプリを作成する参照で「ハンズオンテンプレートセット .zip」ファイルを選択して [読み込む ]をクリックします。
![Page 15: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/15.jpg)
テンプレートからアプリを作成するハンズオンテンプレートセットが読み込まれました。
![Page 16: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/16.jpg)
テンプレートからアプリを作成するアプリの作成画面で [テンプレートから選ぶ ]をクリックします。
![Page 17: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/17.jpg)
テンプレートからアプリを作成する「ハンズオンテンプレートセット」を選択して [アプリを作成する ]をクリックします。
![Page 18: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/18.jpg)
テンプレートからアプリを作成するアプリが出来るので、まず [顧客マスタ ]アプリを開きます。右上のメニューから [ファイルから読み込む ]をクリックします。
![Page 19: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/19.jpg)
テンプレートからアプリを作成する顧客マスタ _20160727T072932+0900.csvファイルを選択します。[読み込む ]をクリックします。メッセージが出るので [OK]をクリックします。
![Page 20: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/20.jpg)
テンプレートからアプリを作成する顧客マスタのデータが読み込まれました。
![Page 21: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/21.jpg)
テンプレートからアプリを作成する同じように案件管理アプリにもデータを読み込みます。案件管理アプリを開いてメニュー [ファイルから読み込む ]をクリックします。
![Page 22: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/22.jpg)
テンプレートからアプリを作成する案件管理 _20160727T072909+0900.csvファイルを選択します。[読み込む ]をクリックします。メッセージが出るので [OK]をクリックします。
![Page 23: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/23.jpg)
テンプレートからアプリを作成する案件管理アプリのデータが読み込まれました。
![Page 24: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/24.jpg)
グラフ作成
![Page 25: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/25.jpg)
グラフを作ってみます案件管理アプリを開いて [集計 ]アイコンをクリックします。
![Page 26: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/26.jpg)
グラフを作ってみますグラフのサンプルが表示されるので円グラフを選択します。
![Page 27: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/27.jpg)
グラフを作ってみます[適用する ]をクリックします。
![Page 28: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/28.jpg)
グラフを作ってみます円グラフが表示されます。
![Page 29: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/29.jpg)
グラフを作ってみますもう一度 [集計 ]ボタンをクリックします。
![Page 30: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/30.jpg)
グラフを作ってみます条件を変更してみます。
![Page 31: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/31.jpg)
グラフを作ってみます条件を追加してみます。
![Page 32: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/32.jpg)
グラフを作ってみます複数条件を設定してみます。
![Page 33: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/33.jpg)
グラフを作ってみます分類を変更、追加してみます。
![Page 34: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/34.jpg)
グラフを作ってみます集計方法を変更してみます。
![Page 35: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/35.jpg)
グラフを作ってみますソート方法を変更してみます。
![Page 36: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/36.jpg)
グラフを作ってみます条件から受注日を削除します。
![Page 37: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/37.jpg)
グラフを作ってみますグラフの種類を変更します。
![Page 38: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/38.jpg)
グラフを作ってみます横棒グラフにしてみます。
![Page 39: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/39.jpg)
グラフを作ってみます条件を「すべてのレコード」のみに変更します。
![Page 40: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/40.jpg)
グラフを作ってみますグラフの種類を「クロス集計表」にしてみます。
![Page 41: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/41.jpg)
グラフを作ってみます次の設定でグラフを作ってみましょう。
![Page 42: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/42.jpg)
グラフを作ってみます設定が完了すれば [適用する ]をクリックします。
![Page 43: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/43.jpg)
グラフを作ってみますグラフが表示されました。
![Page 44: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/44.jpg)
グラフを作ってみますグラフを再利用するために名前を付けて保存しておきましょう。もう一度 [集計 ]ボタンをクリックします。
![Page 45: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/45.jpg)
グラフを作ってみます今度は [保存する ]をクリックします。
![Page 46: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/46.jpg)
グラフを作ってみますグラフ名を任意で入力します。
例 : 営業別受注金額
![Page 47: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/47.jpg)
グラフを作ってみますグラフが追加されました。
![Page 48: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/48.jpg)
売上集計表の作成
![Page 49: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/49.jpg)
売上集計表を作ってみます案件管理を開いて [集計 ]をクリックします。
![Page 50: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/50.jpg)
売上集計表を作ってみます適当にグラフの種類を選択します。
![Page 51: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/51.jpg)
売上集計表を作ってみます以下の設定をして [適用 ]をクリックします。
・グラフの種類表
・分類する項目-
・集計方法 合計受注金額
・条件すべてのレコード
・ソート 集計値降順
![Page 52: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/52.jpg)
売上集計表を作ってみます合計金額の集計が表示されます。
![Page 53: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/53.jpg)
売上集計表を作ってみますもう一度 [集計 ]をクリックします。
![Page 54: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/54.jpg)
売上集計表を作ってみます以下の設定をします。
・グラフの種類クロス集計表
・分類する項目 大項目案件担当者 中項目受注日月単位
・集計方法 合計受注金額
・条件すべてのレコード
・ソート 大項目昇順 中項目昇順
![Page 55: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/55.jpg)
売上集計表を作ってみますクロス集計表が表示されます。
![Page 56: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/56.jpg)
売上集計表を作ってみます次に定期レポートを作成してみます。
右上のメニュー - [アプリの設定を変更 ]をクリックします。
![Page 57: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/57.jpg)
売上集計表を作ってみます[グラフの追加 ]をクリックします。
![Page 58: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/58.jpg)
売上集計表を作ってみます以下の設定をします。
・グラフの種類表
・分類する項目 大項目受注日月単位
・集計方法 合計受注金額
・条件すべてのレコード
・ソート 大項目昇順
![Page 59: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/59.jpg)
売上集計表を作ってみます画面の下の方で「集計結果を定期的に記録する」にチェックをして、集計間隔を「毎時」「 00分」にします。
![Page 60: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/60.jpg)
売上集計表を作ってみます[設定完了 ]をクリックします。
![Page 61: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/61.jpg)
売上集計表を作ってみます作成した定期レポート (月別受注 )を見てみます。
![Page 62: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/62.jpg)
売上集計表を作ってみます定期レポートを開いてみます。
![Page 63: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/63.jpg)
【ラッキーコンテンツ】APIからアクセスしてみる
![Page 64: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/64.jpg)
APIからアクセスしてみるkintoneのデータに kintone以外のシステムからアクセスする事が出来ます。
![Page 65: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/65.jpg)
APIからアクセスしてみるアプリの設定を変更をクリックする
![Page 66: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/66.jpg)
APIからアクセスしてみる[詳細設定 ]をクリックします。
![Page 67: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/67.jpg)
APIからアクセスしてみる[APIトークン ]をクリックします。
![Page 68: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/68.jpg)
APIからアクセスしてみる[生成する ]ボタンをクリックします。
![Page 69: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/69.jpg)
APIからアクセスしてみる[設定完了 ]をクリックします。
![Page 70: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/70.jpg)
APIからアクセスしてみるMac,Linuxの人
curl -H "X-Cybozu-API-Token: <トークン >" "https://<ドメイン >.cybozu.com/k/v1/record.json?app=<アプリNo>&id=1"
ターミナルで curlコマンドを実行する。
![Page 71: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/71.jpg)
APIからアクセスしてみるWindowsの人Chromeのアドオンの postmanを使います。 [その他のツール ]-[拡張機能 ]
![Page 72: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/72.jpg)
APIからアクセスしてみるページ下部の [他の拡張機能を見る ]をクリックします。「 postman」を検索してインストールします。
![Page 73: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/73.jpg)
APIからアクセスしてみるpostmanを起動します。
![Page 74: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/74.jpg)
APIからアクセスしてみる以下の設定をして [send]をクリックします。
・ GET
・ URLhttps://<ドメイン >.cybozu.com/k/v1/record.json
・ Paramsapp <アプリ No>id 1
・ HeadersX-Cybozu-API-Token <トークン >
![Page 75: ヤマムギVol.2 kintoneデータ集計 ハンズオン資料](https://reader036.vdocuments.site/reader036/viewer/2022081505/58846f001a28abbd308b7af9/html5/thumbnails/75.jpg)
ご清聴ありがとうございました。
Special Thanx to…..