Loading article…
ツールチップは、インフォチップやヒントとも呼ばれ、画面上の要素やコンポーネントにマウスを移動すると、ボタンの機能の説明、略語の意味、相対時間に対する正確な絶対タイムスタンプ（「…前」）などの要素に関する情報がテキストボックスに表示される、一般的なグラフィカルユーザーインターフェイス（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」。