← ブログ一覧へ
標準機能の拡張

kintoneプラグインでツールチップが使える! ふきだしコメントでユーザビリティ向上

kintoneプラグインでツールチップが使える! ふきだしコメントでユーザビリティ向上

こんにちは、株式会社Crenaです!

今回の記事では、当社の「ツールチッププラグイン」をご紹介します。

こんな方にオススメ

  • kintoneアプリに補足や注意事項を設置したい
  • 入力時の補足にラベルを使っていて、アプリが見にくくなっているのを改善したい
  • アプリのデザインをおしゃれでスマートにしたい

上記のような、お悩み・ご要望をお持ちの方は、ぜひ最後までチェックしてみてください!

ツールチッププラグインの紹介バナー

ツールチッププラグインのご紹介

ツールチップとは、「iマーク」や「?マーク」にマウスカーソルを重ねた際、補足コメントが表示される機能のことです。

ツールチッププラグインを導入すれば、kintoneアプリでもこの補足表示が利用できるようになります。

ツールチップの例

① ツールチップ表示機能

マウスカーソルを重ねた際に、補足コメントを表示します。

ツールチップ表示機能のデモ

② アイコン選択機能

ツールチップのアイコンを、「?マーク」と「i(!)マーク」の2種類から選ぶことができます。

ツールチップのアイコン選択画面

③ 表示画面選択機能

ツールチップが表示される画面を、次の中から選択できます。

  • レコード一覧画面
  • レコード詳細画面
  • レコード編集画面
  • レコード追加画面

一覧・詳細では非表示、編集・追加では表示、といった使い分けも可能です。

表示画面選択の設定画面
レコード一覧画面での表示例
レコード一覧画面
レコード詳細画面での表示例
レコード詳細画面
レコード編集画面での表示例
レコード編集画面
レコード追加画面での表示例
レコード追加画面

④ 色選択機能

ふきだしの文字色と背景色を設定できます。見やすさや重要度に合わせて自由に調整可能です。

色設定例1の変更前
色設定例1の変更後
色設定例2の変更前
色設定例2の変更後
色設定例3の変更前
色設定例3の変更後

\30日間のプラグイン無料体験実施中!/
⇨ 自分の環境でツールチッププラグインを使ってみる!

ツールチッププラグイン 活用事例

① レコード編集画面のラベルをツールチップで整理する

お悩み:入力者によって記入方法がバラバラで、ラベルで注意書きを増やしたらアプリが見にくくなってしまった。

入力ルールが統一されていない画面(before 図1)
before:図1
注意書きラベルで見にくくなった画面(before 図2)
before:図2

解決案:ツールチッププラグインを導入すれば、アプリの見やすさを損なわずに注意書きを追加できます。

ツールチップで補足を整理した画面(after)
after

② 一覧画面に補足事項を設置する

お悩み:一覧画面に補足事項を載せたい。

解決案:一覧画面だけにツールチップ機能を適用することで、入力・編集以外の場面でも活用できます。

一覧画面に補足事項を設置した画面(after)
after

その他の活用事例はこちらから!

まとめ

ツールチッププラグインの機能

ツールチッププラグインの要点アイコン
  • ① ツールチップ表示機能
  • ② アイコン選択機能
  • ③ 表示画面選択機能
  • ④ 色選択機能

これらの機能によって、スマートに補足・注意事項を記載することができます。ぜひ導入をご検討ください!

30日間無料お試し申込み

CrenaPluginは、自社のkintone環境で『30日間』無料でお試しいただけます。
お試しをご希望の方は、『お試し申込フォーム』よりお申し込みください。

今すぐ無料で30日間お試し >

ご利用までの流れ

ご利用までの流れ

※ 直接お問い合わせの場合は 「contact@create-new-air.com」までご連絡ください。

「こんなの欲しかった!」が見つかる。CrenaPlugin。

まずは、あなたの環境で“使いやすさ”を体感してください。
すべてのプラグインを見る >

Crena Plugin ロゴ
kintoneプラグイン料金プラン一覧

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面