お祝いプラグイン（無料）
ドロップダウン・ラジオボタン・プロセス管理のステータスが、設定画面で指定した値に変わったときに、 くす玉・クラッカー・紙吹雪のお祝い演出をレコード画面に表示するプラグインです。お祝い対象の値は 複数選択でき、演出は2.5秒ほどで自動的に消えるため、派手すぎず、それでいて達成感の伝わる表示に なっています。
こんな方におすすめ
- kintoneで契約成立や承認完了をお祝い演出で盛り上げたい
- チームのモチベーションを上げる仕掛けをkintoneに入れたい
- 「kintone お祝い演出」を探している
- 目標達成のステータスになったら分かりやすく祝いたい
紹介動画
ユースケース
プロセス管理のステータスや、ドロップダウン・ラジオボタンの「対応状況」フィールドが「完了」「承認済」などの値に変わった瞬間に、くす玉やクラッカーの演出を表示できます。日々の業務にちょっとした達成感を加えられます。
お祝い対象の値は複数選択できるため、「完了」と「承認済」のように、達成を表す複数のステータス値を1つのルールでまとめて演出対象にできます。演出パターン(くす玉・クラッカー・紙吹雪・ランダム)やバナーメッセージもルールごとに設定できます。
セットアップ手順
- プラグインをアプリに追加し、設定画面を開く。
- 「+ ルールを追加」で対象種別(ドロップダウン/ラジオボタン、またはプロセス管理のステータス)を選ぶ。
- 対象種別がドロップダウン/ラジオボタンの場合は対象フィールドを選び、お祝い対象の値(複数選択可)・演出パターン・バナーメッセージを設定して保存する。
- 保存後、アプリを更新する(kintoneのアプリ設定は保存しただけでは反映されず、更新〈デプロイ〉して初めてレコード画面に反映されます)。
演出は、対象の値に「変わった」ときにのみ表示されます(レコードを開くたびに毎回表示されることはありません)。プロセス管理のステータスは、アクション実行前のタイミングで演出が表示されます。
セキュリティレビュー結果サマリ
kintoneセキュアコーディングガイドラインに沿って実装時にチェックしています。特に重要な点は次のとおりです。
- プロセス管理のステータス選択肢一覧を設定画面で取得するためだけにREST API(
GET /k/v1/app/status.json)を使いますが、呼び出しは必ずkintone.api()(kintone自身への呼び出し専用の内部ラッパー)のみを使用しています。レコード画面側の発火判定はJavaScript APIのイベントオブジェクトのみで完結し、REST呼び出しは行いません。外部サーバーへの通信・外部ライブラリの使用は一切ありません。 - 演出(くす玉・クラッカー・紙吹雪)は
<canvas>要素のCanvas 2D APIのみで描画しており、外部の紙吹雪ライブラリ等は組み込んでいません。 - 設定画面でのフィールド一覧・選択肢一覧の描画、レコード画面のバナーメッセージ表示は、いずれも
innerHTMLではなくtextContentのみを使用しており、アプリ管理者が入力した文字列がHTMLとして解釈されることはありません。 - 演出のオーバーレイは
pointer-events: noneにしており、演出中も背後のレコード画面の操作(ボタン・入力欄のクリック)を妨げません。演出終了時には要素を確実にDOMから除去します。 - 「値が変わったときにのみ発火する」判定ロジックはユニットテストで確定的に検証しており、レコードを開くたびに毎回演出されたり、プロセス管理のアクションでステータスが変わらない場合に誤って発火したりしないようにしています。
詳細な確認項目・確認日は下記GitHubのチェックリストに全項目を掲載しています。
設定画面イメージ
API実行数について
このプラグインは、設定画面でプロセス管理のステータス選択肢一覧を表示するときにのみ、
ステータス設定確認API(GET /k/v1/app/status.json、内部向けラッパーの
kintone.api()経由)を実行します。レコード画面での演出表示自体は、JavaScript APIの
イベントオブジェクトのみで判定しており、追加のAPI実行は発生しません。