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

kintone 出張devCamp Vol.18＠沖縄沖縄 gusuku Customine & kintoneで簡単カスタマイズハカスタマイズハンズオンアールスリーインスティテュート

本日のアジェンダのアジェンダアジェンダ  はじめてのカスタマイズカスタマイズ〜入門編入門編 Customineのカスタマイズ基礎  一歩進んだカスタマイんだカスタマイズカスタマイズ
〜入門編初級編  実践カスタマイズカスタマイズ〜入門編中級編

はじめてのアジェンダカスタマイズ〜入門編入門編

フィールドに色をつけてみに色をつけてみよ色をつけてみようをつけてみよう 顧客サポートパックサポートパックののカスタマイズ問合わせ管理アプリわせ管理アプリ管理アプリアプリを使用使用 「対応状況」がが「未対応」がのカスタマイズものカスタマイズに対して背景色を対して背景色を設定するを使用設定するする できた人は「会社名」人は「会社名」には「会社名」にも同じ色を」がに対して背景色をも同じ色を設定してじ色を設定するを使用設定するしてみましょう

それでははじめましょう

kintoneアプリのアジェンダ準備顧客サポートパックサポートパックをインストールをインストールインストール

kintoneアプリのアジェンダ準備入門編ではこの「問合ではこの「問合せ管理」ア問合せ管理」アプリせ管理」アプリを管理」アプリを利用」アプリを利用しアプリを利用しますをインストール利用しますします

Customineのアジェンダ基礎知識

gusuku Customine とは？ No-Code 開発プラットフォープラットフォーム全くプログラムをくプログラムを書プログラムを書かずに書かずにかずに kintoneアプリをカスタマイズを書かずにカスタマイズしし業務システムを開発システムを書かずに開発プラットフォーするためのツールツール誰でもでもkintoneアプリをカスタマイズのツール高度なカスタマイズなカスタマイズをカスタマイズしを書かずに可能にに

gusuku Customine とは？やりたいことを書かずに画面で設定で設定カスタマイズし JavaScriptを書かずに自動生成

Customine サインアップ 「customine」が or 「カスタマイン」で」がで検索！ 公式サイトサイト https://customine.gusuku.io/ja/ のカスタマイズ
「利用開始はこちら」をクはこちら」がを使用クのリックの！ メールアドレス or Facebook / Google アカウン」でトでサイン」でアップ メールに対して背景色を従ってサインインってサイン」でイン」で

Customine サインアップ 「フリープラン」で」がで　申し込み！申し込み！し込み！み！ 1アプリスロット（1アプリに対して背景色をカスタマイズ）は機能制限なし・無料ですなし・無料です無料ですです

Customine サインアップ 今回利用するドメイン」で名」にも同じ色をを使用入力してくださいしてくだカスタマイズさい

Customine サインアップ Customineとkintoneを使用接続しますします kintoneのカスタマイズシステム管理権限および管理アプリ権限なし・無料ですおよびカスタマイズするアプリのカスタマイズ管理アプリ権限なし・無料ですが必要となりますのでとなりますのカスタマイズで、ご注意ください注意くださいくだカスタマイズさい

Customine サインアップカスタマイズするアプリを使用選択します。します。このカスタマイズハン」でズオン」ででは、先ほど作成したほど作成した作成したした人は「会社名」「問い合わせ管理アプリわせ管理アプリ管理アプリ」がと、「顧客サポートパック管理アプリ」がを使用選択します。します。

Customineのアジェンダ基本操作  【済】Customineのカスタマイズアカウン」でトへのカスタマイズサイン」でイン」で確認  【済】kintoneのカスタマイズ契約との紐付けをしとのカスタマイズ紐付けをしようけを使用しよう 
【済】kintoneアプリを使用登録しようしよう  カスタマイズ一覧（ドライブ）のカスタマイズ見方  アクのション」でのカスタマイズ追加・無料です無効化・無料です削除方法

カスタマイズのアジェンダポイント  kintoneアプリはある程度完成したさせ管理アプリておく  重要となりますのでポイン」でト：「フィールドコード」が≧「フィールド名」にも同じ色を」が フィールドコードによって「ど作成したのカスタマイズフィールド」がということを判別して判別してしている わかりやすい名前で設定することで設定することが設定することが望ますることが望ましい望ましいましい フィールド名と同じ名前をつけるじ名前をつける
名前で設定することを判別してつける etc…  フィールドコードは日本語でもOK

Customineに色をつけてみよおけるカスタマイズのカスタマイズのアジェンダポイント一部分ずつ作るずつ作るカスタマイズの動かすかす小さい変更の繰りさい変更の繰り返し変更の繰り返しのアジェンダ繰り返しり返し返しし小さい変更の繰りさい変更の繰り返し変更の繰り返しのアジェンダ繰り返しり返し返しし最初から大きく作りから大きく作り過ぎ大きく作り過ぎなきく作り過ぎない作り返し過ぎないぎない変更の繰り返しエラー時原因の特定が長引くの特定が長引くケースが長引くケースも長引くケースも！くケースも！ケースも！

Customineでのアジェンダカスタマイズアプリを利用します選択画面から「問合せ管から「問合せ管理」ア問合せ管理」アプリせ管理」アプリを管理」アプリを利用」アプリを利用しアプリを利用しますをインストール選んで「問合せ管理」ア選択決定が長引くケース」アプリを利用しボタンをインストールクをインストールリを利用しますックをインストールします

フィールドに色をつけてみに色をつけてみよ色をつけてみようをつけてみよう 顧客サポートパックサポートパックののカスタマイズ問合わせ管理アプリわせ管理アプリ管理アプリアプリを使用使用 「対応状況」がが「未対応」がのカスタマイズものカスタマイズに対して背景色を対して背景色を設定するを使用設定するする できた人は「会社名」人は「会社名」には「会社名」にも同じ色を」がに対して背景色をも同じ色を設定してじ色を設定するを使用設定するしてみましょう

Customineのアジェンダ考え方え方方 アクのション」で＝「やること」が＋「条件」」が アクのション」では組み合わせが可能み合わせ管理アプリわせ管理アプリが可能 組み合わせが可能み合わせ管理アプリわせ管理アプリを使用工夫することで複雑することで複雑なカなカスタマイズに対して背景色をも対応可能

Customineでのアジェンダカスタマイズ「問合せ管理」アやること」アプリを利用しと「問合せ管理」ア条件」を設定してい」アプリを利用しをインストール設定が長引くケースしていきます

Customineでのアジェンダカスタマイズアクをインストールションの左部分「問合せ管理」アやること」アプリを利用しで「問合せ管理」ア対応状況」アプリを利用しフィールドの背景色を変更の背景色を変更するようをインストール変更するように設定するように設定していきま設定が長引くケースしていきます

Customineでのアジェンダカスタマイズ「問合せ管理」アやること」アプリを利用しの選択画面から「問合せ管から「問合せ管理」アフィールドの背景色を変更背景色を変更するようをインストール変更するように設定する」アプリを利用しをインストール選択します

Customineでのアジェンダカスタマイズ「問合せ管理」ア背景色を変更するようをインストール変更するように設定する」アプリを利用し対象となるフィールとなるフィールドの背景色を変更をインストール選択します ※今回はは「問合せ管理」ア対応状況」アプリを利用しをインストール選択します

Customineでのアジェンダカスタマイズ次は背景色を指定は背景色を変更するようをインストール指定が長引くケースします ※ここではお好きな色を選択好きな色を選択しきな色を変更するようをインストール選択して下さいさい

Customineでのアジェンダカスタマイズアクをインストールションの左部分「問合せ管理」アやること」アプリを利用しが長引くケースもできあが長引くケースもりました！次は背景色を指定は右部分の条件」を設定していをインストール指定が長引くケースしていきます

Customineでのアジェンダカスタマイズ今回はは「問合せ管理」ア対応状況」アプリを利用しが長引くケースも「問合せ管理」ア未対応」アプリを利用しの場合せ管理」アプリに設定していきま背景色を変更するようをインストール変更するように設定するので最終的にこのような条に設定していきまこのような条件」を設定していが長引くケースも作れるように設定れるように設定していきま設定が長引くケースしていきます

Customineでのアジェンダカスタマイズ条件」を設定してい選択画面から「問合せ管から「問合せ管理」アフィールドの背景色を変更の値が特定の値ならが長引くケースも特定が長引くケースの値が特定の値ならならば」アプリを利用しをインストール選択します

Customineでのアジェンダカスタマイズフィールドの背景色を変更選択の画面から「問合せ管で「問合せ管理」ア対応状況」アプリを利用しをインストール選択します

Customineでのアジェンダカスタマイズ「問合せ管理」ア対応状況」アプリを利用しが長引くケースも「問合せ管理」ア未対応」アプリを利用しと等しい場合にしい場合せ管理」アプリに設定していきま背景色を変更するようをインストール変更するように設定するので「問合せ管理」ア等しい場合にしい」アプリを利用しをインストール選択します

Customineでのアジェンダカスタマイズ値が特定の値ならの入力では「未対応」では「問合せ管理」ア未対応」アプリを利用しと直接入力では「未対応」します

カスタマイズをkintoneアプリへ登録登録これでカスタマイズが完成しましたが長引くケースも完成しました！しました！完成しました！したカスタマイズが完成しましたをインストールkintoneに設定していきま登録しますします

カスタマイズをkintoneアプリへ登録登録 Customineから登録しますボタンをインストール押すとすとJavaScriptが長引くケースも自動的にこのような条に設定していきま生成しました！され kintoneアプリを利用しますに設定していきま登録しますされます

カスタマイズが適用されている適用されていることされてい変更の繰り返しるカスタマイズのことを確認問合せ管理」アプリせ管理」アプリを管理」アプリを利用アプリを利用しますの一覧画面から「問合せ管をインストール開いた時にいた時に設定していきま「問合せ管理」ア未対応」アプリを利用しのレコードの背景色を変更のみ「問合せ管理」ア対応状況」アプリを利用しのフィールドの背景色を変更の背景色を変更するようが長引くケースも変わっていることが長引くケースもわかります

挑戦問題「会社名」に色をつけてみよも同様の同様ののアジェンダ背景色をつけてみようを設定してみようしてみよう

挑戦問題：「会社名」に色をつけてみよも同様の背景色をつけてみようを設定してみようするカスタマイズの最終的にこのような条に設定していきまこのように設定していきま「問合せ管理」ア対応状況」アプリを利用しと「問合せ管理」ア会社名」」アプリを利用しの背景色を変更するようをインストール変更するように設定するために設定していきまはどうすれば良いでしょうか？いでしょうか？

一歩進んだカスタマイんだカスタマイズカスタマイズ〜入門編初から大きく作り級編

関連レコードの上部レコードに色をつけてみのアジェンダ上部に色をつけてみよ問合せ件数を表示すせ件数を表示する件数を表示するを表示するするカスタマイズの 顧客サポートパックサポートパックののカスタマイズ顧客サポートパック管理アプリアプリを使用使用 関連レコード一覧でレコード一覧で表示されている問合されている問合わせ管理アプリせ管理アプリのカスタマイズ件」数を取得を使用取得 そのカスタマイズ件」数を取得を使用スペースに対して背景色を表示されている問合する

kintoneアプリのアジェンダ準備初級編ではこの「問合ではこの「問合せ管理」ア顧客サポートパック管理」アプリを利用」アプリを利用しアプリを利用しますをインストール利用しますします

kintoneアプリのアジェンダ準備顧客管理アプリにスペーアプリをカスタマイズにスペースを書かずに設置し、し、要素IDを書かずに「toiawaseCount」なカスタマイズをどと設定しておきます ※このツールスペースは問合せ件数を表問合せ件数を表示すせ件数を表示する件数を表示するためを書かずに表示するために使用するために使用しますします

Customineでのアジェンダカスタマイズアプリをカスタマイズスロットを書かずに開放し、別アプリでし、別アプリで使えるアプリをカスタマイズで使えるようにしますドライブ画面画面で設定（=カスタマイズし一覧）のツールメニューから

Customineでのアジェンダカスタマイズアプリを利用しますが長引くケースも変わるため、メニュー画面かメニュー画面から「問合せ管から新しいカスタマイしいカスタマイズが完成しましたをインストール作れるように設定成しました！します

Customineでのアジェンダカスタマイズアプリを利用します選択画面から「問合せ管から「問合せ管理」ア顧客サポートパック管理」アプリを利用」アプリを利用しアプリを利用しますをインストール選んで「問合せ管理」ア選択決定が長引くケース」アプリを利用しボタンをインストールクをインストールリを利用しますックをインストールします

Customineでのアジェンダカスタマイズやることの選択で「問合せ管理」ア関連レコードで紐付レコードの背景色を変更で紐付いているレコーいているレコードの背景色を変更をインストール取得する」する」アプリを利用しことが長引くケースもできます今回ははこれをインストール使用しますします

Customineでのアジェンダカスタマイズまずは問合せ件数を表関連レコードの件数レコードのツール件数を表示するためを書かずにカウントする部分のツールカスタマイズしまでやってみましょう 1番目の条件は「追加のツール条件は問合せ件数を表「追加画面で設定・編集画面で設定・詳細画面で設定のツールいずれかを書かずに表示するために使用した時」」 2番目の条件は「追加のツールやることは問合せ件数を表「レコード行数を表示するためを書かずにカウントする」を書かずに選択してくださいしてくプログラムを書ださいポイントは問合せ件数を表「他のアクションののツールアクションのツール実行が完了した時」完了した時」した時」」です ※今回は、は問合せ件数を表、1番目の条件は「追加のツールアクションのツール実行完了した時」を書かずに待ってから、ってから、2番目の条件は「追加のツールアクションが完了した時」実行されるように設定します

条件〜入門編他のアクションののアジェンダアクションのアジェンダ実行が完了した時が適用されている完了した時した時時  アクのション」でのカスタマイズ実行順序は定まっていなは定するまっていない  すべて同じ色を設定して時並行で処理アプリが実行される  先ほど作成したのカスタマイズアクのション」でのカスタマイズ
結果を待ってから次を使用待ってから次を実ってから次を実行したい時を使用実行した人は「会社名」い時に対して背景色を使用  ど作成したのカスタマイズアクのション」でのカスタマイズ結果を待ってから次を使用待ってから次を実つかは「アクのション」で」がで指定する

Customineでのアジェンダカスタマイズ最後は問合せ件数をは問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するためをインストール表示するための処理するための処理」アプリを利用ですここでは「問合せ管理」アスペースに設定していきま文字を表示する」ををインストール表示するための処理する」アプリを利用しをインストール使用しますしますポイントは「問合せ管理」ア表示するための処理するテキスト」アプリを利用しですスペースをインストール利用しますして、メニュー画面か任意の文字を表示さの文字を表示する」ををインストール表示するための処理させ管理」アプリをることが長引くケースもできます

やるカスタマイズのこと〜入門編スペースに色をつけてみよ文字を表示するを表示するするカスタマイズの  アプリ上に配置したスペに対して背景色を配置したスペース上した人は「会社名」スペース上に配置したスペに対して背景色を文字を表示することを使用表示されている問合することが可能  他のアクションののカスタマイズアクのション」でのカスタマイズ実行結果を待ってから次など作成したを使用反映させることも可させ管理アプリることも可能  文字を表示することは装飾ができるができる

Customineでのアジェンダカスタマイズ表示するための処理するテキストとして、メニュー画面か固定が長引くケース文の「問合せ管理」ア問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するため：件」を設定してい」アプリを利用しと入力では「未対応」します「問合せ管理」ア件」を設定してい」アプリを利用しの文字を表示する」をの前に取得した問合に設定していきま取得する」した問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するためが長引くケースも自動挿入されるように設定していきましたいので「問合せ管理」ア他のアクションののアクをインストールションの結果」」アプリを利用しをインストールクをインストールリを利用しますックをインストールします

Customineでのアジェンダカスタマイズ今回はは、メニュー画面か取得する」した問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するためをインストール反映させたいのでさせ管理」アプリをたいので「問合せ管理」アレコードの背景色を変更行数を表示するためをインストールカウントする」アプリを利用しで取得する」した結果」が長引くケースも入るように設定していきま設定が長引くケースします

Customineでのアジェンダカスタマイズ「問合せ管理」ア件」を設定してい」アプリを利用しの前に取得した問合に設定していきま2番目のアクションののアクをインストールションの結果」が長引くケースも入るように設定していきま設定が長引くケースされました

Customineでのアジェンダカスタマイズこのように設定していきま設定が長引くケースが長引くケースもできていればOKです ※今回はは「問合せ管理」ア他のアクションののアクをインストールションの実行が長引くケースも完了した時」した時」アプリを利用しでアクをインストールションをインストール連レコードで紐付鎖的にこのような条に設定していきま実行していることが長引くケースもポイントです

kintoneに色をつけてみよ登録して表示するを確認してみようレコードの背景色を変更の詳細画面から「問合せ管をインストール開いた時にいた時「問合せ管理」ア問合せ管理」アプリせ管理」アプリを件」を設定してい数を表示するため：N件」を設定してい」アプリを利用しと表示するための処理されていればOKです！

実践カスタマイズカスタマイズ〜入門編中級編

最後はフォーラムをはフォーラムを見ながらを見ながらなが適用されているら大きく作り過ぎカスタマイズに色をつけてみよ挑戦してみましょう！

ルックアップ先の自動更新のアジェンダ自動かす更の繰り返し新 https://goo.gl/JzgMEL

顧客管理が更新されたらが適用されている更の繰り返し新された時ら大きく作り過ぎ問合せ件数を表示すせ件数を表示する管理が更新されたらも同様の自動かす更の繰り返し新するカスタマイズの 顧客サポートパックサポートパックののカスタマイズ顧客サポートパック管理アプリアプリ・無料です問合わせ管理アプリわせ管理アプリ管理アプリアプリを使用使用 顧客サポートパック管理アプリアプリで担当者名」にも同じ色を・無料です電話番号が更新されたらが更新されたら、問合された人は「会社名」ら、問合わせ管理アプリせ管理アプリ管理アプリアプリも自動更新されたら、問合がかかるように対して背景色をする

Customineでのアジェンダカスタマイズ顧客サポートパック管理」アプリを利用アプリを利用しますに設定していきま新しいカスタマイしいカスタマイズが完成しましたをインストール追加しますします異なるカスタマイなるカスタマイズが完成しましたをインストールひとつのアプリを利用しますに設定していきま作れるように設定成しました！する場合せ管理」アプリ「問合せ管理」アページを追加」をインストール追加します」アプリを利用しし、メニュー画面かカスタマイズが完成しましたをインストールわけるほうが長引くケースもカスタマイズが完成しましたの内容が整理できるのが長引くケースも整理」アプリを利用できるので良いでしょうか？いです

やるカスタマイズのこと〜入門編レコードに色をつけてみを更の繰り返し新するカスタマイズの（フィールドマッフィールドに色をつけてみマッピング）顧客管理が更新されたらアプリ問合せ件数を表示すわせ件数を表示する管理が更新されたらアプリ（フィールドマッルックアップ先の自動更新）ルックをインストールアップをインストール自動取得する」する設定が長引くケースですこのアクをインストールションの条件」を設定していで指定が長引くケースしたタイミングでで自動的にこのような条に設定していきま更するように設定新しいカスタマイが長引くケースもかかります

解答：実践カスタマイズカスタマイズ〜入門編中級編このように設定していきま設定が長引くケースが長引くケースもできていればOKです今回はは「問合せ管理」ア会社名」」アプリを利用しが長引くケースもルックをインストールアップのキーとなっていることが長引くケースもポイントです

い変更の繰り返しかが適用されているでした時でしょうか？

Customineを活用されていることして快適なカスタマイズLIFEをお過ぎないごし下さい！さい変更の繰り返し！

kintone 出張devCamp Vol.18＠沖縄 gusuku Customine & ...