スクロールバー

出典: フリー百科事典『ウィキペディア(Wikipedia)』
移動: 案内検索

スクロールバー: scroll bar)は、主にウィンドウシステムにおいて単一のウインドウ内で収まりきらない情報の部分領域だけ表示し、必要に応じて表示領域を移動するためのGUIパーツ(ウィジェット)のことをいう。縦(垂直)方向と横(水平)方向の二種類があり、前者を単にスクロールバー(或いは垂直スクロールバー)、後者を横スクロールバー(水平スクロールバー)などと呼ぶ。なおスクロールバーはユーザ側からみた呼び名で、プログラム上ではスクローラー(: scroller)と呼ばれる場合がある[1]

スクロールの原義は「巻物」のことである。画面を移動する操作が巻物を巻き上げる様子に似ている事から、スクロールと呼ばれるようになった。

概要[編集]

Scroll Bar.jpg

名称と操作[編集]

スクロールバーは複数のパーツからなる複合コンポーネントである。

つまみ(ノブ) 
いわゆる「つまみ」。現在表示されている位置や、全体に占める割合などを表現する。ノブをドラッグすると表示領域を移動する事ができる。この時内容がリアルタイムで更新される場合(ライブスクロール)と、ノブを放した時に更新される場合がある。近年[いつ?]のコンピュータは性能が向上しているので、ほとんどがライブスクロールである。
米国などではつまみのバー(棒)をサム (: thumb) ともいう。このサムには異なる名称があり、Macintoshでは「スクローラー」と呼ばれている。JavaプラットフォームのAWTSwingでは「バブル」「サム」「スクロールボックス」または「ノブ」[2] [3]マイクロソフトMSDNドキュメントでは「スクロールボックス」「サム」「スクロールサム」と称する[1][2][3][4]。他には、「エレベーター」、「クイント」、「パック」、「ワイパー」または「グリップ」とも呼ばれる[要出典]
矢印(アロー)
上下(左右)の矢印で、クリックするとその方向にノブが1単位移動する。移動量はおおむねテキスト1行程度である。多くはボタンを押し続けると連続移動を行なう(リピートボタン)。アローの配置には2つの流儀があり、スクロールバーの両端に別れて配置される場合と、一方の端にそろえて配置される場合に分かれる。前者は機能の表現として自然であるが、動作の集中する後者の方が移動の効率は良い。
本体
スクロールバーの本体はノブとアローを適切に配置し、制御する役割を負う。この部分をクリックするとページ量が充分な場合は、おおむねテキスト1ページ移動する。「Shift」キーを押しながら本体部分をクリックすると、クリックした地点にノブが移動する。ページの一番上から一番下に一気に移動するときは「Shift」を押しながら、矢印(下向き)の少し上を押す。

スクロールバーの配置[編集]

本体の配置にも複数の流儀がある。最も標準的な配置はウインドウ内の右と下にそれぞれ垂直、水平のバーが置かれるケースである。この形は初期のMacintoshから普及した。

垂直スクロールバーは左側に配置される場合もある。これはグラフィカルインターフェース上の表現では重要な機能が左側に集中する事が多く、移動や視点の効率が良いと考えられるからである。また、アラビア語のように右から左に向かって記述する言語版のインタフェースでは、垂直スクロールバーは左側に配置されるのが一般的である。一方水平スクロールバーはほとんどの場合下側に配置される。水平移動はあまり一般的な操作ではなく、画面上部の主要な機能の妨げになる事を避ける為であろう。

また時折スクロールバーがウインドウ外部に置かれる場合もある。これはマウスロールオーバーを検出して、アクティブなウインドウにスクロールバーが追随する形式である。この場合ウインドウ内に固定されたスクロール領域をとらずにすむので画面効率で有利である。反面ウインドウがスクロール可能かどうか、全体の大きさがどれぐらいかが一見では分からないが、

  • スクロールしそうな内容は見れば判別がつく
  • バーの大きさだけで全体の大きさが直感的に理解できるわけではない

と考えられるので大きな不便にはならない。この種のスクロールバーは Squeak などでみることができる。

インタフェースとしてのスクロールバー[編集]

スクロールバーは画面の固定領域を占有し、また情報を覆い隠してしまうので、利用を可能な限り避けるべきである。とはいえ画面の大きさには限りがあり、必要な大きさが事前に分かっているケースはまれである。またホイールを使えば移動の補助は可能だが、全体の大きさや位置はやはり必要となる。

他に代替手段としては、3次元コンピュータグラフィックスの3Dビューなどにおいてマウスカーソルの移動やドラッグを活用したズームやパンにより全体を拡大縮小・移動するインタフェースなどが考案されている。

モバイルなどのタッチインターフェイス環境では、画面のスクロールは基本的にスワイプフリックといった操作で行なうため、スクロールバーは単にドキュメント全体に対する現在の表示領域を示す目的で控えめに使われることが多い。

マウスとスクロールバー[編集]

マウスによっては中央にホイール(回転する円盤)を配したものがあり(ホイールマウス)、1996年に発売されたのが最初で[4]、2015年時点ではホイールマウスが主流になっている[5]。ホイールを上下に回すことでページをスクロールできるほか、ホイールを中ボタンとしてクリックすることで、アプリケーションによってはオートスクロールモードに切り替わるものもある[6]

チルト(横スクロール)[編集]

マウスホイールに「チルト」機能が割り振られているものもある。これは、ホイールを左右に傾けることで水平スクロールする機能である。右左にスクロールすることを、右チルト、左チルトともいう。

脚注[編集]

  1. ^ Scroller - Adobe ActionScript® 3(AS3 Flex)API リファレンス
  2. ^ Scrollbar (Java Platform SE 6)
  3. ^ JScrollBar (Java Platform SE 6)
  4. ^ “米Microsoftが新しいポインティングデバイス「IntelliMouse」を11月に発売 マウスにローラーがついて新しいナビゲーションが可能に”. PC Watch. (1996年7月23日). http://pc.watch.impress.co.jp/docs/article/960723/intlms.htm 2015年8月23日閲覧。 
  5. ^ 価格.com - マウスの選び方
  6. ^ オート・スクロール・モードが利用できない場合の対処方法 - @IT