
ツールチップは、インフォチップやヒントとも呼ばれ、一般的なグラフィカルユーザーインターフェイス(GUI)要素であり、画面の要素またはコンポーネントの上にマウスを移動すると、ボタンの機能の説明、略語の意味、相対時間に対する正確な絶対タイムスタンプ(「…前」)などの要素に関する情報がテキストボックスに表示されます。一般的に、ツールチップは、ユーザーがツールによって提供される要素またはテキストボックスの上にマウスを移動している限り、継続的に表示されます。[1]マウスをテキストボックス内に置いてネストされたツールチップをアクティブにできる場合があり、これは任意の深さまで継続でき、多くの場合、複数のテキストボックスが重なり合っています。
デスクトップでは、カーソル(通常はポインター)と組み合わせて使用され、ユーザーがクリックせずにポインターを項目の上に置くとツールチップが表示されます。[2] [3]

タッチスクリーンデバイスでは、要素を長押し(タップして押したままにする)するとツールチップが表示されます。[1]一部のスマートフォンには、スタイラスなどの代替入力方法があり、画面上にマウスを移動するとツールチップが表示されます。
特に古いソフトウェアでは、ツールチップの一般的なバリエーションとして、ステータスバーにツールの説明を表示するものがあります。[要出典] エンドユーザー向けドキュメントに記載されているMicrosoftのツールチップ機能は、スクリーンヒントと呼ばれています。[4]開発者向けドキュメントに記載されているApple のツールチップ機能は、ヘルプタグと呼ばれています。[5] Classic Mac OS は、バルーンヘルプと呼ばれる、わずかに異なる方法でツールチップ機能を使用しています。[6] GIMPなどの一部のソフトウェアやアプリケーションでは、ユーザーが一部またはすべてのツールチップをオフにするオプションが提供されています。ただし、このようなオプションは開発者の裁量に任されており、実装されていないことがよくあります。[要出典]
起源
ツールチップという用語は、もともと古い Microsoft アプリケーション ( Microsoft Word 95など) に由来しています。これらのアプリケーションにはツールバーがあり、マウスをツールバー アイコンの上に移動すると、ツールバーのツールの機能の簡単な説明が表示されます。最近では、これらのツールチップはツールバーだけでなく、インターフェイスのさまざまな部分で使用されています。
例
CSS、HTML、JavaScriptなどのコーディング システムを使用すると、Web デザイナーはカスタマイズされたツールチップを作成できます。
ツールチップの使用法のデモンストレーションは、Web ページでよく見られます。多くのグラフィカルWeb ブラウザーでは、ユーザーがHTML要素titleの上にポインターを移動すると、その要素の属性がツールチップとして表示されます。このようなブラウザーでは、Wikipedia の画像やハイパーリンクの上にポインターを移動すると、ツールチップが表示されます。
参照
参考文献
- ^ ab 「マテリアルデザイン」。
- ^ 「ツールチップの定義」。TechTerms.com 。 2014年5月13日閲覧。
- ^ 「ツールヒント コントロールについて - Windows アプリケーション」。Microsoft Docs。2020年 8 月 21 日。
- ^ 「スクリーンヒントを表示または非表示にする」Microsoft サポート。 2020 年 12 月 13 日閲覧。
- ^ 「ヘルプ - ユーザーインタラクション - macOS - ヒューマンインターフェイスガイドライン - Apple Developer」。developer.apple.com 。 2021年8月12日閲覧。
- ^ 「バルーンヘルプの定義 | PCMag」。
