「kintone Café 松山 #1」でお話しさせて頂いたスライドです。 　・kintoneのJavaScriptカスタマイズ例 　・kintone.proxy()のPOST/PUTのポイント 関連記事　http://yamaryu0508.hatenablog.com/entry/2014/09/23/154350

1. 原型を留めない？
kintoneカスタマイズのコツ
-その可能性を引き出すために-
kintone Café 松山 #1
＃kintonecafe
2014年9月22日
kintoneエバンジェリスト 山下 竜
Twitter: @yamaryu0508
FB: https://www.facebook.com/ryu.yamashita.3
Blog: http://yamaryu0508.hatenablog.com/

2. 自己紹介
• 基本情報!
•山下 竜（32） 福岡県大牟田市出身
• 最先端の無線通信がやりたくて上京（学生'05-06）!
•マルチホップ、今のSC-FDMAに類するものに苦戦（信号処理中心）
• 交通混雑と空気環境に耐えられそうになく、Uターン（九州電力の通信部門'07-10）!
•通信システムの工事等を3年間（線路/伝交、陸技、CCNP/DP→ケーブル、電源、
伝送交換・IP等）
• M2Mサービス化のための事業部門（ニシムのサービス部門'10-14.7）!
•企画・営業がメイン（これ大切）
• との出会いをきっかけに技術支援も
• 光ファイバ心線貸し事業を行う現部署へ（九州電力通信部門'14.8-現在）!
• 営業・事業管理、経営資源統合に伴う事業移管
Layer1
Layer1-3
Layer8?
Layer1-8

3. 自己紹介
kintone Café 福岡 Vol.1
kintone Café Vol.1～2の主催
kintone Café 福岡 Vol.2
※開催レポート http://yamaryu0508.hatenablog.com/archive/category/kintone%20Caf%C3%A9

4. kintoneカスタマイズ機能（スタンダードコース）
• REST API
• レコードやスペースの操作（登録・更新・削除等）、
バルクAPI
• ユーザ・組織の操作
• JavaScript/CSSカスタマイズ
• 各種イベントハンドル、情報取得
• プロキシによる外部API連携
• URL指定によるライブラリの読み込み（HTTPS対応）
UI
データ
レコード
スペース
ユーザ
kintone.proxy
基幹システム
Excel
他のクラウド
REST
API

5. まずは
見た目重視で
サーバを準備しなくてもできる
kintoneのJavaScriptカスタマイズ

6. JavaScriptカスタマイズ
他サービスを取込みつつ、
動画をブクマしたり
データをバインドして
ライブラリでグラフ化し直したり
ダイナミックなプラグインライブラリで
見た目をオシャレにしたり

7. JavaScriptカスタマイズ
[subdomain]
モバイルの利便性を向上させる
地図を利用したり

8. JavaScript/CSSカスタマイズ
データをバインドして、CSSフレームワーク
で社内CMS・ポータルにしてみたり

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

10. 巷のサービスと連携してアプリ作りたい時ありませんか？
メール電話/SMS
イベントツール
（環境）データ電子会計
現在MA10も
開催中ですね！
コラボレーションツール

11. そんな思いをサーバレス
で叶えてくれる
kintone.proxy()が今熱い！

12. 早々にデモを(^^)
※一部を https://github.com/yamaryu0508/kintone-JS に公開させて
頂いています。

13. 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

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