【kintone café京都#1】kintoneの拡張機能

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

ご清聴ありがとうございました。