入力補助サイドパネルプラグイン（無料）
レコード追加・編集画面にフローティングボタンを設置し、押すと画面右端に指定したフィールドだけを まとめた入力パネルが開くプラグインです。背景の元フォームは隠れず見えたままなので、他のフィールドの 値を確認しながらまとめて入力できます。パネルの「反映」ボタンで、入力した値をレコードへ書き込みます。
こんな方におすすめ
- kintoneでよく入力するフィールドだけをまとめて操作したい
- 画面をスクロールしながら入力するのが手間
- 「kintone まとめ入力」を探している
- 入力頻度の高い項目だけを常に手元に表示したい
紹介動画
ユースケース
項目数の多いフォームでも、よく使う入力箇所だけをボタン1つで呼び出せるパネルにまとめておけば、画面をスクロールして探し回らずに入力できます。ボタンは複数設定できるので、「基本情報」「連絡先」のように用途ごとに使い分けることもできます。
パネルは画面全体を覆わず右端に表示されるため、背景のフォームに書かれている他の項目の値を見ながら判断が必要な入力(例: 他部署の記入内容を見ながら自分の担当欄を埋める)をスムーズに行えます。
セットアップ手順
- プラグインをアプリに追加し、設定画面を開く。
- 「+ ボタンを追加」でボタン(タブ)を作成し、フローティングボタンのラベル・パネルのタイトル(省略可)を入力する。
- 「+ フィールドを追加」でパネルに表示したいフィールドを選ぶ(選んだ順にパネルへ縦1列で並びます)。フィールドの間を空けたい場合は「+ 空白を挿入」を使う。
- 設定を保存し、アプリを更新する(kintoneのアプリ設定は保存しただけでは反映されず、更新〈デプロイ〉して初めてレコード画面に反映されます)。
- レコード追加・編集画面の左下に表示されるフローティングボタンを押すと、画面右端にパネルが開きます。値を入力して「反映」を押すとレコードに反映されます。
対応フィールド型は、文字列(1行・複数行)・数値・リンク・ラジオボタン・チェックボックス・複数選択・ドロップダウン・日付・時刻・日時です。ルックアップ・ユーザー選択・組織選択・グループ選択・添付ファイル・リッチエディター・関連レコード一覧・テーブル・システム項目(計算・レコード番号など)は選択肢に出ません。パネルはPC専用です(モバイル非対応)。
セキュリティレビュー結果サマリ
kintoneセキュアコーディングガイドラインに沿って実装時にチェックしています。特に重要な点は次のとおりです。
- REST API・
kintone.api()を一切使用しません。フィールド情報の取得はkintone.app.getFormFields()、レコードの読み書きはkintone.app.record.get()/kintone.app.record.set()(いずれもJavaScript API)のみで完結し、外部サーバーへの通信も行いません。 - 入力パネルはkintoneのレコードコメント欄(サイドバー)と同じ位置に表示しますが、そのサイドバー内部にコンテンツを挿入する公開APIが無いため、実サイドバーのDOMは一切読み書きせず、独自のDOM要素を重ねて表示するだけの実装にしています。kintone側の画面変更の影響を受けません。
kintone.app.record.set()で書き換えるのは、設定画面でアプリ管理者が明示的に選んだフィールドのみです。添付ファイル・リッチエディター・ユーザー/組織/グループ選択・ルックアップ・関連レコード一覧・テーブル・システム項目は選択肢に出せない仕組みにしており、HTML文字列をそのまま書き込むような経路も作っていません。- 設定画面・実行時パネルのラベルや選択肢の表示は、すべて
textContentのみで組み立てており、innerHTMLを使用していません。 - 保存前のバリデーションで、ボタンラベル未入力・フィールド未選択・同一ボタン内でのフィールド重複などの不正な設定を検出して保存させません。
詳細な確認項目・確認日は下記GitHubのチェックリストに全項目を掲載しています。
設定画面イメージ
API実行数について
このプラグインはREST APIを一切実行しません。フィールド情報の取得はkintone.app.getFormFields()、
レコードの読み書きはkintone.app.record.get()/kintone.app.record.set()のみで行い、
いずれもJavaScript APIです。API実行数制限に影響することはありません。