kintoneでアプリを運用していると、こんな場面はありませんか。
- 「取引先名は正式名称で入力してほしいのに、略称や表記ゆれがなくならない」
- 「入力ルールをマニュアルに書いても、そもそも見てもらえない」
- 「新しく入ったメンバーが、毎回同じ入力ミスをしてしまう」
こうした「入力時にちょっとした説明が欲しい」という悩みを、フォームのレイアウトを崩さずに解決できるのが「ツールチップ設定プラグイン（Field Tooltip Plugin）」です。
対象フィールドのラベル横に「ⓘ」アイコンを表示し、マウスオーバー（またはキーボードでのフォーカス）した時だけ補足メッセージがふわっと表示されます。普段は画面をすっきり保ちながら、必要な人が必要なタイミングで説明を確認できるので、常時表示の注意書きのように画面が窮屈になることもありません。
プラグインで解決できること
- 表記ゆれの防止：「株式会社〇〇のように正式名称で入力してください」といった案内をその場で表示できる
- 入力ミスの削減：単位や税抜・税込などの勘違いしやすい条件を、入力前に確認してもらえる
- 問い合わせ対応の手間削減：入力ルールをフィールドに埋め込んでおくことで、都度説明する手間を減らせる
- 運用ルールの周知：ステータスや区分の選択基準など、担当者ごとに解釈がぶれやすいルールを統一できる
マニュアルや口頭説明に頼らず、「入力するその瞬間」に必要な情報を届けられるのがこのプラグインの特徴です。
プラグインの機能紹介
アプリの任意のフィールドに補足説明のツールチップを設置できるプラグインです。
- ⓘアイコン＋ツールチップ表示
対象フィールドのラベル横に「ⓘ」アイコンを追加します。ホバー・フォーカス時にのみ補足メッセージが表示されるため、フォームのレイアウトを崩しません。 - 複数フィールドへの一括設定
設定画面の「＋ 設定を追加」ボタンで、1つのアプリ内の複数フィールドに対してそれぞれ異なるメッセージを設定できます。「×」ボタンで不要な設定を削除できますが、設定は最低1件必要なため、残り1件になると削除ボタンは自動的に押せなくなります。 - 対象フィールドはドロップダウンで選択
アプリのフィールド一覧を自動取得し、プルダウンから選ぶだけなので、フィールドの名前を手入力する必要がありません。 - 文字色・背景色を自由にカスタマイズ
#ffffffのようなカラーコードだけでなく、whiteやcornflowerblueといった色の名前でも指定できます。入力欄の右側にリアルタイムで色のプレビューが表示されるので、配色ミスを防げます。 - kintone公式部品（KUC）を採用
サイボウズ公式の部品ライブラリ「kintone UI Component」のTooltipを使用しているため、標準的な見た目・挙動でkintoneの画面になじみます。
プラグインの活用事例
① 顧客名・取引先名フィールドで表記ゆれを防止
「正式名称で入力してください（例：株式会社〇〇）」といったメッセージを表示し、法人格の有無や略称による表記ゆれを防ぎます。
② 日付フィールドで締め日・入力ルールを周知
請求日や納期のフィールドに「毎月25日締め、翌月末支払いです」のような社内ルールを添えることで、担当者ごとの認識のズレを防ぎます。
③ 数値フィールドで単位・計算ルールを明示
単価や数量のフィールドに「税抜金額を入力してください」「単位：kg」など、勘違いしやすい入力条件を補足し、金額・数量の入力ミスを減らします。
④ ラジオボタン・ドロップダウンで選択基準を説明
ステータスや区分などの選択項目に「『保留』は上長確認待ちの場合に選択」といった運用ルールを添え、選択基準を統一します。
⑤ 申請・承認フローのフィールドで記入ルールを案内
稟議申請アプリなどの金額欄・理由欄に「10万円以上は稟議書の添付が必要です」といった注意事項を表示し、申請差し戻しの削減につなげます。
⑥ メールアドレス・電話番号の入力方法を統一
連絡先フィールドに「ハイフンなしで入力してください」「担当者個人ではなく代表アドレスを入力してください」といった案内を添え、後工程での確認・修正の手間を減らします。
⑦ 備考・コメント欄で記載してほしい内容を明示
自由記述の備考欄に「変更理由と対応日を必ず記載してください」のような案内を表示し、書き手によって記載内容がバラつくのを防ぎます。
利用上の注意点
- 対応画面について：
本プラグインはPC版kintoneの、レコード詳細・登録・編集画面向けです。モバイル版kintoneには対応していません。 - 同じラベル名のフィールドがある場合：
登録・編集画面では、フォーム内に見た目のラベルが完全に一致するフィールドが複数存在すると、意図しないフィールドにツールチップが設置される可能性があります。ラベル名はフィールドごとに一意になるよう設定することをおすすめします。 - 他のカスタマイズとの併用：
他のJavaScriptカスタマイズやプラグインが同じフィールドの属性を操作している場合、表示が競合する可能性があります。同一フィールドに複数のカスタマイズを併用する場合は、事前に動作確認を行ってください。 - ツールチップを設置できないフィールド：
ステータス／作業者／テーブル内フィールド／関連レコード一覧内のフィールド／閲覧権限のないフィールドは、kintoneの仕様上、ツールチップを設置できません。
まとめ
「ツールチップ設定プラグイン」は、kintoneのフォームレイアウトを変えずに、フィールドごとの入力ルールや注意事項を“必要な時だけ”表示できるシンプルなプラグインです。複数フィールドへのまとめ設定、文字色・背景色のカスタマイズ、画面端での表示崩れ対策まで標準機能でカバーしているため、業務マニュアルの一部をアプリ内に埋め込むような感覚で、入力ミスや問い合わせ対応の手間を減らすことができます。
「入力ルールを都度説明するのが大変」「新入社員がよく入力を間違える」といった悩みがあるアプリに、ぜひ導入を検討してみてください。
🧩 プラグインのご紹介
記事内で紹介している、当社が開発した「ツールチップ設定プラグイン」をご紹介します。
60日間の試用版をダウンロードすることもできますので、ぜひお試しください。
🔨 自分でカスタマイズしてみたい方へ
以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。
「note:アプリ活用研究会（キン活）」は、当サイトのメンバーが執筆しています。
🌸 アプリテンプレートの販売
本記事でご紹介している機能のアプリテンプレートを、下記の料金プランで販売しています。
導入をご希望の方は、各プランの「お申込み／お問い合わせ」ボタンからお問い合わせください。
■ 料金プラン
◆単品販売（買取型）は、導入サポート付きの価格です。
単品動作タイプは60,000円、２アプリ連携タイプは100,000円、3つ以上連携タイプは150,000円です。
自アプリ参照型は単品動作タイプ、別アプリ参照型は、２アプリ連携タイプとなります
◆簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
◆会員サポート契約では、ご利用範囲「無制限」で運用ヘルプデスク対応までフルサービスでご提供します。
| 項目 | 単品販売 | 簡易サポート | 会員サポート |
|---|---|---|---|
| 料金体系 | 60,000円 (税抜) | 120,000円 (税抜) | 360,000円 (税抜) |
| 契約期間 | なし | 毎年更新 | 6か月更新 |
| 導入サポート | ✔ | ✔ | ✔ |
| メールサポート | × | ✔ | ✔ |
| チャットサポート | × | ✔ | ✔ |
| バージョンアップ対応 | × | ✔ | ✔ |
| 運用ヘルプデスク対応 | × | × | ✔ |
| 商品のご利用範囲 | 本商品のみ | 6種類までご利用可能 ユーザー数10名まで |
無制限 ユーザー数30名まで |
| お問い合わせ／お申し込み | 購入する | お申込み |
🏫 kintone人材育成研修
この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintome人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます！
上級コースの受講者には、特典で当サイトのカスタマイズテンプレート（3種類まで）と３か月のサポート契約を無償でご提供しています。
研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。
📣カスタマイズ・導入支援いたします！
本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください！
#kintone #Javascript #カスタマイズ #Tooltip #フィールドの説明
