haiku/docs/userguide/jp/preferences/appearance.html

149 lines
14 KiB
HTML
Raw Normal View History

<?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>
<!--
*
2015-01-17 20:26:33 +03:00
* Copyright 2008-2014, Haiku. All rights reserved.
* Distributed under the terms of the MIT License.
*
* Authors:
* Humdinger <humdingerb@gmail.com>
* Translators:
* Humdinger
* log-1
* mt
*
-->
<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>外観</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"><img src="../../images/flags/jp.png" alt="" /> 日本語</li>
<li><a href="../../ca/preferences/appearance.html"><img src="../../images/flags/ca.png" alt="" />Català</a></li>
<li><a href="../../de/preferences/appearance.html"><img src="../../images/flags/de.png" alt="" />Deutsch</a></li>
<li><a href="../../en/preferences/appearance.html"><img src="../../images/flags/gb.png" alt="" />English</a></li>
<li><a href="../../es/preferences/appearance.html"><img src="../../images/flags/es.png" alt="" />Español</a></li>
<li><a href="../../fr/preferences/appearance.html"><img src="../../images/flags/fr.png" alt="" />Français</a></li>
<li><a href="../../it/preferences/appearance.html"><img src="../../images/flags/it.png" alt="" />Italiano</a></li>
2012-11-16 01:36:54 +04:00
<li><a href="../../hu/preferences/appearance.html"><img src="../../images/flags/hu.png" alt="" />Magyar</a></li>
2014-05-31 02:02:36 +04:00
<li><a href="../../pl/preferences/appearance.html"><img src="../../images/flags/pl.png" alt="" />Polski</a></li>
<li><a href="../../pt_PT/preferences/appearance.html"><img src="../../images/flags/pt_PT.png" alt="" />Português</a></li>
<li><a href="../../pt_BR/preferences/appearance.html"><img src="../../images/flags/pt_BR.png" alt="" />Português (Brazil)</a></li>
<li><a href="../../ro/preferences/appearance.html"><img src="../../images/flags/ro.png" alt="" />Română</a></li>
<li><a href="../../sk/preferences/appearance.html"><img src="../../images/flags/sk.png" alt="" />Slovenčina</a></li>
<li><a href="../../fi/preferences/appearance.html"><img src="../../images/flags/fi.png" alt="" />Suomi</a></li>
<li><a href="../../sv_SE/preferences/appearance.html"><img src="../../images/flags/sv_SE.png" alt="" />Svenska</a></li>
<li><a href="../../zh_CN/preferences/appearance.html"><img src="../../images/flags/zh_CN.png" alt="" /> 中文 [中文]</a></li>
<li><a href="../../ru/preferences/appearance.html"><img src="../../images/flags/ru.png" alt="" />Русский</a></li>
<li><a href="../../uk/preferences/appearance.html"><img src="../../images/flags/uk.png" alt="" />Українська</a></li>
</ul>
<span>
<a href="../preferences.html" class="uplink">Preferences (プレファレンス)</a> 
::  <a href="backgrounds.html">背景</a>  »
</span></div>
</div>
<div id="content">
<div>
<h2><img src="../../images/prefs-images/appearance-icon_64.png" alt="appearance-icon_64.png" width="64" height="64" />外観 (Appearance)</h2>
<table summary="quickinfo" border="0" cellspacing="0" cellpadding="2">
2014-04-05 20:48:32 +04:00
<tr><td>Deskbar:</td><td style="width:15px;"></td><td><span class="menu">Preferences</span></td></tr>
<tr><td>場所:</td><td></td><td><span class="path">/boot/system/preferences/Appearance</span></td></tr>
<tr><td>設定ファイル:</td><td></td><td><span class="path">~/config/settings/system/app_server/appearance</span><br />
<span class="path">~/config/settings/system/app_server/fonts</span></td></tr>
</table>
<p>外観 (Appearance) プレファレンスで、Haiku の見た目の一部を変更できます。</p>
<h2>
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
<a id="fonts" name="fonts">フォント</a></h2>
<img src="../images/prefs-images/appearance-fonts.png" alt="appearance-fonts.png" />
<p>Haiku は目的別に 3 種類の標準フォントを定めています。ここでシステム全体に用いられるフォントのスタイル (通常・太字・固定幅) とサイズを設定します。加えて、メニューで使われるフォントの設定が別にあります。</p>
<h3>
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
<a id="installing_fonts" name="installing_fonts">新しいフォントのインストール</a></h3>
<p>正規の .hpkg パッケージの一部でない新しいフォントをインストールするには、<tt>non-packaged</tt> フォルダーの、フォントの種類 (<tt>psfonts</tt> または <tt>ttfonts</tt>) に応じたサブフォルダーへコピーします (<a href="../filesystem-layout.html">ファイルシステムレイアウト</a>のトピックを参照ください)。TrueType フォントでは、コピー先は以下のようになるでしょう。</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
2014-04-05 20:48:32 +04:00
<tr><td><span class="path">/boot/system/non-packaged/data/fonts/ttfonts/</span></td><td>   </td><td>すべてのユーザー用フォント</td></tr>
<tr><td><span class="path">/boot/home/config/non-packaged/data/fonts/ttfonts/</span></td><td>   </td><td>あなたの専用フォント</td></tr>
</table>
<h2>
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
<a id="colors" name="colors">色 (Colors)</a></h2>
<img src="../images/prefs-images/appearance-colors.png" alt="appearance-colors.png" />
2014-05-31 02:02:36 +04:00
<p><span class="menu">色 (Colors)</span> タブで、ユーザーインターフェースの各部位の色を変更できます。カラーウェルは、ほかのアプリケーションからのドラッグ&ドロップを受け付けるので、たとえば、<span class="app">WonderBrush</span><span class="app">Icon-O-Matic</span>、または<span class="app">背景</span>パネルなどから色をドラッグできます。</p>
2014-04-05 20:48:32 +04:00
<h2><a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
<a id="decorators" name="decorators">ウィンドウデコレーター (Window decorators)</a></h2>
<img src="../images/prefs-images/appearance-decorators.png" alt="appearance-decorators.png" />
<p>デコレーターは、ウィンドウや GUI 要素のルックアンドフィールを決定します。現在、Haiku はデフォルトデコレーターただ 1 つが付属しています。ほかのデコレーターを見つけてインストールすれば、ポップアップメニューからべつのデコレーターを選択できるでしょう。</p>
2015-01-17 20:26:33 +03:00
<p>デフォルトデコレーターでは、スクロールバーの矢印のスタイルを設定できます。スクロールバーの終端に、スペースを節約するために単独の矢印にするか、上下左右にスクロールする際にマウスの移動を潜在的にいくつか減らせる— 伝統的な BeOS の方法 —上下矢印にするかを設定できます。</p>
<h2>
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
<a id="antialiasing" name="antialiasing">アンチエイリアス (Antialiasing)</a></h2>
<img src="../images/prefs-images/appearance-antialiasing.png" alt="appearance-antialiasing.png" />
<p><span class="menu">アンチエイリアス (Antialiasing)</span> タブで、画面描画に関するさまざまな設定を行えます。</p>
<h3>
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
グリフのヒンティング (Glyph hinting)</h3>
<p><span class="menu">グリフのヒンティング (Glyph hinting)</span> を有効にすると、すべての文字の縦方向および横方向両端に、必ず 2 ピクセルの空白が入るようになります。特に、白い背景で黒い文字を扱う場合には、これを有効にしたときとしないときとで、結果は完全に対照的になります。有効にした場合、テキストがはっきりして見えます。ネットブックのような低解像度の機器で特に効果的な、<span class="menu">等幅フォントのみ有効 (Monospaced Fonts Only)</span> の設定もあります。ヒンティングをオンにすると、小さい文字がかなり汚く見えることがありますが、その場合でもテキストエディターやターミナルでヒンティングの恩恵を受けられます。</p>
<p>次の拡大したスクリーンショットは、Hinting を有効にした場合と有効にしない場合とで、どれだけ見た目が変わるのかを示しています:</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" /><br />ヒンティング無効</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" /><br />ヒンティング有効</td></tr>
</table>
<p>このページに掲載されているすべての<span class="app">拡大鏡 (Magnify)</span> ウィンドウは、当然のことながらそれぞれ異なるオプションで描画されている点に注意する必要があります。ですので、たとえば、黄色いタブの太文字タイトルや、"33 x 15 @ 8 pixels/pixel" というテキストの比較により、各設定が実際に作り出す印象を知ることができます。</p>
<h3>
<a href="#"><img src="../../images/up.png" style="border:none;float:right" alt="index" /></a>
アンチエイリアスのタイプ (Antialiasing type)</h3>
<p>もう 1 つの画面描画を改善する方法は <i>アンチエイリアス (Antialiasing)</i> で、テキストだけでなくすべてのベクターグラフィックをサポートします。アンチエイリアスはあるピクセルの色を変更することで、線をなめらかにします。線をなめらかにする手法には、次の 2 つがあります。</p>
<p><span class="menu">グレースケール (Grayscale)</span> は、輪郭のピクセルの明度を変更します。<br />
<span class="menu">LCD サブピクセル (LCD subpixel)</span> は、特に (高解像度の) LCD ディスプレイを使用する場合に、グレースケールよりなめらかに描画します。LCD ディスプレイの各ピクセルは、赤、緑、青の要素で構成されているので、この手法では 1 ピクセルの明度を変更する代わりに、その何分の 1 以下だけ輪郭を移動させて輪郭の色を変更します。</p>
2014-05-31 02:02:36 +04:00
<p>先ほどと同様に、次の拡大したスクリーンショットは、この 2 つの方法の違いを示しています。</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" /><br />グレースケール、ヒンティング無効</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-subpixel.png" alt="appearance-subpixel.png" /><br />LCD サブピクセル、ヒンティング無効</td></tr>
</table>
<p>サブピクセルベースのアンチエイリアスでは、図形オブジェクトにわずかな色味を帯びた輝きが加わります。この余分な輝きをだれもが許容するわけではありません。Haiku では、この 2 つのアンチエイリアス手法を混ぜて使えます。スライダーを使って、最適な混合比を設定できます。</p>
2014-05-31 02:02:36 +04:00
<div class="box-info">サブピクセルベースのアンチエイリアスをグリフのヒンティングとあわせて使用することは、ソフトウェア特許の対象となるため、デフォルトでは両者を同時に使用できないようになっています。ユーザーの居住地域次第では、ロック解除バージョンの入手が合法である場合があります。その場合は申し訳ありませんが、その地域の配布担当者と交渉してください。</div>
<p>ソースコードを変更して再コンパイルすることで、ヒンティングと LCD サブピクセルを組み合わせた描画方法を有効にした場合、ヒンティングとグレースケールを組み合わせたものと見た目を比較すると、次のようになります。</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
<tr><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" /><br />グレースケール、ヒンティング有効</td><td style="width:15px;"></td><td style="text-align:center; font-style:italic"><img src="../images/prefs-images/appearance-glyph-on-subpixel.png" alt="appearance-glyph-on-subpixel.png" /><br />LCD サブピクセル、ヒンティング有効</td></tr>
</table>
<p><br /></p>
2014-05-31 02:02:36 +04:00
<p>設定パネルの下に、次の 2 つのボタンがあります。</p>
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
<tr><td><span class="button">デフォルト (Defaults)</span></td><td> </td><td>すべてをデフォルト値にリセット。</td></tr>
<tr><td><span class="button">元に戻す (Revert)</span></td><td> </td><td>外観プレファレンスを起動したときの設定に戻します。</td></tr>
</table>
</div>
</div>
<div class="nav">
<div class="inner"><span>
<a href="../preferences.html" class="uplink">Preferences (プレファレンス)</a> 
::  <a href="backgrounds.html">背景</a>  »
</span></div>
</div>
</body>
</html>