2016年7月27日(水曜日)に開催されたkintone Café 岡山 Vol.1で発表したkintoneカスタマイズはじめの1歩シリーズ資料です！

1. 1

2. 2
kintoneカスタマイズことはじめ
- はじめの1歩シリーズ♪ -
2016年7月27日
アールスリーインスティテュート
いけがみ みどり

3. 3
kintoneの「ｋ」は

4. 4
小文字の「ｋ」

5. 5
とおぼえましょう♡

6. 6
池上 緑（どりぃって呼んでね）
アールスリーインスティテュート
クラウドエンジニア
gusukuエバンジェリスト
p526CA
p52_rocca
業務に関すること
 クラウド使ったソリューション・構築・お客様
への要件のヒアリングとか！
 最近はマーケ・広報活動も少々
 展示会ではコスプレエンジニア
 普段の姿もOLコスプレ
 心はわりと低レイヤー思考
 インフラエンジニアと思われ〼
 実際インフラもやってるけど！
 ネットワーク、サーバー、ストレージ、クラウ
ドインフラ、ミドルウェア好き #このへん
語ります
 世の中のエバンジェリストと言われるエバの中
で恐らく最もエバっぽくない人種だと思って
業務外のこと
 コミュニティ運営したり登壇したり
 最近女子会コミュニティの立ち上げや
フォロー多め
 kintone Café 大阪/関西女子会 運営コ
ア
 kintone Café 沖縄女子会 立ち上げフォ
ロー
 JAWS-UG 関西女子会 運営コア
 このあたりに書いてあるので見てくださ
い！
https://www.r3it.com/community/
自己紹介

7. 7
(・8・)
登壇する時バージョン
【結論】
真面目な登壇の時はちゃんと中の人

8. 8
登壇以外は主にコスプレ活動
IT系勉強会でMCやったりセミナーのブースでコンパ
ニオン系やったりコスプレ枠で召喚してもらうこと
も増えてます
※マトモなことは（求められれば）しゃべります！

9. 9
kintone hive onlineにも掲載！
となりのkintoneユーザーさんに突撃する企画
「突撃☆となりのkintone」でもサイボウズさんから取材してもらった！

10. 10
アールスリーインスティテュート（以下R3）は・・・
クラウドを駆使してお客様の課題解決を行うシステム開発会社
インフラからアプリケーションまで全部お世話したりすることも。
大阪の会社だよっ(・8・)
www.r3it.com
大阪の会社だけど、
沖縄にリモートワー
カーもいるよ！
弊社アールスリーのご紹介

11. 11
帰ってきた（実は地元

12. 12
kintone Café岡山
記念すべきVol.1

13. 13
おめでとうございます！

14. 14
初開催を記念して

15. 15
kintoneカスタマイズ
するぜ！ってなった時の

16. 16
わたしなりの←※ここ重要
『はじめの1歩』を！

17. 17
みんなにさくっと
紹介しちゃうよ！

18. 18
本日のハッシュタグ
#kintone_okayama

19. 19
このURLに
アクセス！
https://cybozudev.zendesk.com/hc/ja

20. 20
カスタマイズをはじめる前の6箇条
 その1 kintone 開発者ライセンスを申し込む
(環境準備)
 その2 エディタを準備する
 その3 デバッグ方法を知る
 その4 開発効率を上げる方法を知る
 その5 JavaScriptコードチェッカーを知る
 その6 cybozu.com developer network コミュニ
ティを活用する

21. 21
注意事項
 今回はkintoneでカスタマイズをする時に事前
に知っておいたら便利かな？ということについ
てお話します
 実際のJavaScript/CSSを利用したカスタマイ
ズ方法や、コードの記述方法については本
セッション内では触れません
 知りたい人はkintoneエバを捕まえて小一時間
問い詰めて下さい（★ここ重要）

22. 22
その1 kintone 開発者ライセンスを申し込む
まずkintoneのアプリを作成するための環境の準備が必
要なので、開発者ライセンスを取得します

23. 23
その1 kintone 開発者ライセンスを申し込む
開発者ライセンスの取得にはcybozu.com developer
networkへのアカウント登録が必須です

24. 24
 5ユーザー、1年間無償の開発者ライセンスの
申し込み
1年経っても実は継続して利用が可能
 Tipsへのコメントやコミュニティフォーラムへの
投稿
kintoneエバやサイボウズの中の人など詳しい
方々が回答してくれる！
 Tipsやサンプルアプリのkintoneデモ環境への
アクセス
 HTTP Client Tool for kintone の利用
その1 kintone 開発者ライセンスを申し込む

25. 25
デモ環境について（ちょっとだけ説明）
http://www.slideshare.net/dolly6ca/201604
30-kintone-caf-vol1-kintone
その1 kintone 開発者ライセンスを申し込む

26. 26
その2 エディタを準備する
JavaScriptやCSSが記述しやすいエディタを選択するのがお勧め。
Linterインストールできたり補完が利くエディタって考えると個人的にはわりとAtom推
し（kintone用のJSスニペットを有志が公開してくれてる。でもWindowsだと重かっ
た・・・）

27. 27
その3 デバッグ方法を知る
https://cybozudev.zendesk.com/hc/ja/articles/207613916
kintoneエバのTipsを熟読しましょう
（言葉で説明するより身体で覚えたほうが早い）

28. 28
その4 開発効率を上げる方法を知る
https://cybozudev.zendesk.com/hc/ja/articles/201308690
kintoneエバのTipsを熟読しましょう
（言葉で説明するより身体で覚えたほうが早い＊その2）
※Dropbox上にソース置く→保存したらリアルタイムでkintone側にも適用されるよ

29. 29
その4 開発効率を上げる方法を知る
https://gusuku.io/
実はこんなサービス提供してたりする
kintoneを使ったアプリ開発をする時に効率的にアプリを管理す
ることができる便利ツールだよ！

30. 30
その5 JavaScriptコードチェッカーを知る
https://cybozudev.zendesk.com/hc/ja/articles/204442970
実際に使ってみましょう！
（言葉で説明するより身体で覚えたほうが早い）

31. 31
その6 cybozu.com developer network
コミュニティを活用する
https://cybozudev.zendesk.com/hc/ja/community/topics
kintoneで不明点があったらどんどん投げかけよう！

32. 32
 kintoneのJS用のコーディングガイドラインが
あります
 JS使ってカスタマイズする時には留意するよ
うにして下さい
 その他各種ガイドラインはこちらから
https://cybozudev.zendesk.com/hc/ja/sections/200
385940-ガイドライン
補足：kintoneカスタマイズ時の
ガイドライン（JavaScript）

33. 33
kintone Café開催情報は
こちらをチェック！
http://kintonecafe.com/

34. 34
ご清聴
ありがとうございました！