SlideShare a Scribd company logo
何だかんだ言って手放せないExcelと
kintoneを連携させよう!
(株)アイティー・プラス・ワン
kintoneエバンジェリスト
星野智久
2015年11月14日
kintone & AWS ハンズオン秋祭り
2015
自己紹介
最近、枝豆の収穫イベントに参加したら
kintoneの導入事例ができました
株式会社アイティー・プラス・ワン
星野 智久(愛称は・・・のんびん、ブルー)31歳
新潟県長岡市(旧川口町)出身
サイボウズ公認kintoneエバンジェリスト
kintoneCafé新潟支部長もしています
今日の目標
参加者の皆様が
後でハンズオン資料を見直すだけで
・Excelからkintoneのレコードを取得する
・取得したkintoneのレコードをExcelに表示する
ハンズオン開始
それではハンズオン開始です
アプリの追加
まずはここを選択
アプリの追加
今回はアプリストアから作成
アプリの追加
案件管理を追加
アプリの追加
CSVファイルをダウンロード
アプリの追加
「ファイルから読み込む」をクリック
アプリの追加
「参照」をクリック
アプリの追加
なにも変更せず「読み込む」をクリック
アプリの追加
48件登録していることを確認
VBAの起動
「ファイル」タブの「オプション」をクリック 「リボンのユーザー設定」の「開発」にチェック
VBAの起動
「開発」タブの「Visual Basic」をクリック
VBAの起動
「Sheet1」をクリック
VBAの起動
何も入力されていない画面が表示
VBAの起動
「開発」タブの「挿入」から「コマンドボタン」クリック
VBAの起動
シートにボタンを作成してダブルクリック
VBAの起動
ボタンをクリックしたときに
呼び出されるコードが自動生成
ボタンの処理追加
上記処理を追加
ボタンの処理追加
ソース01.txtをダウンロードして利用
ボタンの処理追加
デザインモードを解除してボタンをクリック
ボタンの処理追加
ボタンクリックの処理がシートに反映
kintoneへアクセス
kintoneにアクセスしてみよう
kintoneへアクセス
kintone接続01.xlsmをダウンロード
kintoneへアクセス
コンテンツの有効化をクリック
kintoneへアクセス
「開発」タブの「Visual Basic」をクリック
kintoneへアクセス
ログインIDとパスワードを記載する
kintoneへアクセス
kintoneのURLを指定する
案件管理のアプリIDを指定する
kintoneへアクセス
アプリID
サブドメイン
kintoneへアクセス
kintoneのURLを指定する
kintoneへアクセス
kintone接続ボタンをクリック
kintoneへアクセス
案件管理から取得した情報を表示
改行なしの文字列なので、
欲しい情報に対して
ピンポイントにアクセスで
きない
JSON形式に変換
JSON形式に変換してみよう
JSON形式に変換
http://vba-json.googlecode.com/svn/trunk/
上記URLにアクセスしてjson.xlsをダウンロード
ダウンロード後にjson.xlsを開いてVisual Basicを起動
JSON形式に変換
Json変換用ライブラリのリンクをクリック
JSON形式に変換
「開発」タブの「Visual Basic」をクリック
JSON形式に変換
「開発」タブの「Visual Basic」をクリック
JSON形式に変換
JSON形式に変換
「クラスモジュール」の「jsonlib」から
ファイルのエクスポートを選択
「jsonlib.cls」を保存
JSON形式に変換
「挿入」からクラスモジュールを選択
Kintone接続用ExcelのVisual Basicを起動
JSON形式に変換
「クラスモジュール」の「ファイルのインポート」を選択
エクスポートした「jsonlib.cls」を読み込む
JSON形式に変換
「クラスモジュール」に「 jsonlib.cls 」が読み込まれる
JSON形式に変換
!!注意!!
JSON形式に変換
「」となっている部分を「」に修正
kintoneのデータに「」が含まれている場合に無限ループ
する可能性が・・・
JSON形式に変換
修正済みJSONLib.clsをダウンロードして利用
JSON形式に変換
ダウンロードした修正済みJSONLib.clsを利用する場合は、
既にあるjsonLibを開放してからインポート
JSON形式に変換
JSON形式に変換
JSON形式に変換する処理を追加
JSON形式に変換
ソース02.txtをダウンロードして利用
JSON形式に変換
この行にブレイクポイントを設定する
JSON形式に変換
レスポンス情報変数「res」を選択して、ウォッチ式に追加
同じ手順で「parseJSON」もウォッチ式に追加
JSON形式に変換
ウォッチに変数が追加される
kintoneへアクセス
kintone接続ボタンをクリック
JSON形式に変換
ブレイクポイントで処理が停止
ウォッチ式へ設定
している変数に値
が入っている
JSON形式に変換
「res」には文字列で情報が登録されている
「 parseJSON」はDictionary型で登録されている
Dictionary型にはkeyでアクセス
すると値が取得できます。
そのため、欲しい情報をピンポ
イントで取得しやすい♪
JSON形式に変換
「 parseJSON」の中にある「Item 1」の「 records 」に
kintoneから取得したレコード情報が格納されている
JSON形式に変換
「ウォッチ」で右クリックをし、メニューから「ウォッチ式の追
加」を選択
JSON形式に変換
「式」に「parseJSON(“records”)」を追加して「OK」をクリック
JSON形式に変換
kintoneから取得したレコード情報の数だけ
「 records 」の中に「Item」が格納される
「Item」の中の「Item」にはレコード情報の詳細情報が格納
される
JSON形式に変換
ここまでの処理が実装されているファイル
「kintone接続02.xlsm」
利用する際は「Visual Basic」を起動して
ログインIDやパスワードなどを置き換えること
Excelに表示
取得した情報をExcelに
表示してみよう
Excelに表示
kintoneに登録されているこの情報をExcelに表示
Excelに表示
と、その前にちょっと下準備
Excelに表示
アプリの設定をクリック
Excelに表示
会社名フィールドの設定をクリック
Excelに表示
フィールドコードを会社名に変更
変更後に保存ボタンをクリック
Excelに表示
赤枠で囲んであるフィールドも同じように
フィールドコードをフィールド名と同じように変更
変更後に保存ボタンをクリック
Excelに表示
この下準備を行うと
Excelに表示
「文字列_1行_」となっていた項目が
「メールアドレス」と変更したフィールドコードで表示
JSON形式に変換
kintone接続03.xlsmをダウンロード
「Visual Basic」を起動してログインIDやパスワードなど
を置き換える
Excelに表示
kintone接続ボタンをクリック
Excelに表示
kintoneに登録してある一行目の情報が表示
Excelに表示
取得してきた一行目の情報
それぞれ取得したいフィールドコードでアクセス
Excelに表示
https://cybozudev.zendesk.com/hc/ja/articles/202331474-
%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%8F%96%E5%BE%97-GET-
フィールドのタイプ(type)と値(value)を持っている
検索条件を指定
kintoneの情報を絞り込んで
取得しよう
検索条件を指定
「絞り込みボタン」をクリック
「会社名」を「株式会社ハンズオン8」に指定
検索条件を指定
件数が5件
「株式会社ハンズオン8」のレコードだけ表示
検索条件を指定
Excelから同じ条件で
取得してみよう
検索条件を指定
kintone接続04.xlsmをダウンロード
「Visual Basic」を起動してログインIDやパスワードなど
を置き換える
検索条件を指定
kintone接続ボタンをクリック
検索条件を指定
「株式会社ハンズオン8」のレコードが表示
検索条件を指定
絞り込み条件を「株式会社ハンズオン8」に設定
条件分をURLエンコードしてURLに設定
検索条件を指定
取得した情報を複数表示し
てみよう
検索条件を指定
kintone接続05.xlsmをダウンロード
「Visual Basic」を起動してログインIDやパスワードなど
を置き換える
検索条件を指定
kintone接続ボタンをクリック
検索条件を指定
「株式会社ハンズオン8」のレコードが
複数表示
検索条件を指定
取得したレコードの数だけ繰り返し
検索条件を指定
ハンズオンは以上となります

More Related Content

PPTX
kintone Café 新潟 Vol.3 ハンズオン(アプリ作成編)
PDF
Kintone cafe新潟vol3
PDF
kintone hive ライトニングトーク ジョイゾー 四宮様
PDF
kintone JSコーディングの玄人化を目指して - kintone evaCamp 2017
PPTX
kintoneトレンドワードと実践事例
PDF
俺のキントーンはそんなもんやないはず
PDF
Calendar Plus JavaScript APIをいじってみた
PDF
プロジェクト管理ってなんだろう? ~kintoneを利用したプロジェクト進行イメージ~
kintone Café 新潟 Vol.3 ハンズオン(アプリ作成編)
Kintone cafe新潟vol3
kintone hive ライトニングトーク ジョイゾー 四宮様
kintone JSコーディングの玄人化を目指して - kintone evaCamp 2017
kintoneトレンドワードと実践事例
俺のキントーンはそんなもんやないはず
Calendar Plus JavaScript APIをいじってみた
プロジェクト管理ってなんだろう? ~kintoneを利用したプロジェクト進行イメージ~

What's hot (6)

PPTX
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
PDF
僕達が大好きなkintone
PDF
ネットワーク・サーバーリソースを 贅沢に使ってみた話
PPTX
コワーキングスペースの活用事例 - コワーキングスペース7F
PDF
kintoneで夫婦円満になった理由 Cloud days 2016 Tokyo
PDF
20151107 Code for Japan Summit 2015 - IKOMA
ノンプログラミングでできるkintone・クローバPAGE・PayPal決済の申し込み管理
僕達が大好きなkintone
ネットワーク・サーバーリソースを 贅沢に使ってみた話
コワーキングスペースの活用事例 - コワーキングスペース7F
kintoneで夫婦円満になった理由 Cloud days 2016 Tokyo
20151107 Code for Japan Summit 2015 - IKOMA
Ad

Similar to kintone & AWS ハンズオン秋祭り 2015 (Excel × kintone) (20)

PPTX
kintoneの乗りこなしとブースト方法
PDF
2018/01/26 kintone devCcamp fukuoka
PDF
2018/03/07 kintone hive fukuoka Vol.2
PDF
57歳でもできるFlowで お手軽kintoneバッチ処理 @ kintone devCamp 2019
PDF
Cloud in the Camp 2024 札幌 Horippa kintoneアプリの作り方そしてアプリを作ることによるその効果
PDF
モバイルファースト かすたまいずをカスタマインで やってみた
PDF
kintone & AWSサーバレスアーキテクチャのベストプラクティス
PDF
2018/09/06 kintone hive fukuoka Vol.3
PPTX
kintone spreadsheet
PPTX
Kintoneでビジュアル操作 公開用
PDF
kintoneでビジュアル操作
PPTX
【kintone hive 上海】株式会社ジョイゾー様講演資料_160923
PDF
kintoneと初心者SIerのハッピーパターン
PPTX
kintone で実現するちょっと近未来なインターフェース
PDF
kintone × IoT 連携による現場業務の改善(kintone hive)
PDF
kintone × IoT 連携による現場業務の改善(kintone hive)
PDF
Kintone hacktokyo1(kintone ×_iot連携による現場業務の改善)
PDF
ビギナーのための 愉しいkintoneアクティビティ のすすめ
PDF
kintone Café 札幌 Vol.7 「kintoneエコシステム真時代の幕開け! -kintoneエコシステムとAWSサーバレスアーキテクチャ-」
PDF
kintone Café 札幌 Vol.7 「kintoneエコシステム真時代の幕開け! -kintoneエコシステムとAWSサーバレスアーキテクチャ-」
kintoneの乗りこなしとブースト方法
2018/01/26 kintone devCcamp fukuoka
2018/03/07 kintone hive fukuoka Vol.2
57歳でもできるFlowで お手軽kintoneバッチ処理 @ kintone devCamp 2019
Cloud in the Camp 2024 札幌 Horippa kintoneアプリの作り方そしてアプリを作ることによるその効果
モバイルファースト かすたまいずをカスタマインで やってみた
kintone & AWSサーバレスアーキテクチャのベストプラクティス
2018/09/06 kintone hive fukuoka Vol.3
kintone spreadsheet
Kintoneでビジュアル操作 公開用
kintoneでビジュアル操作
【kintone hive 上海】株式会社ジョイゾー様講演資料_160923
kintoneと初心者SIerのハッピーパターン
kintone で実現するちょっと近未来なインターフェース
kintone × IoT 連携による現場業務の改善(kintone hive)
kintone × IoT 連携による現場業務の改善(kintone hive)
Kintone hacktokyo1(kintone ×_iot連携による現場業務の改善)
ビギナーのための 愉しいkintoneアクティビティ のすすめ
kintone Café 札幌 Vol.7 「kintoneエコシステム真時代の幕開け! -kintoneエコシステムとAWSサーバレスアーキテクチャ-」
kintone Café 札幌 Vol.7 「kintoneエコシステム真時代の幕開け! -kintoneエコシステムとAWSサーバレスアーキテクチャ-」
Ad

kintone & AWS ハンズオン秋祭り 2015 (Excel × kintone)