コンテンツにスキップ

基本概念

Visual Customize の設定は ルール → アクション の2階層で構成されます。

ルール(いつ実行するか)
├── アクション 1(何をするか)
├── アクション 2
└── 条件分岐アクション
├── then → アクション 3
└── else → アクション 4

ルール は kintone のイベントに紐づく実行単位です。

プロパティ説明
イベントルールが実行されるタイミング(複数選択可)
フィールドコードchange イベント時の対象フィールド
コメントルールの説明(管理用)
グループルールの分類(フィルタ用)
有効/無効ルールの有効状態

同一イベントに複数のルールが登録されている場合、ルール一覧の上から順に実行されます。ドラッグ&ドロップで順序を変更できます。

イベント は kintone の画面操作に対応するトリガーです。

イベントタイミング
追加画面を表示した時フォームが描画された直後
値を変更した時フィールド値が変更された時
保存する時保存ボタン押下後、保存処理の前
保存成功後サーバーへの保存が完了した後
イベントタイミング
編集画面を表示した時フォームが描画された直後
値を変更した時フィールド値が変更された時
保存する時保存ボタン押下後、保存処理の前
保存成功後サーバーへの保存が完了した後
イベントタイミング
詳細画面を表示した時詳細画面が描画された直後
削除する時削除ボタン押下後、削除処理の前
ステータス変更時プロセス管理のステータス変更前
イベントタイミング
一覧を表示した時一覧画面が描画された直後
イベント説明
値を変更した時追加・編集・インライン編集のすべての change イベント
保存する時追加・編集のすべての submit イベント
保存成功後追加・編集のすべての submit.success イベント

すべてのイベントにモバイル版が存在します。設定画面でモバイルイベントを選択すると、kintone モバイルアプリでも同じカスタマイズが適用されます。

アクション はルール内で実行される個々の操作です。

カテゴリ概要代表的なアクション
フィールド操作フィールド値の設定・取得値セット、自動採番、ルックアップ取得
外観制御見た目の変更フィールド制御、条件書式、行色変更
条件分岐条件による実行制御if/else if、switch/case
ダイアログユーザーへの通知・入力アラート、確認ダイアログ
データ操作他アプリとのデータ連携レコード参照、在庫管理、同期
バリデーション入力チェック・整形バリデーション、値の整形
UI制御画面要素の操作ボタン制御、タブ表示、リダイレクト
カスタムビュー独自の一覧表示ダッシュボード、ガント、カンバン

ルール内のアクションは上から順に実行されます。前のアクションの実行結果を後のアクションで参照できます(式テンプレートの {{result:アクションID}} を使用)。

条件分岐アクション(if/else、switch/case 等)の内部にさらにアクションを配置できます。ネストの深さに制限はありません。

条件分岐(部門 = 営業)
├── then:
│ ├── フィールド値セット(割引率 = 10)
│ └── 条件分岐(金額 > 100万) ← ネスト
│ ├── then: フィールド制御(特別承認欄を表示)
│ └── else: フィールド制御(特別承認欄を非表示)
└── else:
└── フィールド値セット(割引率 = 0)

条件 は分岐アクション(ifCondition)で使用する判定式です。

  • AND — すべての条件を満たす場合に実行
  • OR — いずれかの条件を満たす場合に実行
種類判定対象
フィールド値レコードのフィールド値
ログインユーザー現在のログインユーザー情報
画面種別表示中の画面(一覧/詳細/追加/編集)
ビュー選択中の一覧ビュー名・種別
レコードIDレコードの存在有無
プロセスステータス・アクション名
アクション結果前のアクションの実行結果

詳しくは 条件式リファレンス を参照してください。

アクションのパラメータ内で 式テンプレート を使うと、フィールド値やユーザー情報を動的に埋め込めます。

{{field:会社名}} 様 ご担当: {{user.name}}
構文説明
{{field:コード}}フィールド値を参照{{field:会社名}}
{{user.name}}ログインユーザー名山田太郎
{{user.code}}ログインユーザーコードyamada
{{user.email}}メールアドレスyamada@example.com
{{calc:式}}計算式{{calc:{{field:単価}}*{{field:数量}}}}
{{result:ID}}アクション結果の参照{{result:act_001}}

詳しくは 式テンプレート構文 を参照してください。

設定画面と実行時の UI に適用されるカラーテーマを選択できます。

テーマ色調
kintone青(kintone 標準色)
waグレー
earth茶色
green濃緑
mono

設定した内容を プラグイン不要の JavaScript として出力できます。出力された JS ファイルを kintone の「JavaScript / CSS でカスタマイズ」に登録すれば、プラグイン枠を消費せずにカスタマイズを適用できます。

詳しくは スタンドアロン JS を参照してください。