gusuku de ゆんたく vol.2 @ Tokyo、Customineハンズオン資料

1. れーっつ！
かすたまーいん！
新妻正夫（あるじさん）
gusuku de ゆんたく Vol.2 ＠東京

2. このスライドについて
2018年6月13日「gusuku de ゆんたく vol.2 @ Tokyo」
で行ったgusuku Customineハンズオンで利用したもの
に追記・修正を加えております
利用しているスクリーンショットは作成時点のもので、今
後変更になる可能性があります
kintoneの環境をまだお持ちでない方は、試用版、開発
版のお申し込みが必要です

3. 自己紹介
✓新妻正夫（にいづままさお）
✓2014年よりサイボウズ公認
kintoneエバンジェリスト
✓職住接近のオフィス兼コワーキ
ングスペース「Hanare」を運
営
✓郵便番号検索プラスプラグイ
ン開発(累計ダウンロード数
5000越え）
「パクチー kintone」で検索ｗ

4. こんなこともして（されて）ます
✓左：うしろん氏によるインタビュー、べ、べつにこよなく愛してなんか・・・
✓右：kintonexプログラミング教育の取材もしています

5. 本日のお題
れっつかすたまいん-その前に
• kintoneの準備はいいですか？
• アプリの準備はいいですか？
• CUSTOMINEの準備はいいですか？
れっーつ！はじめてのカスタマイズ
• アプリに条件付き書式をほどこす
• 発展課題
いじくり倒しタイム

6. れっつかすたまいん-その前に
kintoneの準備はいいですか？いいですよね
• お試し中、開発者版、本番、お好きな環境で
• CUSTOMINEと接続するためのユーザーが必要です（シ
ステム管理者権限が必要です）
• 当然ですがスタンダードコースが必要です
• IP制限とか、BASIC認証などされている方はご注意を
それでは、それぞれのkintoneにログインして次へ進みましょ
う

7. れっつかすたまいん-その前に
アプリの準備はいいですか？
• 「そういわれても、なにすんねん？」
• 「サンプルデータ付き」の「案件管理」を使うことにし
ますσ(^◇^;)
• kintoneアプリストアから新規作成してください

8. これな
サンプルデータを含めるを忘れずに

9. れっつかすたまいん-その前に
CUSTOMINEの準備はいいですか？
• ユーザー登録
• CUSTOMINEとkintoneの接続
• アプリの指定
まだの方がいるかもしれないので、やっていきましょう
既にやっている方は、周りをサポートしてあげてくらさい

10. 具体的な手順は？
• gusuku サポートで検索
• 新規ユーザーのサインアップ方法をご覧下さい

11. 使うkintoneの環境を登録
※システム管理権限をもつユーザーが必要です

12. 作った案件管理アプリを登録します
アプリが多い人はIDで降順にソートすると新しいものが上
に来ます

13. れーっつ！はじめてのカスタマイズ

14. アプリに条件付き書式をほどこす
案件管理アプリをカスタマイズ！
• 「一定の条件」に該当する場合に書式を変更したい
一定の条件
• 一覧画面を表示したとき
• 確度フィールドの値が「A」の場合
やりたいこと
• 会社名フィールドの文字を赤くする
CUSTOMINE上でどう指定する？

15. CUSTOMINE的手順
「やること」ファースト、やることを探します
せんせー
多いです

16. たしかに
キーワード検索が便利です
この場合「色」で検索してみます

17. やることの設定
フィールドと変えた
い色を設定します
色はdefaultがつ
ごうよく「赤」です

18. 条件を設定する(1)
「やること」を選ぶとよさげな条件が自動設定されます
「一覧画面を表示した時」になっていますね

19. ちょっとでぷろーいしてみましょう
kintoneのアイコンで「でぷろーい(kintoneアプリに登
録すること)」
リンクのアイコンでkintoneのアプリが開きます

20. こうなりました

21. 条件を設定する(2)
全てのレコードが対象になっているようです
条件を追加してあげましょう

22. 条件を設定する(3)
フィールドを選択します
条件を選択します
比較値を入力します
比較値にどう
入力するればいいの？

23. 確度が「A」の場合の「A」
カスタマイズになれていると、文字列として、つい
「”A”」と入れてしまいますがー(実際やった）
この場合、たんに「A」が正解・・・（らしい）

24. こうなりました
できたら、「でぷろーい」して確認してみましょう

25. できましたか？
できたら、「でぷろーい」して確認してみましょう

26. 発展課題(1)
色を変えるフィールドを複数にしてみる
• 会社名だけだと弱いので「確度」の色も変えてみる
条件を複雑にしてみる
• 確度＝Aでかつ製品名＝kintoneのレコードを対象にする
もっと目立たせたい
• フィールドの背景にも色をつける

27. 発展課題(2)
もっともっと目立たせたい
• レコードの背景色を変えてみる
• 条件や組み立て方が先ほどとは違います、TRYしてみて
下さい（やってみたら、ちょっとはまりましたｗ）

28. こんな感じになります
やり方が気になる人は次のスライドへ

29. 解答例
条件を指定してレコードを取得
取得したレコードを対象にして背景色を変更

30. いじくりたおしタイム
詳細画面のカスタマイズをやってみる
「やること」の中を探索してみる
• CUSTOMINEのHELPを読んでみるのもおすすめ
JSで実装したことがあるカスタマイズをやってみる
developer networkのJSチュートリアルをあえて
CUSTOMINEでやってみる
AWSのラムダ関数とかもたたけるらしいです（ちらっ）

31. もし困ったら
みみが先生が優しく対応してくれるので、手をあげ
て呼びましょう！
おしえて！
みみがせんせー！

32. CUSTOMINE続けていきましょう
思いつく
やってみる
なんか
うまくいかない
わかった！
できた！
ちょっと
本気出す
また思いつく
またうまくいかない
なぜか
うまくいかない
つづく…
しまえなが的レベルアップのスパイラル