キントーンの開発（カスタマイズ）について本気出して考えてみた/kintonecafe-hamamatsu-vol2

2017年9月25日（月曜日）に開催されたkintone Café 浜松 Vol.2の登壇資料です！
みんなカスタマイズは慎重にね^^

Transcript

1. キントーンの開発（カスタマイズ） について本気出して考えてみた kintone Café 浜松 Vol.2 アールスリーインスティテュート いけがみ みどり 2017.09.25
2. あぼうとどりぃ 2 おなまえ：どりぃ（みみが先生） しょぞく：コミュニティにフルコミットし ている大阪の会社 中の活動： gusukuエバンジェリスト kintone university 認定トレーナー コスプレエンジニア（最近コスプレマーケ 外の活動： kintone Café運営事務局 kintone Café大阪/関西女子会 JAWS-UG、他コミュニティイベントも スプラ2やってるひとはぜひイカナカマに！！
3. 3 すべて同一人物 3 ついにアスキーさんにも 取材してもらった！
4. 会社のごしょうかい 4 社名：アールスリーインスティテュート 設立：2000年8月 大阪本社：大阪市中央区本町 キントーンやAWSなどのクラウドサービ スを活用してユーザーの課題解決をおこな う会社です。
5. #kintonecafe 5 ハッシュタグはこちら
6. 6 ちょこっとだけご紹介
7. 7 kintone Caféとは？ キントーンを学び・教え合う 勉強会コミュニティ
8. 8 kintone Caféの全国イベントが開催 2017年11月10日（金） 会場：ヴァル研究所 kcj2017
9. 9 実行委員長になりました！
10. 10 平日ですが みなさんのご参加 お待ちしてますくコ:彡
11. みなさんにお伝えしたいこと 11 キントーンの開発（カスタマイズ） について本気で考えてみよう
12. 12 まず基本に立ち返ってみる
13. キントーン：きほんてきなつかいかた 13 コミュニケーション ツール グラフの作成・集計 データベース ワークフロー （プロセス管理） サイボウズのクラウドサービス
14. キントーン：ちょっと応用的なつかいかた 14 JavaScript/CSSによる 画面カスタマイズ 標準機能では実現できないことも カスタマイズをすることで 実現可能に 外部サービス連携 （REST API） 基幹システム クラウド メール配信 CMS MAツール BI・帳票 サービス プラグインが提供されているものも多い
15. 15 キントーンでカスタマイズするとき
16. 16 ちょっとだけ立ち止まって考えたい
17. 17 そのカスタマイズ ほんとうに必要ですか？
18. 18 考えて。もう一度。
19. キントーンのきほん 19 ワークフロー設定 簡単なグラフの作成・集計 メール通知機能 アクセス権の設定 基本機能を駆使してもいろいろ実現できる
20. 例えば？ 20 文字列の結合：計算フィールドを使う ルックアップや関連レコードの活用 プラグインの活用
21. 21 それでもカスタマイズやりたい？
22. キントーンのカスタマイズで必要なモノ 22 カスタマイズ するための担当者 （＝人的コスト） カスタマイズ するための学習 （＝学習コスト） 開発を得意とする会社に 外注で頼む？ とにかくお金と時間がかかる
23. 23 それでもわれわれには カスタマイズが必要不可欠なんだ！
24. 24 ならば仕方あるまい
25. 25 ようこそ華麗なる カスタマイズの世界へ
26. 26 何から始めたらいいねん カスタマイズ初心者に立ちはだかる壁
27. 27 そんな時まず確認しよう https://developer.cybozu.io/hc/ja
28. カスタマイズを始める時にやったほうがいいこと 28 開発者ライセンスを申し込む（環境の準備） エディタを準備する デバッグ方法を知る 開発効率を上げる方法を知る JavaScriptコードチェッカーを知る cybozu developer network コミュニティの活用
29. 開発者ライセンスを申し込む（１） 29 注）開発者ライセンスの申し込みには まずcybozu developer network へのメンバー登録が必須です
30. 開発者ライセンスを申し込む（２） 30 2017年9月20日から開発者ライセンスの発行形 態が変わったらしい。よく読むこと ※すでに開発者ライセンスを取得している人は注意
31. エディタを準備する 31 エディタ？メモ帳じゃだめなの？ いけません。UTF-8に対応しているテキストエディタを準備して下さい UTF-8に対応 = 文字コードをUTF-8で指定して保存できる 例えば？・・・さくらエディタや秀丸エディタなど もう少し高機能なもの：IDE（統合開発環境） Atom、Brackets、Sublime Text、MicrosoftのVisual Studio Codeなどなど どりぃ的変遷：Atom（Win）→ Sublime（Win）→ WebStorm （Win）→ Atom（Mac）→Sublime（Mac）→VS Code（Mac） クラウド型のIDE（Cloud9など） = 環境構築が不要
32. デバッグ方法を知る 32 ブラウザの開発者ツールを開いてみると幸せになれる！ こんなやつ。
33. 開発効率を上げる方法を知る 33 こんなプラグインをキントーンに入れてみると便利になる
34. JavaScriptコードチェッカーを知る 34 ガイドラインに準拠したキレイなコードを書けるようになる！ jswatchdog
35. cybozu developer networkコミュニティの活用 35 不明点はとにかくTipsで調べる！ どうしようもなくなったら コミュニティで質問！
36. 36 （補足）お金はかかるけど 確実にカスタマイズが上達する方法
37. ガチでキントーン開発者になれる集中型トレーニング 37 kintone TENJIKU
38. 38 （補足）カスタマイズじゃないけど あるとHAPPYになれるサービス
39. 39 https://gusuku.io/
40. gusukuを使うとこんなことができる 40 スペース間でアプリを 移動したい 本番アプリの設定変更は ミスしそうで不安 データを消してしまった！ 元に戻せない！ 使い慣れたExcelを利用して 帳票を作りたい…
41. 完。 41