kintone 出張devCamp Vol.18＠沖縄 gusuku Customine & kintoneで簡単カスタマイズハンズオン / kintone devCamp Vol.18 gusuku Customine Hands-on

kintone 出張devCamp Vol.18＠沖縄 - ノンプログラミングで kintoneカスタマイズ！
https://eventregist.com/e/T1CE3UCh3qUn

で開催いたしました、【gusuku Customine & kintoneで簡単カスタマイズハンズオン】の資料です。

Transcript

1. kintone 出張devCamp Vol.18＠沖縄沖縄 gusuku Customine & kintoneで 簡単カスタマイズハカスタマイズハンズオン アールスリーインスティテュート
2. 本日のアジェンダのアジェンダアジェンダ  はじめてのカスタマイズ カスタマイズ 〜入門編入門編 Customineのカスタマイズ 基礎  一歩進んだカスタマイんだカスタマイズ カスタマイズ 〜入門編初級編  実践カスタマイズ カスタマイズ 〜入門編中級編
3. はじめてのアジェンダカスタマイズ 〜入門編入門編
4. フィールドに色をつけてみに色をつけてみよ色をつけてみようをつけてみよう 顧客サポートパックサポートパックののカスタマイズ 問合わせ管理アプリわせ管理アプリ管理アプリアプリを使用使用 「対応状況」がが「未対応」がのカスタマイズ ものカスタマイズ に対して背景色を対して背景色を設定するを使用設定するする できた人は「会社名」人は「会社名」には「会社名」にも同じ色を」がに対して背景色をも同じ色を設定してじ色を設定するを使用設定するしてみましょう
5. それでははじめましょう
6. kintoneアプリのアジェンダ準備 顧客サポートパックサポートパックをインストールをインストールインストール
7. kintoneアプリのアジェンダ準備 入門編ではこの「問合ではこの「問合せ管理」ア問合せ管理」アプリせ管理」アプリを管理」アプリを利用」アプリを利用しアプリを利用しますをインストール利用しますします
8. Customineのアジェンダ基礎知識
9. gusuku Customine とは？ No-Code 開発プラットフォープラットフォーム 全くプログラムをくプログラムを書プログラムを書かずに書かずにかずに kintoneアプリをカスタマイズを書かずにカスタマイズしし 業務システムを開発システムを書かずに開発プラットフォーするためのツールツール 誰でもでもkintoneアプリをカスタマイズのツール高度なカスタマイズなカスタマイズをカスタマイズしを書かずに可能にに
10. gusuku Customine とは？ やりたいことを書かずに画面で設定で設定 カスタマイズし JavaScriptを書かずに 自動生成
11. Customine サインアップ 「customine」が or 「カスタマイン」で」がで 検索！ 公式サイト サイト https://customine.gusuku.io/ja/ のカスタマイズ 「利用開始はこちら」をクはこちら」がを使用クのリックの！ メールアドレス or Facebook / Google アカウン」でトでサイン」でアップ メールに対して背景色を従ってサインインってサイン」でイン」で
12. Customine サインアップ 「フリープラン」で」がで 　申し込み！申し込み！し込み！み！ 1アプリスロット （1アプリに対して背景色をカスタマイズ） は機能制限なし・無料ですなし・無料です無料ですです
13. Customine サインアップ 今回利用するドメイン」で名」にも同じ色をを使用 入力してくださいしてくだカスタマイズ さい
14. Customine サインアップ Customineとkintoneを使用接続しますします kintoneのカスタマイズ システム管理権限および管理アプリ権限なし・無料ですおよび カスタマイズするアプリのカスタマイズ 管理アプリ権限なし・無料ですが 必要となりますのでとなりますのカスタマイズ で、ご注意ください注意くださいくだカスタマイズ さい
15. Customine サインアップ カスタマイズするアプリを使用選択します。します。 このカスタマイズ ハン」でズオン」ででは、先ほど作成したほど作成した作成したした人は「会社名」 「問い合わせ管理アプリわせ管理アプリ管理アプリ」がと、 「顧客サポートパック管理アプリ」がを使用選択します。します。
16. Customineのアジェンダ基本操作  【済】Customineのカスタマイズ アカウン」でトへのカスタマイズ サイン」でイン」で確認  【済】kintoneのカスタマイズ 契約との紐付けをしとのカスタマイズ 紐付けをしようけを使用しよう  【済】kintoneアプリを使用登録しようしよう  カスタマイズ一覧（ドライブ）のカスタマイズ 見方  アクのション」でのカスタマイズ 追加・無料です無効化・無料です削除方法
17. カスタマイズのアジェンダポイント  kintoneアプリはある程度完成したさせ管理アプリておく  重要となりますのでポイン」でト：「フィールドコード」が≧「フィールド名」にも同じ色を」が フィールドコードによって「ど作成したのカスタマイズ フィールド」がということを判別して判別してして いる わかりやすい名前で設定することで設定することが設定することが望ますることが望ましい望ましいましい フィールド名と同じ名前をつけるじ名前をつける 名前で設定することを判別してつける etc…  フィールドコードは日本語でもOK
18. Customineに色をつけてみよおけるカスタマイズのカスタマイズのアジェンダポイント 一部分ずつ作るずつ作るカスタマイズの 動かすかす 小さい変更の繰りさい変更の繰り返し変更の繰り返しのアジェンダ繰り返しり返し返しし 小さい変更の繰りさい変更の繰り返し変更の繰り返しのアジェンダ繰り返しり返し返しし 最初から大きく作りから大きく作り過ぎ大きく作り過ぎなきく作り過ぎない作り返し過ぎないぎない変更の繰り返し エラー時原因の特定が長引くの特定が長引くケースが長引くケースも長引くケースも！くケースも！ケースも！
19. Customineでのアジェンダカスタマイズ アプリを利用します選択画面から「問合せ管から「問合せ管理」ア問合せ管理」アプリせ管理」アプリを管理」アプリを利用」アプリを利用しアプリを利用しますをインストール選んで 「問合せ管理」ア選択決定が長引くケース」アプリを利用しボタンをインストールクをインストールリを利用しますックをインストールします
20. フィールドに色をつけてみに色をつけてみよ色をつけてみようをつけてみよう 顧客サポートパックサポートパックののカスタマイズ 問合わせ管理アプリわせ管理アプリ管理アプリアプリを使用使用 「対応状況」がが「未対応」がのカスタマイズ ものカスタマイズ に対して背景色を対して背景色を設定するを使用設定するする できた人は「会社名」人は「会社名」には「会社名」にも同じ色を」がに対して背景色をも同じ色を設定してじ色を設定するを使用設定するしてみましょう
21. Customineのアジェンダ考え方え方方 アクのション」で＝「やること」が＋「条件」」が アクのション」では組み合わせが可能み合わせ管理アプリわせ管理アプリが可能 組み合わせが可能み合わせ管理アプリわせ管理アプリを使用工夫することで複雑することで複雑なカなカ スタマイズに対して背景色をも対応可能
22. Customineでのアジェンダカスタマイズ 「問合せ管理」アやること」アプリを利用しと「問合せ管理」ア条件」を設定してい」アプリを利用しをインストール設定が長引くケースしていきます
23. Customineでのアジェンダカスタマイズ アクをインストールションの左部分「問合せ管理」アやること」アプリを利用しで 「問合せ管理」ア対応状況」アプリを利用しフィールドの背景色を変更の背景色を変更するようをインストール変更するように設定するように設定していきま設定が長引くケースしていきます
24. Customineでのアジェンダカスタマイズ 「問合せ管理」アやること」アプリを利用しの選択画面から「問合せ管から「問合せ管理」アフィールドの背景色を変更背景色を変更するようをインストール変更するように設定する」アプリを利用しをインストール選択します
25. Customineでのアジェンダカスタマイズ 「問合せ管理」ア背景色を変更するようをインストール変更するように設定する」アプリを利用し対象となるフィールとなるフィールドの背景色を変更をインストール選択します ※今回はは「問合せ管理」ア対応状況」アプリを利用しをインストール選択します
26. Customineでのアジェンダカスタマイズ 次は背景色を指定は背景色を変更するようをインストール指定が長引くケースします ※ここではお好きな色を選択好きな色を選択しきな色を変更するようをインストール選択して下さいさい
27. Customineでのアジェンダカスタマイズ アクをインストールションの左部分「問合せ管理」アやること」アプリを利用しが長引くケースもできあが長引くケースもりました！ 次は背景色を指定は右部分の条件」を設定していをインストール指定が長引くケースしていきます
28. Customineでのアジェンダカスタマイズ 今回はは「問合せ管理」ア対応状況」アプリを利用しが長引くケースも「問合せ管理」ア未対応」アプリを利用しの場合せ管理」アプリに設定していきま背景色を変更するようをインストール変更するように設定するので 最終的にこのような条に設定していきまこのような条件」を設定していが長引くケースも作れるように設定れるように設定していきま設定が長引くケースしていきます
29. Customineでのアジェンダカスタマイズ 条件」を設定してい選択画面から「問合せ管から「問合せ管理」アフィールドの背景色を変更の値が特定の値ならが長引くケースも特定が長引くケースの値が特定の値ならならば」アプリを利用しをインストール選択します
30. Customineでのアジェンダカスタマイズ フィールドの背景色を変更選択の画面から「問合せ管で「問合せ管理」ア対応状況」アプリを利用しをインストール選択します
31. Customineでのアジェンダカスタマイズ 「問合せ管理」ア対応状況」アプリを利用しが長引くケースも「問合せ管理」ア未対応」アプリを利用しと等しい場合にしい場合せ管理」アプリに設定していきま 背景色を変更するようをインストール変更するように設定するので「問合せ管理」ア等しい場合にしい」アプリを利用しをインストール選択します
32. Customineでのアジェンダカスタマイズ 値が特定の値ならの入力では「未対応」では「問合せ管理」ア未対応」アプリを利用しと直接入力では「未対応」します
33. カスタマイズをkintoneアプリへ登録登録 これでカスタマイズが完成しましたが長引くケースも完成しました！しました！ 完成しました！したカスタマイズが完成しましたをインストールkintoneに設定していきま登録しますします
34. カスタマイズをkintoneアプリへ登録登録 Customineから登録しますボタンをインストール押すとすとJavaScriptが長引くケースも自動的にこのような条に設定していきま生成しました！され kintoneアプリを利用しますに設定していきま登録しますされます
35. カスタマイズが適用されている適用されていることされてい変更の繰り返しるカスタマイズのことを確認 問合せ管理」アプリせ管理」アプリを管理」アプリを利用アプリを利用しますの一覧画面から「問合せ管をインストール開いた時にいた時に設定していきま「問合せ管理」ア未対応」アプリを利用しのレコードの背景色を変更のみ 「問合せ管理」ア対応状況」アプリを利用しのフィールドの背景色を変更の背景色を変更するようが長引くケースも変わっていることが長引くケースもわかります
36. 挑戦問題 「会社名」に色をつけてみよも同様の同様ののアジェンダ 背景色をつけてみようを設定してみようしてみよう
37. 挑戦問題：「会社名」に色をつけてみよも同様の背景色をつけてみようを設定してみようするカスタマイズの 最終的にこのような条に設定していきまこのように設定していきま「問合せ管理」ア対応状況」アプリを利用しと「問合せ管理」ア会社名」」アプリを利用しの背景色を変更するようをインストール変更するように設定するために設定していきまは どうすれば良いでしょうか？いでしょうか？
38. 一歩進んだカスタマイんだカスタマイズ カスタマイズ 〜入門編初から大きく作り級編
39. 関連レコードの上部レコードに色をつけてみのアジェンダ上部に色をつけてみよ問合せ件数を表示すせ件数を表示する件数を表示するを表示するするカスタマイズの 顧客サポートパックサポートパックののカスタマイズ 顧客サポートパック管理アプリアプリを使用使用 関連レコード一覧でレコード一覧で表示されている問合されている問合わせ管理アプリせ管理アプリのカスタマイズ 件」数を取得を使用取得 そのカスタマイズ 件」数を取得を使用スペースに対して背景色を表示されている問合する
40. kintoneアプリのアジェンダ準備 初級編ではこの「問合ではこの「問合せ管理」ア顧客サポートパック管理」アプリを利用」アプリを利用しアプリを利用しますをインストール利用しますします
41. kintoneアプリのアジェンダ準備 顧客管理アプリにスペーアプリをカスタマイズにスペースを書かずに設置し、し、 要素IDを書かずに「toiawaseCount」なカスタマイズをどと設定しておきます ※このツールスペースは問合せ件数を表問合せ件数を表示すせ件数を表示する件数を表示するためを書かずに表示するために使用するために使用しますします
42. Customineでのアジェンダカスタマイズ アプリをカスタマイズスロットを書かずに開放し、別アプリでし、別アプリで使えるアプリをカスタマイズで使えるようにします ドライブ画面画面で設定 （=カスタマイズし一覧） のツールメニューから
43. Customineでのアジェンダカスタマイズ アプリを利用しますが長引くケースも変わるため、メニュー画面かメニュー画面から「問合せ管から新しいカスタマイしいカスタマイズが完成しましたをインストール作れるように設定成しました！します
44. Customineでのアジェンダカスタマイズ アプリを利用します選択画面から「問合せ管から「問合せ管理」ア顧客サポートパック管理」アプリを利用」アプリを利用しアプリを利用しますをインストール選んで 「問合せ管理」ア選択決定が長引くケース」アプリを利用しボタンをインストールクをインストールリを利用しますックをインストールします
45. Customineでのアジェンダカスタマイズ やることの選択で「問合せ管理」ア関連レコードで紐付レコードの背景色を変更で紐付いているレコーいているレコードの背景色を変更をインストール取得する」する」アプリを利用しことが長引くケースもできます 今回ははこれをインストール使用しますします
46. Customineでのアジェンダカスタマイズ まずは問合せ件数を表関連レコードの件数レコードのツール件数を表示するためを書かずにカウントする部分のツールカスタマイズしまでやってみましょう 1番目の条件は「追加のツール条件は問合せ件数を表「追加画面で設定・編集画面で設定・詳細画面で設定のツールいずれかを書かずに表示するために使用した時」」 2番目の条件は「追加のツールやることは問合せ件数を表「レコード行数を表示するためを書かずにカウントする」を書かずに選択してくださいしてくプログラムを書ださい ポイントは問合せ件数を表「他のアクションののツールアクションのツール実行が完了した時」完了した時」した時」」です ※今回は、は問合せ件数を表、1番目の条件は「追加のツールアクションのツール実行完了した時」を書かずに待ってから、ってから、2番目の条件は「追加のツールアクションが完了した時」実行される ように設定します
47. 条件 〜入門編他のアクションののアジェンダアクションのアジェンダ実行が完了した時が適用されている完了した時した時時  アクのション」でのカスタマイズ 実行順序は定まっていなは定するまっていない  すべて同じ色を設定して時並行で処理アプリが実行される  先ほど作成したのカスタマイズ アクのション」でのカスタマイズ 結果を待ってから次を使用待ってから次を実ってから次を実行したい時を使用実行した人は「会社名」い時に対して背景色を使用  ど作成したのカスタマイズ アクのション」でのカスタマイズ 結果を待ってから次を使用待ってから次を実つかは「アクのション」で」がで指定する
48. Customineでのアジェンダカスタマイズ 最後は問合せ件数をは問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するためをインストール表示するための処理するための処理」アプリを利用です ここでは「問合せ管理」アスペースに設定していきま文字を表示する」ををインストール表示するための処理する」アプリを利用しをインストール使用しますします ポイントは「問合せ管理」ア表示するための処理するテキスト」アプリを利用しです スペースをインストール利用しますして、メニュー画面か任意の文字を表示さの文字を表示する」ををインストール表示するための処理させ管理」アプリをることが長引くケースもできます
49. やるカスタマイズのこと 〜入門編スペースに色をつけてみよ文字を表示するを表示するするカスタマイズの  アプリ上に配置したスペに対して背景色を配置したスペース上した人は「会社名」スペース上に配置したスペに対して背景色を文字を表示することを使用表示されている問合することが可能  他のアクションののカスタマイズ アクのション」でのカスタマイズ 実行結果を待ってから次など作成したを使用反映させることも可させ管理アプリることも可能  文字を表示することは装飾ができるができる
50. Customineでのアジェンダカスタマイズ 表示するための処理するテキストとして、メニュー画面か固定が長引くケース文の「問合せ管理」ア問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するため：件」を設定してい」アプリを利用しと入力では「未対応」します 「問合せ管理」ア件」を設定してい」アプリを利用しの文字を表示する」をの前に取得した問合に設定していきま取得する」した問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するためが長引くケースも自動挿入されるように設定していきましたいので 「問合せ管理」ア他のアクションののアクをインストールションの結果」」アプリを利用しをインストールクをインストールリを利用しますックをインストールします
51. Customineでのアジェンダカスタマイズ 今回はは、メニュー画面か取得する」した問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するためをインストール反映させたいのでさせ管理」アプリをたいので 「問合せ管理」アレコードの背景色を変更行数を表示するためをインストールカウントする」アプリを利用しで取得する」した結果」が長引くケースも入るように設定していきま設定が長引くケースします
52. Customineでのアジェンダカスタマイズ 「問合せ管理」ア件」を設定してい」アプリを利用しの前に取得した問合に設定していきま2番目のアクションののアクをインストールションの結果」が長引くケースも入るように設定していきま設定が長引くケースされました
53. Customineでのアジェンダカスタマイズ このように設定していきま設定が長引くケースが長引くケースもできていればOKです ※今回はは「問合せ管理」ア他のアクションののアクをインストールションの実行が長引くケースも完了した時」した時」アプリを利用しで アクをインストールションをインストール連レコードで紐付鎖的にこのような条に設定していきま実行していることが長引くケースもポイントです
54. kintoneに色をつけてみよ登録して表示するを確認してみよう レコードの背景色を変更の詳細画面から「問合せ管をインストール開いた時にいた時 「問合せ管理」ア問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するため：N件」を設定してい」アプリを利用しと表示するための処理されていればOKです！
55. 実践カスタマイズ カスタマイズ 〜入門編中級編
56. 最後はフォーラムをはフォーラムを見ながらを見ながらなが適用されているら大きく作り過ぎ カスタマイズに色をつけてみよ挑戦してみましょう！
57. ルックアップ先の自動更新のアジェンダ自動かす更の繰り返し新 https://goo.gl/JzgMEL
58. 顧客管理が更新されたらが適用されている更の繰り返し新された時ら大きく作り過ぎ問合せ件数を表示すせ件数を表示する管理が更新されたらも同様の自動かす更の繰り返し新するカスタマイズの 顧客サポートパックサポートパックののカスタマイズ 顧客サポートパック管理アプリアプリ・無料です問合わせ管理アプリわせ管理アプリ管理アプリアプリを使用使用 顧客サポートパック管理アプリアプリで担当者名」にも同じ色を・無料です電話番号が更新されたらが更新されたら、問合された人は「会社名」ら、問合わせ管理アプリせ管理アプリ管理アプリア プリも自動更新されたら、問合がかかるように対して背景色をする
59. Customineでのアジェンダカスタマイズ 顧客サポートパック管理」アプリを利用アプリを利用しますに設定していきま新しいカスタマイしいカスタマイズが完成しましたをインストール追加しますします 異なるカスタマイなるカスタマイズが完成しましたをインストールひとつのアプリを利用しますに設定していきま作れるように設定成しました！する場合せ管理」アプリ 「問合せ管理」アページを追加」をインストール追加します」アプリを利用しし、メニュー画面かカスタマイズが完成しましたをインストールわけるほうが長引くケースも カスタマイズが完成しましたの内容が整理できるのが長引くケースも整理」アプリを利用できるので良いでしょうか？いです
60. やるカスタマイズのこと 〜入門編レコードに色をつけてみを更の繰り返し新するカスタマイズの（フィールドマッフィールドに色をつけてみマッピング） 顧客管理が更新されたらアプリ 問合せ件数を表示すわせ件数を表示する管理が更新されたらアプリ （フィールドマッルックアップ先の自動更新） ルックをインストールアップをインストール自動取得する」する設定が長引くケースです このアクをインストールションの条件」を設定していで指定が長引くケースしたタイミングでで 自動的にこのような条に設定していきま更するように設定新しいカスタマイが長引くケースもかかります
61. 解答：実践カスタマイズ カスタマイズ 〜入門編中級編 このように設定していきま設定が長引くケースが長引くケースもできていればOKです 今回はは「問合せ管理」ア会社名」」アプリを利用しが長引くケースもルックをインストールアップのキーとなっていることが長引くケースもポイントです
62. い変更の繰り返しかが適用されているでした時でしょうか？
63. Customineを活用されていることして 快適なカスタマイズLIFEを お過ぎないごし下さい！さい変更の繰り返し！