【kintone café京都#1】kintoneの拡張機能
DESCRIPTION
2014年10月22日にoinai karasumaさんで開催された、kintone café京都#1の発表資料です。 http://oinai-karasuma.jp/blog/2014/10/24/1022-%E6%B0%B4-%E3%80%8Ckintone-cafe-%E4%BA%AC%E9%83%BD-1%E3%80%8D-%E8%A8%98%E9%8C%B2%EF%BC%81/TRANSCRIPT
kintone の拡張機能
サイボウズ株式会社 浅賀 功次
kintone Café 京都 #1 2014.10.22
自己紹介
Copyright (C) 2014 Cybozu 1
浅賀 功次(あさが こうじ) サイボウズ株式会社 システムコンサルティング本部 関西 SC グループ マネージャー
2006年中途入社、2007年から大阪オフィスで勤務
業務:関西エリアにおける kintone 開発者の発掘
東京都出身・京都府宇治市在住
I ❤ 京都
Agenda
kintone の拡張機能 cybozu.com developer network のご紹介
2 Copyright (C) 2014 Cybozu
kintone の拡張機能
Copyright (C) 2014 Cybozu 3
kintone のカスタマイズ データを連携する
画面をカスタマイズする
Copyright (C) 2014 Cybozu 4
REST API
「kintone」と他のシステムとのデータ連携が 可能になります。 他システムのデータを「kintone」に取り込んだり、「kintone」に蓄積したデータを他システムに渡す事ができるようになります。
JavaScript/CSS 読み込み 「kintone」の画面をカスタマイズすることで、 標準で搭載されていない機能を利用できるようになります。
REST API の利用イメージ 連携プログラムを開発
ウェブサイトからの連携
Copyright (C) 2014 Cybozu 5
データベース 連携プログラム (データ取得) (データ登録)
(データ登録)
REST API
REST API
会員登録制サイト (データ取得)
JavaScript の利用イメージ 作成した JavaScript ファイルを kintone に読み込む
Copyright (C) 2014 Cybozu 6
JS�
REST API を使った事例
Copyright (C) 2014 Cybozu 7
kintone × 基幹システム
Copyright (C) 2014 Cybozu 8
返品/クレーム管理
kintone × 羽田空港
Copyright (C) 2014 Cybozu 9
kintone × 羽田空港
Copyright (C) 2014 Cybozu 10
REST API
https://kintone.cybozu.com/jp/case/introduction10.html
kintone × M2M2H
Copyright (C) 2014 Cybozu 11
n 太陽光発電
Machine 2Machine 2Human n 環境管理@圃場 n 電波環境測定
kintone × M2M2H
Copyright (C) 2014 Cybozu 12
八街太陽光発電所(現場)
①現地データの収集・連携 REST API
②収集データの加工 REST API
③加工データの連携 REST API
④カスタムグラフ JavaScript
• 発電正常性の確認・異常時通知 • 散布図による簡易的な異常判定
• 保守効率化 • 売電損失の軽減
kintone Café 東京 Vol.1 kintoneエバンジェリスト山下さんの発表資料より抜粋 https://youtu.be/BLdzqkVK3eo
JavaScript/CSS カスタマイズを使った事例
Copyright (C) 2014 Cybozu 13
kintone × Google Map
Copyright (C) 2014 Cybozu 14
kintone × ガントチャート
Copyright (C) 2014 Cybozu 15
kintone × スタンプ
Copyright (C) 2014 Cybozu 16
h"ps://kintone-‐stamp.lexues.co.jp/
カスタマイズビュー
17Copyright (C) 2014 Cybozu
「カスタマイズ」を選択すると、HTML を記述して、一覧画面を自由にカスタマイズできます。
例えば、複数アプリのデータを結合して表示(予実の対比)したり、 グラフを表示させる事ができます。
kintone プラグイン
JavaScript や CSS をパックにして配布できる仕組み
18 Copyright (C) 2014 Cybozu
Garoon スケジュール連携プラグイン
Copyright (C) 2014 Cybozu 19
登録したスケジュールが「kintone」に表示されます。 スケジュール登録時に「kintone」の情報を取得することができます。
関連付ける予定メニュー によって、連携させるアプリを切り替えることもできます。
「kintone」アプリのレコードを、クラウド版「Garoon」の予定と関連付けられます。 関連付けた予定は、「Garoon」の予定に一覧表示されます。 また、「kintone」のレコードから「Garoon」に予定を登録することもできます。
プリントクリエイタープラグイン
Copyright (C) 2014 Cybozu 20
「プリントクリエイター」は、「kintone」アプリに登録されたデータを利用して、きれいに帳票印刷をするためのサービスです。 「プリントクリエイター」に PDF ファイル形式の帳票データを読み込み、「kintone」アプリ上のデータを帳票のどの位置に表示するかを設定するだけで、「kintone」に登録されている情報を帳票印刷できます。
見積依頼アプリ
レコード1
顧客名
商品コード
商品名
単価
帳票のどの位置にどのデータを出力するかを細かく設定可能です。
プラグイン開発の公開
Copyright (C) 2014 Cybozu 21
現状はサイボウズが用意したプラグインしか利用できませんが、年明けのアップデートでプラグインを読み込めるようにする事を検討しています。 同時に開発ドキュメントを公開し、kintoneのユーザー、パートナーが自らプラグインの開発を行い、kintoneへアップロードする事が可能になります。
プラグイン用ファイル パッケージングツール パッケージ
アップロード
※ 手順は変更になる場合があります
kintone 拡張機能まとめ kintone を拡張する方法は「REST API」と「JavaScript/CSS 読み込み」の2つの方法があります。 – 「REST API」を使うと他のシステム・サービスとデータの連携ができます。
– 「JavaScript/CSS 読み込み」を使うと、画面をカスタマイズできます。
「kintone プラグイン」を使う事で、開発したスクリプトを効率的に配布できます。
Copyright (C) 2014 Cybozu 22
cybozu.com developer network のご紹介
Copyright (C) 2014 Cybozu 23
cybozu.com developer network
Copyright (C) 2014 Cybozu 24
APIドキュメント コミュニティ Tips サンプル 開発者ライセンス
https://cybozudev.zendesk.com/
2012年10月公開 2014年7月リニューアル
kintone エバンジェリスト
Copyright (C) 2014 Cybozu 25
19
開発を助けるライブラリ集
Copyright (C) 2014 Cybozu 26
アカウント 言語 kintone iOS
Java コマンドライン
cybozu Go icoxfog417 .NET yamaryu0508 R jue58 Ruby
27 Copyright (C) 2014 Cybozu
https://cybozudev.zendesk.com/
スタンダードコース 5ライセンス/年
28 Copyright (C) 2014 Cybozu
One more thing…
29 Copyright (C) 2014 Cybozu
WordPress に登録フォームを生成 kintone へのデータ登録
Copyright (C) 2014 Cybozu 30
をものすごく簡単に実現するプラグイン(GPL)
構成
Copyright (C) 2014 Cybozu 31
問い合わせフォーム
問い合わせ管理アプリ
(アプリの設計情報取得)
REST API
自動生成されたフォーム
投稿ページ
ショートコード [kintone app=“アプリID” token=“APIトークン” sub_domain=“サブドメイン”]
REST API
(データ登録)
Copyright (C) 2014 Cybozu 32
11月のWordBench 大阪で ハンズオンイベント開催!!(予定)
cybozu.osaka
33 Copyright (C) 2014 Cybozu
ご清聴ありがとうございました。