kintoneカスタマイズのコツ -その可能性を引き出すために-

kintone Café 松山 #1

2014年9月22日 kintoneエバンジェリスト　山下 竜

＃kintonecafe

Twitter: @yamaryu0508 FB: https://www.facebook.com/ryu.yamashita.3 Blog: http://yamaryu0508.hatenablog.com/

原型を留めない？

自己紹介•基本情報!

•山下 竜（32）　福岡県大牟田市出身

•最先端の無線通信がやりたくて上京（学生'05-06）!

•マルチホップ、今のSC-FDMAに類するものに苦戦（信号処理中心）

•交通混雑と空気環境に耐えられそうになく、Uターン（九州電力の通信部門'07-10）!

•通信システムの工事等を3年間（線路/伝交、陸技、CCNP/DP→ケーブル、電源、伝送交換・IP等）

• M2Mサービス化のための事業部門（ニシムのサービス部門'10-14.7）!•企画・営業がメイン（これ大切）

• との出会いをきっかけに技術支援も

•光ファイバ心線貸し事業を行う現部署へ（九州電力通信部門'14.8-現在）!• 営業・事業管理、経営資源統合に伴う事業移管

Layer1

Layer1-3

Layer8?

Layer1-8

自己紹介

kintone Café 福岡 Vol.1

kintone Café 福岡 Vol.2

kintone Café Vol.1～2の主催

※開催レポート http://yamaryu0508.hatenablog.com/archive/category/kintone%20Caf%C3%A9

• REST API

• レコードやスペースの操作（登録・更新・削除等）、バルクAPI

• ユーザ・組織の操作

• JavaScript/CSSカスタマイズ

• 各種イベントハンドル、情報取得

• プロキシによる外部API連携

• URL指定によるライブラリの読み込み（HTTPS対応）

kintoneカスタマイズ機能（スタンダードコース）

データ レコード スペース ユーザ

UI

基幹システム Excel

他のクラウドREST API

kintone.proxy

サーバを準備しなくてもできる kintoneのJavaScriptカスタマイズ

まずは見た目重視で

JavaScriptカスタマイズ他サービスを取込みつつ、 動画をブクマしたり

データをバインドして ライブラリでグラフ化し直したり

ダイナミックなプラグインライブラリで見た目をオシャレにしたり

JavaScriptカスタマイズ

[subdomain]

モバイルの利便性を向上させる 地図を利用したり

JavaScript/CSSカスタマイズ

データをバインドして、CSSフレームワークで社内CMS・ポータルにしてみたり

kintone JavaScript カスタマイズの可能性を更に広げる

巷のサービスと連携してアプリ作りたい時ありませんか？

メール 電話/SMS

イベントツール

（環境）データ 電子会計

コラボレーションツール

現在MA10も開催中ですね！

kintone.proxy()が今熱い！

そんな思いをサーバレスで叶えてくれる

早々にデモを(^^)

※一部を https://github.com/yamaryu0508/kintone-JS に公開させて 　頂いています。

kintone.proxy()におけるPOST/PUTのポイント

項目 フォーム形式データ JSON形式データ

リクエストヘッダ (MIMEタイプ)

'Content-Type' : 'application/x-www-form-urlencoded'

'Content-Type' : 'application/json'

リクエストボディ 記載方法

'{key1}={value1}&{key2}={value2}&...' （文字列）

※{value}はURLエンコード

JSON （文字列、オブジェクト）

サービス例 Twilio、SendGrid、Typetalk kintone、Square、xively

※GETのレスポンスは殆どがJSON

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