アカウント設定ウィンドウのサイズ

登録日: 2004年1月 09日 記事: 552

アカウント設定ウィンドウのサイズの単位が変更されたので、日本語版もそれに合わせて調整してみました。

AccountManager.dtd

Code:

<!ENTITY accountManager.size "width: 110ch; height: 52em;">
<!ENTITY accountTree.width "width: 32ch;">

他の方に確認していただいたところ、Vista のメイリオでは [サーバ設定] で右端が少し切れます。
Mac では未確認です。

もしうまく調整できないようであれば、元に戻そうと思います。
確認をお願いします。

登録日: 2006年9月 25日 記事: 693

mar wrote:

アカウント設定ウィンドウのサイズの単位が変更されたので、日本語版もそれに合わせて調整してみました。

mar wrote:

もしうまく調整できないようであれば、元に戻そうと思います。
確認をお願いします。

まだ確認はしていないのですが、アカウント設定ウィンドウでは、サイズが足りない場合は切れて端が見えなくなりますよね？
そうであれば、日本語版で Windows 以外も考慮すると、 ch ではうまく調整できないと思います。

ch は "0" の文字幅を表す単位なので、ダイアログ中の文字列の幅と比例しているだろうと期待してウィンドウのサイズを指定しているわけですが、

デフォルトテーマでは、システム側で指定されたフォントが使われる。
Windows 以外では、システム側で指定するフォントは、欧文用と、日本語用と、別々のフォントを組み合わせて使う場合がよくある。
たとえば「1 時間」という文字列があると、1 は欧文フォントで、時間は日本語フォントで表示でされる。
"0" は欧文フォントで表示されるので、ch は欧文フォントの文字幅だけを反映していて、日本語フォントの文字幅をまったく反映していない。
特に Linux ではこのフォントが標準と言うのは特に決まっておらず、各ディストリビュータが決める物なので、どの欧文フォントとどの日本語フォントが組み合わされるのかはまちまち

という問題があります。
そのため、細めの欧文フォントと幅広な日本語フォントを組み合わされると、ch の幅は小さいのに文字列の幅は広くなり、悲惨なことになります。
逆に、そのような場合でも問題のないように幅を大きく指定しておくと、たいていの場合はウィンドウ幅が無駄に大きすぎるという結果になります。
# 英語版ならば "0" の幅も、実際の文字列も、同じ欧文フォントが使われるのでこの心配は不要なのですが。

ということで日本語版では

「最低でもこれだけの幅がないと、切れて見えなくなってしまう」、という場所ではこれまで通り em で。
そういった問題はなく、見た目のバランスとか、長い文字列の改行位置とかのためにサイズ指定する場合は ch も可。
ただし、高さを em で指定して、横幅を ch で指定して、かつメイリオで縦横ともにジャストフィットなサイズにした場合、MS UI Gothic では横方向はジャストフィットで縦方向にのみ余裕があるという見た目にバランスが悪い状態になってしまいます(どちらも em ならば、縦にも横にも余裕ができて、バランスは悪くない)。本当に ch が良いのかどうかには気をつけて。

でどうでしょうか。

ちなみに、em と ch との間で換算する必要がある場合は
Windows 日本語版のデフォルト(96dpi, 9pt)では 1em = 12px

Windows 日本語版のデフォルト(96dpi, 9pt)で MS UI Gothic では 1ch = 6px
Windows 日本語版のデフォルト(96dpi, 9pt)でメイリオでは 1ch = 7px

Mac でのデフォルトでは 1em = 11px
Mac でのデフォルトでは 1ch = 6.96667px

の関係から、ch -> px -> em 等へと換算すると良いと思います。

登録日: 2006年9月 25日 記事: 693

ちょっと動作確認してみました。

問題は Linux で、

あ wrote:

"0" は欧文フォントで表示されるので、ch は欧文フォントの文字幅だけを反映していて、日本語フォントの文字幅をまったく反映していない。

の問題は Gecko の改善で以前ほどは問題が起こらなくなっていたのですが、それとは別に、プロポーショナルフォントの場合はそもそも "0" の文字幅と漢字ひらがなの文字幅の比率がけっこうまちまちです。
あと、ウィンドウのサイズだけでなくツリーの幅指定も ch に変更になっていますが、ツリーのインデント幅が文字幅には関係なく固定幅なので、必要な幅があまり文字幅に比例してくれません。

そのため、比較的ありがちなフォントや設定のすべてで収まるようなサイズにしようとすると、サイズをかなり大きくする必要があります。すると、結果的に Windows ではメイリオの場合も MS UI Gothic の場合も、両方とも無駄にウィンドウが幅広くなってしまいます。
それよりは、従来の em 指定で、メイリオの場合はちょうど良くて MS UI Gothic の場合は無駄に幅広いけどガマンしてねという方が良いと思います。

Mac の場合は、言語環境で日本語以外の優先順位を上げるとか、隠し設定をいじるとかしない限りはフォント変更できないので、デフォルトのフォント決めうちで ch でサイズ調整してしまっても良さそうです。
しかし、環境による違いを吸収するために ch を導入しているはずなのに、ja は em で ja-JP-mac は ch という切り分けをするのは本末転倒なので、ja が em だったら ja-JP-mac も em でいいんじゃないかと思います。

登録日: 2004年1月 09日 記事: 552

あさん、ありがとうございます。

まず、最終的に em に戻すとして、ch にするとどれくらい必要か確かめられたらいいなと思います。
それから Linux については、Ubuntu 日本語版で採用している IPA フォント、VineLinux の VL ゴシックフォントあたりで確認が取れたらいいなと。

あ wrote:

ということで日本語版では

「最低でもこれだけの幅がないと、切れて見えなくなってしまう」、という場所ではこれまで通り em で。
そういった問題はなく、見た目のバランスとか、長い文字列の改行位置とかのためにサイズ指定する場合は ch も可。
ただし、高さを em で指定して、横幅を ch で指定して、かつメイリオで縦横ともにジャストフィットなサイズにした場合、MS UI Gothic では横方向はジャストフィットで縦方向にのみ余裕があるという見た目にバランスが悪い状態になってしまいます(どちらも em ならば、縦にも横にも余裕ができて、バランスは悪くない)。本当に ch が良いのかどうかには気をつけて。

でどうでしょうか。

縦横のバランスよりも、ウィンドウ内に設定が収まって、中身が切れなければよいと思います。
書いていただいた換算式によれば、一番幅を取るメイリオに合わせればいいでしょうか。

最近のネットブックの画面解像度が縦 600px なので、横よりも縦のほうが気になります。
# "height: 50em;" 以下にしたいところ。

Idea

以下、サイズの確認に協力していただける方へ。

アカウント設定ウィンドウのサイズを変更して確かめるには、プロファイルフォルダにインストールされた JLP の AccountManager.dtd を直接書き換えてください。

/extensions/langpack-ja@thunderbird.mozilla.org/chrome/ja/locale/ja/messenger/AccountManager.dtd

accountManager.size : アカウント設定ウィンドウの幅と高さ
accountTree.width: 左のツリー部分の幅

使用しているフォント名とフォントサイズ、指定した値を単位付きで教えていただけると助かります。
よろしくお願いします。

最新 nightly 用の JLP はこちら。
ftp://ftp-developer.mozilla-japan.org/pub/mozilla-japan/thunderbird/nightly/langpack/latest-comm-central/

登録日: 2006年9月 25日 記事: 693

mar wrote:

まず、最終的に em に戻すとして、ch にするとどれくらい必要か確かめられたらいいなと思います。

とりあえず、Mac OS X 10.5 の場合は

Code:

<!ENTITY accountManager.size "width: 102ch; height: 50em;">
<!ENTITY accountTree.width "width: 29ch;">

使用フォントは、標準の UI がないのでまっとうな手段では確認できないのですが、欧文フォントは Lucida Grande、日本語フォントはヒラギノ角ゴ ProN W3、サイズは 11px のはず。

mar wrote:

それから Linux については、Ubuntu 日本語版で採用している IPA フォント、VineLinux の VL ゴシックフォントあたりで確認が取れたらいいなと。

Ubuntu 日本語ローカライズ版の場合は、デフォルトは IPA ではなく IPAモナーフォントじゃないでしょうか。

mar wrote:

書いていただいた換算式によれば、一番幅を取るメイリオに合わせればいいでしょうか。

Windows 限定で、em で指定する場合であれば、メイリオに合わせれば良いです。
Linux も考慮すると、プロポーショナルじゃないフォントを使うこともあるので、"..." が多いときには Linux の方が幅が必要になることもあります
あと、プラットフォームやテーマによってスクロールバーの幅とかボタンのデザインとか groupbox とかが異なるので、実際に確認してみないとわからないところもあります。

ch で指定する場合は、"0" の幅と、漢字やひらがなの幅との比率に依存するので、いろいろ試してみないとどれが一番幅が必要かはわかりません。

mar wrote:

最近のネットブックの画面解像度が縦 600px なので、横よりも縦のほうが気になります。
# "height: 50em;" 以下にしたいところ。

ネットブックだけを考えれば、XP + MS UI Gothic 用に調整して縦を縮めたいところではあるのですが、そうするとメイリオの場合にデフォルトの行高が大きいので収まらなくなってしまうのが苦しいところですね。
行高に対する相対サイズ指定とかはできないし。

アカウント設定ウィンドウ限定で、フォントに関係なく、強制的に MS UI Gothic と同様の行高に固定してしまおうかなぁと考え始めているところです。

mar wrote:

使用しているフォント名とフォントサイズ、指定した値を単位付きで教えていただけると助かります。

わかればで良いので（わからないものを教えろと言っても無理)、
フォントサイズの単位が pt の場合は、dpi の設定値も教えてください。(dpi 値によって、px への換算が変わってきます。)
あと Linux の場合は、アンチエイリアスは有効か無効かと、フォントの設定はたとえば Sans のような generic な名前を設定しているのか、それともフォントの名前で設定しているのか、そして generic な名前の場合は日本語フォントだけを使っているのか、それとも欧文フォントも組み合わされているのかと、ビットマップ内蔵のフォントを使っている場合は、ビットマップの方を使っているのか、それともアウトラインの方を使っているのかも教えてください。

登録日: 2006年9月 25日 記事: 693

あ wrote:

mar wrote:

使用しているフォント名とフォントサイズ、指定した値を単位付きで教えていただけると助かります。

わかればで良いので（わからないものを教えろと言っても無理)、
フォントサイズの単位が pt の場合は、dpi の設定値も教えてください。(dpi 値によって、px への換算が変わってきます。)
あと Linux の場合は、アンチエイリアスは有効か無効かと、フォントの設定はたとえば Sans のような generic な名前を設定しているのか、それともフォントの名前で設定しているのか、そして generic な名前の場合は日本語フォントだけを使っているのか、それとも欧文フォントも組み合わされているのかと、ビットマップ内蔵のフォントを使っている場合は、ビットマップの方を使っているのか、それともアウトラインの方を使っているのかも教えてください。

ヒンティングの設定が漏れてました。
いずれも、全体的な設定ではなくて該当のフォントに適用されているのを教えてください。
# 設定次第で必要なサイズが変わってしまいます。

mar wrote:

それから Linux については、Ubuntu 日本語版で採用している IPA フォント、VineLinux の VL ゴシックフォントあたりで確認が取れたらいいなと。

あまりまじめには調整していないので、傾向はこんな感じ、という程度の物ですが

IPA モナー Pゴシック
10pt, 96dpi
ビットマップ
<!ENTITY accountManager.size "width: 119ch; height: 44em;">
<!ENTITY accountTree.width "width: 33ch;">

IPA モナー Pゴシック
10pt, 96dpi
アウトライン、アンチエイリアスあり、ヒンティングあり
<!ENTITY accountManager.size "width: 105ch; height: 44em;">
<!ENTITY accountTree.width "width: 29ch;">

VL Pゴシック
10pt, 96dpi
アンチエイリアスあり
<!ENTITY accountManager.size "width: 87ch; height: 49em;">
<!ENTITY accountTree.width "width: 24ch;">

VL ゴシック
10pt, 96dpi
アンチエイリアスあり
<!ENTITY accountManager.size "width: 112ch; height: 47em;">
<!ENTITY accountTree.width "width: 31ch;">
ここまでは CentOS 5

Ubuntu 8.04 日本語版の Sans
(優先順位の最上位は IPA モナー Pゴシックアウトライン、アンチエイリアスあり、ヒンティング無効)
10pt, 96dpi
<!ENTITY accountManager.size "width: 107ch; height: 44em;">
<!ENTITY accountTree.width "width: 30ch;">

横幅については、ch で表すと
メイリオ(ただし Vista ではなく XP 上)
9pt, 96dpi
<!ENTITY accountManager.size "width: 116ch; height: 51em;">
<!ENTITY accountTree.width "width: 29ch;">
よりも数値の大きな物がちらほらあって、かつどれが大きいのかはやってみないとわからないのが難しいところです。

mar wrote:

最近のネットブックの画面解像度が縦 600px なので、横よりも縦のほうが気になります。
# "height: 50em;" 以下にしたいところ。

普通のノート PC を 800x600 に設定してネットブックを模擬してみましたが、height: 46em; 以下にしないと、XP のデフォルトの状態では [OK] [キャンセル] ボタンがタスクバーに隠れてしまってマズいですね。

削れるところを削って 46em; に収めようと思いますが、なるべく早めに commit した方が良いでしょうか？
それとも、確認募集中の途中で対象がコロコロ変わるのは良くない？

登録日: 2004年1月 09日 記事: 552

挙げていただいた情報によれば、

<!ENTITY accountManager.size "width: 120ch; height: 51em;">
<!ENTITY accountTree.width "width: 33ch;">

くらいでしょうか。

あ wrote:

削れるところを削って 46em; に収めようと思いますが、なるべく早めに commit した方が良いでしょうか？
それとも、確認募集中の途中で対象がコロコロ変わるのは良くない？

改善できるのであれば削ってしまってもよいと思います。
で、どこが削れそうですか？

登録日: 2006年9月 25日 記事: 693

mar wrote:

挙げていただいた情報によれば、

<!ENTITY accountManager.size "width: 120ch; height: 51em;">
<!ENTITY accountTree.width "width: 33ch;">

くらいでしょうか。

これでも、さざなみゴシックでビットマップの場合等、まだ収まらない場合があるので大きくできる物ならさらに大きくしたいです。
一方で、ch の数値が小さくても収まるようなフォント、たとえば VL Pゴシックの場合に 120ch もあると 1080px になってしまって、横方向に大きいのはあまり気にしないとは言っても 1024px を超えるのはいくらなんでもどうかと思います。

ということで、大きくしたい場合と小さくしたい場合とがあって、うまく調整できません。
最初に心配した時点では具体的な値までは確認していませんでしたが、やはり日本語の UI で ch を使うのは無理があるような気がしています。

mar wrote:

あ wrote:

削れるところを削って 46em; に収めようと思いますが、なるべく早めに commit した方が良いでしょうか？

改善できるのであれば削ってしまってもよいと思います。
で、どこが削れそうですか？

詳細は r281 を見てもらうとして、

line-height を、メイリオの場合でも MS UI Gothic と同程度に。ただしサーバ設定ではそれでもまだ収まりきらないので、さらに小さく。
セパレータは、おそらく存在さえすればとりあえず大きな問題はないはずなので、max 1px に。
署名の編集欄を 1em 分小さく。

しています。
# とりあえず commit したのみで、ちゃんとした動作確認はまだ。

登録日: 2006年9月 25日 記事: 693

あ wrote:

# とりあえず commit したのみで、ちゃんとした動作確認はまだ。

この近辺にもやっと大手家電量販店が進出してきて、店頭で Vista のテストをしようと思えばできなくはない状態になったのでテストしてきました… が、Vista のデフォルトテーマがなかなか手ごわいです。
はみ出る場所があるので、再度縦方向の調整をしました。
Vista で、アカウント設定の (アカウント名)、サーバ設定、送信控えと特別なフォルダで、縦方向にはみ出ないか、誰か確認してもらえると助かります。
# 横方向は、mar さんが調整した状態のままなのでサーバ設定ではみ出ます。

登録日: 2006年9月 25日 記事: 693

あ wrote:

Vista で、アカウント設定の (アカウント名)、サーバ設定、送信控えと特別なフォルダで、縦方向にはみ出ないか、誰か確認してもらえると助かります。

自分で Vista で確認してみましたが、まだはみ出ていたので再度調整しました。
Vista で、アカウント設定の (アカウント名)、サーバ設定、送信控えと特別なフォルダで、縦方向にはみ出ないか、誰か確認してもらえると助かります。
# 横方向は、mar さんが調整した状態のままなのでサーバ設定ではみ出ます。

Vista で groupbox の枠が切れていたり、ネットブックでボタンが全体は見えていなかったりするかと思いますが、あまり無理に削るとテーマと干渉してしまう恐れがあるので、項目が全部見えているようであればこれであきらめようと思います。
それを除けば、 XP+ネットブックと Vista+メイリオの両立はできているつもりです。

この後 Mac で調整して切り分け等します。

登録日: 2006年9月 25日 記事: 693

あ wrote:

それを除けば、 XP+ネットブックと Vista+メイリオの両立はできているつもりです。

この後 Mac で調整して切り分け等します。

高さ方向は調整完了したつもりなので、確認に協力いただける方は明日未明(JST)以降に作成される JLP で確認をお願いします。(自分もこれからさらに確認はしますが)

幅方向は調整未完ですが、単位は em に戻す、で決定で良いでしょうか？

登録日: 2004年1月 09日 記事: 552

あ wrote:

高さ方向は調整完了したつもりなので、確認に協力いただける方は明日未明(JST)以降に作成される JLP で確認をお願いします。(自分もこれからさらに確認はしますが)

幅方向は調整未完ですが、単位は em に戻す、で決定で良いでしょうか？

Vista (標準のメイリオ、画面設定 96dpi と 120dpi) で確認したところ、幅 118ch で収まります。
これで確認してから、どちらがよいかフィードバックをもらって戻しましょう。
# Linux でどうなるか

登録日: 2006年9月 25日 記事: 693

mar wrote:

Vista (標準のメイリオ、画面設定 96dpi と 120dpi) で確認したところ、幅 118ch で収まります。
これで確認してから、どちらがよいかフィードバックをもらって戻しましょう。
# Linux でどうなるか

フィードバックをもらうとして、母集団の範囲はどのように決めるのでしょうか？
先に書いたように、120ch でも収まらない場合があることは既にわかっていますが、たまたまフィードバックをくれた人にそういった環境の人がいなければ 118ch にしてしまうのでしょうか？

登録日: 2004年1月 09日 記事: 552

あ wrote:

mar wrote:

Vista (標準のメイリオ、画面設定 96dpi と 120dpi) で確認したところ、幅 118ch で収まります。
これで確認してから、どちらがよいかフィードバックをもらって戻しましょう。
# Linux でどうなるか

フィードバックをもらうとして、母集団の範囲はどのように決めるのでしょうか？
先に書いたように、120ch でも収まらない場合があることは既にわかっていますが、たまたまフィードバックをくれた人にそういった環境の人がいなければ 118ch にしてしまうのでしょうか？

いいえ、最終的には戻します。
高さについては、ほぼ決定でよいかと思います。
Linux 環境だけはあさんに調整していただいたもので確認できてないので、
テーマやフォントの種類によってどの程度切れるのか、実際のフィードバックがもらえたらいいかなと。

3.0b3 のフリーズ日もまだ決まってないし、それまでの間でよいと思います。

ゲスト

　
Beta 3 フリーズまでまだ時間があるようですし、Beta 4、RC までを考えるともっと時間的余裕が
ありますが、Windows 7 RC のメイリオで確認してみましたのでスクリーンショットを挙げておき
ます。
　
[OS] Windows 7 RC 日本語版
[テーマ] Windows 7 べーシック
[画面解像度] 1280×800
[フォント・サイズ] メイリオ 9pt, 96dpi
[JLP] thunderbird-3.0b3pre.ja.langpack.xpi　2009-05-22
[AccountManager.dtd]
<!ENTITY accountManager.size "width: 118ch; height: 46.6em;">
<!ENTITY accountTree.width "width: 32ch;">

アカウント設定画面のうちアカウントツリーは問題なかったので省略しました。
また下記以外のウィンドウも十分余裕がありましたので省略。

　　[サーバ設定]
　　収まっていますが最下段が少し窮屈といったところでしょうか。
　　　

　　[送信控えと特別なフォルダ]
　　これも収まっているように見えますが最下段の枠線が切れていますね。
　　　

ということで高さがもう少しだけあれば。。。という感じです。
　