<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="jp" xml:lang="jp"> <head> <!-- * * Copyright 2008-2017, Haiku. All rights reserved. * Distributed under the terms of the MIT License. * * Authors: * Humdinger <humdingerb@gmail.com> * Translators: * log-1 * mt * Kentaro Ozeki * --> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="robots" content="all" /> <title>Haiku のグラフィカルユーザーインターフェース</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="../Haiku-doc.css" /> </head> <body> <div id="banner"> <div><span>ユーザーガイド</span></div> </div> <div class="nav"> <div class="inner"> <ul class="lang-menu"> <li class="now">日本語 <span class="dropdown-caret">▼</span></li> <li><a href="../id/gui.html">Bahasa Indonesia</a></li> <li><a href="../ca/gui.html">Català</a></li> <li><a href="../de/gui.html">Deutsch</a></li> <li><a href="../en/gui.html">English</a></li> <li><a href="../es/gui.html">Español</a></li> <li><a href="../fr/gui.html">Français</a></li> <li><a href="../fur/gui.html">Furlan</a></li> <li><a href="../it/gui.html">Italiano</a></li> <li><a href="../hu/gui.html">Magyar</a></li> <li><a href="../pl/gui.html">Polski</a></li> <li><a href="../pt_PT/gui.html">Português</a></li> <li><a href="../pt_BR/gui.html">Português (Brazil)</a></li> <li><a href="../ro/gui.html">Română</a></li> <li><a href="../sk/gui.html">Slovenčina</a></li> <li><a href="../fi/gui.html">Suomi</a></li> <li><a href="../sv_SE/gui.html">Svenska</a></li> <li><a href="../tr/gui.html">Türkçe</a></li> <li><a href="../zh_CN/gui.html"> 中文 [中文]</a></li> <li><a href="../ru/gui.html">Русский</a></li> <li><a href="../uk/gui.html">Українська</a></li> </ul> <span> « <a href="filesystem-layout.html">ファイルシステムレイアウト</a> :: <a href="contents.html" class="uplink">目次</a> :: <a href="workspaces.html">ワークスペース</a> » </span></div> </div> <div id="content"> <div> <table class="index" id="index" summary="index"> <tr class="heading"><td>インデックス</td></tr> <tr class="index"><td> <a href="#move-resize">ウィンドウを素早く移動 / リサイズする方法</a><br /> <a href="#stack-tile">スタック & タイル</a><br /> <a href="#open-save-panel">読み込み / 保存パネル</a><br /> <a href="#replicants">レプリカント</a></td></tr> </table> <h1>Haiku のグラフィカルユーザーインターフェース</h1> <p>Haiku のグラフィカルユーザーインターフェースはシステムと統合されています。Unix ベースのオペレーティングシステムとは異なり、独立したウィンドウマネージャを持っておらず、Haiku をコマンドラインシェルモードでブートすることは不可能です。Haiku はデスクトップユーザーに主眼を置いているので、これは単に必要でないと考えられています。</p> <p>おそらくほかのグラフィカルな環境で経験があると思われる、メニュー、右クリックでのコンテキストメニュー、ドラッグ&ドロップといった標準的な動作はスキップして、代わりに Haiku のグラフィカルユーザーインターフェースに特有のものをいくつか見てみましょう。</p> <img src="images/gui-images/gui.png" alt="gui.png" /> <p> Haiku のグラフィカルユーザーインターフェースに関して、分かりにくく説明を必要とする部分はごくわずかです。</p> <ol> <li><p>Deskbar は Haiku の「スタート」メニューとタスクバーです。トピック <a href="deskbar.html">Deskbar</a> を参照してください。</p></li> <li>黄色いタブは単にプログラム名やドキュメントのファイル名を表示する以上の働きをします: <ul><li> <span class="key">SHIFT</span> キーを押しながらドラッグすると、タブを別の位置に移動できます。これにより、多くのウィンドウを積み重ねても、名前つきタブで簡単にウィンドウにアクセスできるようになります。</li> <li>ウィンドウを最小化するには、ウィンドウのタブをダブルクリックします (または、<span class="key">CTRL</span> <span class="key">ALT</span> <span class="key">M</span> を使います)。最小化したウィンドウは <a href="deskbar.html">Deskbar</a> や <a href="twitcher.html">Twitcher</a> 内のそれぞれの項目からアクセスできます。</li> <li>タブ (またはウィンドウの枠) を右クリックして、ウィンドウを最背面に移動できます。</li></ul></li> <li><p>「閉じる」ボタン。</p></li> <li><p>「ズーム」ボタン (または <span class="key">CTRL</span> <span class="key">ALT</span> <span class="key">Z</span>)。ほとんどのアプリケーションでは、Deskbar を隠すことなくウィンドウを最大サイズまで拡大します (なお、<span class="key">SHIFT</span> を押しながらだと、Deskbar を隠します)。しかし必ずしもそうである必要はなく、たとえば、Tracker のウィンドウではウィンドウの内容表示に最適なサイズにリサイズします。</p></li> <li><p>ウィンドウ枠。左ドラッグでウィンドウの移動、右ドラッグでリサイズします。</p></li> <li><p>リサイズコーナー</p></li> </ol> <h2> <a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a> <a id="move-resize" name="move-resize">ウィンドウを素早く移動 / リサイズする方法</a></h2> <p>ウィンドウの移動やリサイズは、同時に実行している複数のアプリケーションを取り扱う操作の大部分を占めます。黄色の小さいタイトルタブや、さらに細いウィンドウの枠をポイントする代わりに、より簡単にウィンドウを動かす方法があります。また、リサイズコーナーは小さい上に、右下の角からその方向にしかリサイズできないという制約があります。 <br />ウィンドウ枠の右クリックでリサイズできますが、慎重にポイントしなければなりません。</p> <p>こうした問題に対処するために、Haiku は <span class="key">CTRL</span> <span class="key">ALT</span> (ウィンドウを管理するキーの組み合わせ) とマウスを使ったすばらしい解決策を提供しています。ウィンドウ管理に関連するさらに多くのショートカットについては、<a href="keyboard-shortcuts.html#general">ショートカットとキーの組み合わせ</a>の章も参照してください。</p> <img src="images/gui-images/resizing.png" alt="resizing.png" /> <p><span class="key">CTRL</span> <span class="key">ALT</span> を押し続けるとマウスポインターにもっとも近いウィンドウの枠がハイライトされます。マウスをほかの枠の方向に動かすと、対象を変更します。<i>右マウスボタン</i>でクリックしてドラッグすると、ハイライトされた枠に沿ってウィンドウをリサイズできます。</p> <p><span class="key">CTRL</span> <span class="key">ALT</span> を押しながら<i>左マウスボタン</i>でウィンドウの任意の場所をクリックしてドラッグすると、ウィンドウを動かせます。元の位置に戻すには、<i>右マウスボタン</i>ですばやくクリックします。</p> <h2> <a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a> <a id="stack-tile" name="stack-tile">スタック&タイル</a></h2> <p>Haiku のユーザーインターフェースは、ウィンドウがフルサイズのタイトルバーの代わりに黄色のタブを備えているという事実を、完璧に使いこなすユニークな特徴を提供します。それは、"スタック&タイル (Stack & Tile)" と呼ばれます。<br /> 以下の例で、ブックマークを表示した Tracker ウィンドウが、WebPositive ウィンドウの左側にタイル (Tile) します。WebPositive ウィンドウ自体は、ソースフォルダー <tt>haiku</tt> を表示する別の Tracker ウィンドウとスタック (Stack) しています。このアニメーションでは、ユーザーがスタックしたウィンドウのタブをクリックすると、交互にどちらか一方を前面に移動します。</p> <img src="images/gui-images/gui-s+t.gif" alt="gui-s+t.gif" /> <p>このようにつながっているので、ウィンドウのグループは同時に移動およびリサイズできます。それは、よりプロジェクト中心の環境で作業するよい配置です。右側のドキュメントと web ブラウザーウィンドウの代わりに、エディターと Tracker ウィンドウ、そしておそらく作業中のプロジェクトに関する関連するメールを、それらと一緒に スタック & タイルできます。</p> <p>ウィンドウを実際に配置することは容易です。別のウィンドウのタブか枠の近くまでウィンドウをタブでドラッグしながら、ウィンドウが強調されるまで、<span class="key">OPT</span> を押してください。それからマウスボタンを離します。</p> <p>スタック & タイル は、2 つの関連する部分から成ります。</p> <table summary="layout" border="0" cellspacing="0" cellpadding="2"> <tr><td><img src="images/gui-images/gui-stacking.png" alt="gui-stacking.png" /></td><td width="10"></td> <td><p>"<i>スタック (Stacking)</i>" は、ウィンドウを互いに重なり合わせて置くことです。黄色のタブは自動的に所定の位置に移動します。<br /> <span class="key">OPT</span> を押しながらタブを重ねると、色が変わります。次に、ウィンドウにドロップして、スタックします。</p></td></tr></table> <table summary="layout" border="0" cellspacing="0" cellpadding="2" vspace="10"> <tr><td><img src="images/gui-images/gui-tiling.png" alt="gui-tilinging.png" /></td><td></td> <td><p>"<i>タイル (Tiling)</i>" は、ウィンドウを水平方向、または垂直方向にくっつけることです。<br /> 先と同様に、<span class="key">OPT</span> を押しながら、ウィンドウを互いに近づけたとき、色が変化したウィンドウをドロップすれば、ウィンドウ枠は互いにくっつくでしょう。</p></td></tr></table> <p>分離は同じように行えます。ウィンドウをタブでドラッグ中に <span class="key">OPT</span> を押せば、グループの外に出ます。</p> <h2> <a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a> <a id="open-save-panel" name="open-save-panel">読み込み / 保存パネル</a></h2> <p>どのようなアプリケーションでも、ファイルを開く / 保存する際は以下のようなパネルが開きます。</p> <img src="images/gui-images/open-save.png" alt="open-save.png" /> <p>パネルは一般的な要素をすべて備えています。現在のフォルダー下のファイル選択リスト、保存パネルではファイル名を入力するテキストフィールドと、異なるファイル形式のためのポップアップメニュー、そしてその設定です。<br /> ファイル選択リストの上にあるポップアップメニューで親フォルダーに移動できます。</p> <p>ファイルを開く場所の Tracker ウィンドウをすでに開いていれば、あらゆるファイル、またはフォルダー表現 (すなわち、Tracker メニューバー右端のフォルダーアイコン) でも単純にパネルにドラッグできます。これによって、その新しい場所にパネルを変更できます。</p> <h3> <a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a> <a id="open-save-shortcuts" name="open-save-shortcuts">キーボードショートカット</a></h3> <p>Tracker で利用されるショートカットの多くが、読み込み / 保存パネルでも利用できます。<span class="menu">ファイル</span>メニューを使っても利用できるコマンドのほかに、いくつか分かりにくいコマンドがあります。</p> <table summary="shortcuts" border="0" cellspacing="0" cellpadding="2"> <tr><td><span class="key">ALT</span> <span class="key">N</span></td><td></td><td>新しいフォルダーを作成。</td></tr> <tr><td><span class="key">ALT</span> <span class="key">E</span></td><td></td><td>選択した項目の名前を変更。</td></tr> <tr><td><span class="key">ALT</span> <span class="key">↑</span></td><td style="width:24px;"></td><td>親フォルダーへ移動。</td></tr> <tr><td class="onelinetop"><span class="key">ALT</span> <span class="key">↓</span> または <span class="key">ENTER</span></td><td></td><td>選択したフォルダーへ移動。</td></tr> <tr><td><span class="key">ALT</span> <span class="key">D</span></td><td></td><td>デスクトップへ移動。</td></tr> <tr><td><span class="key">ALT</span> <span class="key">H</span></td><td></td><td>ホームフォルダーへ移動。</td></tr> </table> <p>Haiku の一般的なキーボードショートカットは、<a href="keyboard-shortcuts.html">ショートカットとキーの組み合わせ</a>の章を参照ください。</p> <h3> <a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a> <a id="favorites-recent" name="favorites-recent">Favorites および Recent フォルダー</a></h3> <p>読み込み / 保存パネルにある、<span class="menu">お気に入り (Favorites)</span> メニューは、最近訪れたフォルダーと、独自に設定できるお気に入りの場所を提供します。小さな矢印で示されているように、これらの場所からサブメニューを通じてさらに下の階層に移動できます。</p> <img src="images/gui-images/favorites.png" alt="favorites.png" /> <p>お気に入りを追加するには、目的地へ移動して、<span class="menu">お気に入り | このフォルダーを追加 (Favorites | Add current folder)</span> を選択します。それ以降、すべての読み込み / 保存パネルに表示されるようになります。お気に入りを削除するためには、<span class="menu">お気に入りの編集… (Favorites | Configure favorites...)</span> を選んで、その項目を削除してください。<br /> お気に入りはすべて <span class="path">/boot/home/config/settings/Tracker/Go/</span> に保持されているので、そこへ直接ファイルやフォルダーへのリンクを追加または削除するのも同じことです。</p> <h2> <a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a> <a id="replicants" name="replicants">レプリカント</a></h2> <p>レプリカント (Replicant) は、アプリケーションに内蔵されている、ほかのプログラムと統合可能な部分です。Deskbar の<span class="menu">レプリカントを表示 (Show replicants)</span> が有効であるとき、アプリケーションのレプリカント化可能な部分は通常右下にある小さなハンドルによって見分けられます。</p> <img src="../images/gui-images/replicant.png" alt="replicant.png" /> <p>レプリカントに対応する場所でもっとも目立つのはデスクトップです。小さいハンドルをそこにドラッグ&ドロップするだけです。以後それはデスクトップの一部となり、レプリカント元アプリケーションを動作のために起動する必要はありません。レプリカントハンドル上で右クリックすると、元のアプリケーションの <span class="menu">About</span> ウィンドウと、<span class="menu">レプリカントを削除 (Remove replicant)</span> へのコンテキストメニューを表示します。</p> <div class="box-info">万が一、デスクトップ上のレプリカントに問題が生じて取り除けなくなった場合は、<span class="path">~/config/settings/Tracker/tracker_shelf</span> を削除してください。残念ながら、この操作により<i>すべての</i>レプリカントがデスクトップ上から取り除かれます。</div> <p>レプリカント化可能なアプリケーションの例として、<a href="applications/activitymonitor.html">利用状況モニター</a>のグラフ、<a href="workspaces.html">ワークスペースアプレット</a>、または<a href="applications/deskcalc.html">電卓</a>があります。</p> </div> </div> <div class="nav"> <div class="inner"><span> « <a href="filesystem-layout.html">ファイルシステムレイアウト</a> :: <a href="contents.html" class="uplink">目次</a> :: <a href="workspaces.html">ワークスペース</a> » </span></div> </div> </body> </html>