進捗バー表示プラグイン

こんなときに便利です

「どの案件が遅れているのか、数字を1件ずつ見比べないと分からない」「今月の売上目標に対して、いまどのくらいなのかをすぐに知りたい」——kintoneでは進捗率も数字で並ぶだけなので、ぱっと見て状況をつかむのが難しくなりがちです。このプラグインを入れると、進捗率や達成率が横棒のバーで表示され、色で良し悪しがひと目でわかります。

できること

• 進捗率をバーで表示：数値フィールド・計算フィールドの値を、横棒の長さで見せます
• 2つのフィールドから達成率を計算：「売上実績 ÷ 売上目標」のように、実績と目標のフィールドを選ぶだけで達成率を表示します
• 進捗率に応じて色を変える：「100%以上は緑」「50%以上は青」「それ以外は赤」のように、色を何段階でも指定できます
• 詳細画面と一覧画面の両方に表示：詳細画面はフォームに置いたスペースに、一覧画面は値の欄にバーを表示します
• バーはいくつでも：「作業の進捗率」と「売上の達成率」のように、1つのアプリに複数のバーを設定できます
• モバイルにも対応：スマートフォンのkintoneでも同じように表示されます

設定画面

バーごとに「何を（フィールド）」「どこに（表示する場所）」「どんな色で（バーの色）」を指定します。

項目	設定内容
見出し	詳細画面でバーの上に表示する名前です（例：進捗率）。空欄なら表示しません。
進捗率の求め方	「値がそのまま「%」（75 → 75%）」「値が割合（0.75 → 75%）」「2つのフィールドの比（実績 ÷ 目標）」から選びます。
値のフィールド／実績のフィールド	数値フィールドまたは計算フィールドを選びます。
目標のフィールド	「実績 ÷ 目標」を選んだときだけ表示されます。目標の値が入ったフィールドを選びます。
表示する場所	詳細画面でバーを表示するスペースを選びます。「一覧画面でも…表示する」をオンにすると、一覧画面の値の欄にもバーを表示します。
バーの色	「○% 以上」ならこの色、という組み合わせを指定します。［＋ 色を追加］で段階を増やせます。どれにも当たらないときは「それ以外」の色になります。
数値の表示	「%」の小数点以下の桁数と、バーの横に数値を表示するかどうかを選びます。

使い方

導入（ダウンロード・kintoneへの読み込み・アプリへの追加）は、このページの「導入はかんたん 4ステップ」をご覧ください。

STEP1：フォームにスペースを置く

詳細画面にバーを表示する場合は、アプリの設定 →「フォーム」で、バーを表示したい場所に「スペース」を置き、スペースの設定で要素ID（例：bar_progress）を付けます。一覧画面だけに表示する場合は不要です。

STEP2：設定画面を開く

アプリの設定 →「プラグイン」で、「進捗バー表示（ベネモ無料版）」の歯車アイコンをクリックします。

STEP3：バーを設定する

進捗率の求め方・フィールド・表示する場所・バーの色を指定します。バーを増やすときは［＋ バーを追加］を押します。

STEP4：保存してアプリを更新する

［保存］を押したあと、アプリの設定画面右上の［アプリを更新］を押します。あとは詳細画面や一覧画面を開くだけで、バーが表示されます。

設定例

• 作業の進捗率（0〜100で入力）：求め方「値がそのまま「%」」、値のフィールド 進捗率、色は 100%以上 緑・50%以上 青・それ以外 赤
• 売上の達成率：求め方「2つのフィールドの比（実績 ÷ 目標）」、実績 売上実績、目標 売上目標、小数第1位まで表示
• 計算フィールドで割合を出しているとき：計算式が 売上実績 / 売上目標 の計算フィールドを選び、求め方は「値が割合（0.75 → 75%）」

注意事項・制限事項

• 詳細画面はスペースに表示します。フォームにスペースを置いて要素IDを付けてください。
• 一覧画面は表形式の一覧で動作します（カレンダー形式・カスタマイズ形式には対応していません）。また、値のフィールドがその一覧に表示されているときだけバーを表示します。
• レコードの追加・編集画面ではバーを表示しません。保存後の詳細画面でご確認ください。
• テーブル（サブテーブル）の中のフィールドには対応していません。
• 100%を超えたときはバーが枠いっぱいになり、数値は「120%」のようにそのまま表示します。マイナスのときはバーを表示しません。
• 値が未入力のときは「未入力」、「実績 ÷ 目標」で目標が未入力または0のときは「目標なし」と表示します。
• 本プラグインは無料・動作保証なしで提供しています。不具合はご連絡いただければ迅速に修正します。

よくある質問

Q. 設定したのにバーが表示されません。

A. プラグイン設定の保存後に、アプリの設定画面で［アプリを更新］を押したか確認してください。詳細画面の場合は、フォームのスペースに要素IDが付いているか、一覧画面の場合は、値のフィールドがその一覧に表示されているかも確認してください。

Q. 進捗率が「7500%」のように大きく表示されます。

A. 値が「75」なのに「値が割合（0.75 → 75%）」を選んでいると、100倍されて表示されます。値の入れ方に合わせて「進捗率の求め方」を選び直してください。反対に「0.75」が「1%」と表示されるときは「値が割合」を選びます。

Q. 条件付き書式プラグインとの違いは何ですか？

A. 条件付き書式プラグインは、条件に合うフィールドの文字色・背景色を変えるものです。このプラグインは、数値の大きさを横棒の長さで表し、進捗率に応じてバーの色を変えます。両方を同じアプリで使うこともできます。