【kintone café京都#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 の拡張機能


kintone のカスタマイズ  データを連携する

 画面をカスタマイズする


REST API

「kintone」と他のシステムとのデータ連携が可能になります。他システムのデータを「kintone」に取り込んだり、「kintone」に蓄積したデータを他システムに渡す事ができるようになります。

JavaScript/CSS 読み込み「kintone」の画面をカスタマイズすることで、標準で搭載されていない機能を利用できるようになります。

REST API の利用イメージ  連携プログラムを開発

 ウェブサイトからの連携


データベース連携プログラム（データ取得）（データ登録）

（データ登録）

REST API

REST API

会員登録制サイト（データ取得）

JavaScript の利用イメージ  作成した JavaScript ファイルを kintone に読み込む


JS�

REST API を使った事例


kintone × 基幹システム


返品/クレーム管理

kintone × 羽田空港


kintone × 羽田空港


REST API

https://kintone.cybozu.com/jp/case/introduction10.html

kintone × M2M2H


n  太陽光発電

Machine 2Machine 2Human n  環境管理@圃場 n  電波環境測定

kintone × M2M2H


八街太陽光発電所（現場）

①現地データの収集・連携 REST API

②収集データの加工 REST API

③加工データの連携 REST API

④カスタムグラフ JavaScript

•  発電正常性の確認・異常時通知 •  散布図による簡易的な異常判定

•  保守効率化 •  売電損失の軽減

kintone Café 東京 Vol.1 kintoneエバンジェリスト山下さんの発表資料より抜粋 https://youtu.be/BLdzqkVK3eo

JavaScript/CSS カスタマイズを使った事例


kintone × Google Map


kintone × ガントチャート


kintone × スタンプ


h"ps://kintone-‐stamp.lexues.co.jp/

カスタマイズビュー

17Copyright (C) 2014 Cybozu

「カスタマイズ」を選択すると、HTML を記述して、一覧画面を自由にカスタマイズできます。

例えば、複数アプリのデータを結合して表示（予実の対比）したり、グラフを表示させる事ができます。

kintone プラグイン

JavaScript や CSS をパックにして配布できる仕組み


Garoon スケジュール連携プラグイン


登録したスケジュールが「kintone」に表示されます。スケジュール登録時に「kintone」の情報を取得することができます。

関連付ける予定メニューによって、連携させるアプリを切り替えることもできます。

「kintone」アプリのレコードを、クラウド版「Garoon」の予定と関連付けられます。関連付けた予定は、「Garoon」の予定に一覧表示されます。また、「kintone」のレコードから「Garoon」に予定を登録することもできます。

プリントクリエイタープラグイン


「プリントクリエイター」は、「kintone」アプリに登録されたデータを利用して、きれいに帳票印刷をするためのサービスです。「プリントクリエイター」に PDF ファイル形式の帳票データを読み込み、「kintone」アプリ上のデータを帳票のどの位置に表示するかを設定するだけで、「kintone」に登録されている情報を帳票印刷できます。

見積依頼アプリ

レコード1

顧客名

商品コード

商品名

単価

帳票のどの位置にどのデータを出力するかを細かく設定可能です。

プラグイン開発の公開


現状はサイボウズが用意したプラグインしか利用できませんが、年明けのアップデートでプラグインを読み込めるようにする事を検討しています。同時に開発ドキュメントを公開し、kintoneのユーザー、パートナーが自らプラグインの開発を行い、kintoneへアップロードする事が可能になります。

プラグイン用ファイルパッケージングツールパッケージ

アップロード

※ 手順は変更になる場合があります

kintone 拡張機能まとめ kintone を拡張する方法は「REST API」と「JavaScript/CSS 読み込み」の2つの方法があります。 – 「REST API」を使うと他のシステム・サービスとデータの連携ができます。

– 「JavaScript/CSS 読み込み」を使うと、画面をカスタマイズできます。

 「kintone プラグイン」を使う事で、開発したスクリプトを効率的に配布できます。


cybozu.com developer network のご紹介


cybozu.com developer network


  APIドキュメント  コミュニティ   Tips  サンプル  開発者ライセンス

https://cybozudev.zendesk.com/

2012年10月公開 2014年7月リニューアル

kintone エバンジェリスト


19

開発を助けるライブラリ集


　アカウント言語 kintone iOS

Java コマンドライン

cybozu Go icoxfog417 .NET yamaryu0508 R jue58 Ruby


https://cybozudev.zendesk.com/

スタンダードコース 5ライセンス/年


One more thing…


WordPress に登録フォームを生成 kintone へのデータ登録


をものすごく簡単に実現するプラグイン（GPL）

構成


問い合わせフォーム

問い合わせ管理アプリ

（アプリの設計情報取得）

REST API

自動生成されたフォーム

投稿ページ

ショートコード [kintone app=“アプリID” token=“APIトークン” sub_domain=“サブドメイン”]

REST API

（データ登録）


11月のWordBench 大阪でハンズオンイベント開催！！(予定)

cybozu.osaka


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

Software

【kintone café京都#1】kintoneの拡張機能