Information
■2006/11/22にブログツールを変えました。WordPressの方にも過去ログは移しましたがURLが不完全だったりするので、2006/11/22以前のログにリンクする場合はMovable Type版跡地の方からお願いします。
Apple Store(Japan)

日本語の斜体はワープロ時代の名残

add to hatena hatena.comment 22 users add to del.icio.us 5 users add to livedoor.clip 4 users [Web技術 , デザイン] 2008/3/23(日) PM11:30

メイリオフォントで斜体を表示[↑B]
 このページはメイリオ関連の情報を探していた時に見つけてブクマしたんだけど、それで発掘されて、他のブログでも話題になっていた。「もはや日本語においても斜体は標準的な表現方法の1つであり」という表現が特にひっかかっているらしい。確かにこれは初耳だった。

日本語で斜体を使うのはおかしいだろ : ひろ式めもちょう[↑B]

日本語の印刷物で斜体表現が増えたのって、ローテクなワープロがフォントを用意できずに苦心してたころと期を一つにするものじゃない?

 自分もこれに一票。横倍角とかと同じで、斜体は日本語ワープロ時代の名残だと思う。

いつから斜体なりイタリックなりが標準的な表現方法になったんだ。アレを多用しているサイト(はてなに多い)を見るたびに、読みづらいからやめてくれと思う。

 これははてなダイアリーではciteタグ使っている人が多いからではないだろうか。citeタグは標準でイタリックにされてしまうが、それが嫌で自分はciteタグを使ってない。

日本語の斜体 - r-yamの日記[↑B]

日本語で斜体を使っているのは多くはチープな媒体で、「たまたま斜体が使えるから」「ウェイトの違うフォントを持っていないので代替として」くらいの意味で使われるのが主だ。

「そんなに綺麗なフォントで見たいのならMacintoshに移れば?」

 と言うのはよく言われるんだけど、UNIXに日常的に接する訳でもないので、Macintoshにスイッチする利点がいまいちない。
[M] mbdb | フォントスムージングに見る理系文系[↑B]

僕自身、テレビ屋の頃から、仮令ペライチの資料であろうとも、見栄えに拘ってきた人間。今でもサイトのデザイン、パーツのデザイン、果ては文章の段落に至るまで、徹底的に拘るので(ある意味、これが周囲から困ったディレクターだと思われる要因)、ARTIFACTさんの考察に拠れば、僕は文系人間となるわけです

 あー気持ちわかるわかる! ペラの資料をプリントアウトする時だけでも、見栄えきっちりしないと!と思ってしまう。
[M] mbdb | Safari3.1が登場[↑B]
 この記事を書いた人は現在ブラウザにSleipnirを使っているようだけど、Sleipnirのようにかゆいところに手が届いてカスタマイズできるアプリはWindowsならではだと思う。もちろんMacintoshにもカスタマイズ性の高いアプリケーションがない訳ではないが、印象としては「Windows=カスタマイズ性高い/Macintosh=決め打ち」な感じ。

 デザインにこだわりはあって、WindowsのデザインよりMacintoshのデザイン面での配慮が好きなんだけど、Windowsのカスタマイズ性の高いアプリの多さが好き、でもUNIXいじるほど技術者ではない。こういうMacintoshには移行できない中途半端コウモリWindowsユーザーは結構多いに違いない!と妄想。
 ちなみに、こういうユーザーに対して、MacintoshでWindows動くよと言っても、常用アプリが置き換えられない場合、常にWindowsを使うことになってしまい、Macintoshを使う必然性がなくなってしまうため、いまいち意味がない。

CSSでのフォント指定

Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実―[↑B]
 この記事を書いてから、Macintoshにメイリオが入ったり、Windows版Safariの登場など、環境が複雑化している現在、下手にfont-familyは指定しないほうがいいなと思って、ブログでのフォント指定をやめてみた。
 ただ、メイリオで表示してもらいたい場合、文字コードがUTF-8では、欧文フォントが「メイリオ」、日本語フォントは「MSゴシック」などブラウザの規定のフォントになってしまうことがある。これを避けるためには、HTMLタグでlang=”ja”宣言をしておくといいそうだ。

CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 - webデザイナーのナナメガキ[↑B]

まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。

 フォントを指定しない場合の問題はこれだけらしい。
 Movable Typeが出た当時は、フォント指定しておかないと、テキストエリアで文字化けが発生するなんてのもあって、フォントをがちがちに指定したけど、そういう問題ももう見かけない。
 IEだと希望としては1バイト文字がVerdanaで見えて欲しいんだけど、メイリオが出てきたんだし、もうVerdanaにこだわらないことにした。Verdanaはモニターでの可読性を意識した英語フォント。
ARTIFACT ―人工事実― : font-familyに指定する英語フォント[↑B]
 Verdanaの記事を書いたのは、2003年だった。

Fledgling Blog: フォントの指定[↑B]

ここの情報にちょっと補足。
「sans-serif」のみ指定した場合、欧文フォントの違いのみ書かれていますが、日本語フォントも違うんですよね。

Shift_JIS・EUC-JPの場合は「MS UI Gothic」
UTF-8の場合は「デフォルト指定されているフォント」
で表示されます。

さらに、「※おおまかには問題ない指定」のときに、UTF-8の場合、なぜか欧文フォントが「メイリオ」で、日本語フォントは「MS UI Gothic」になってます……。
EUC-JPのほうは、全部メイリオになっているのに……。

 IE6での話。複雑だ…。

CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 - webデザイナーのナナメガキ[↑B]

anon 08-03-10 (Mon) 9:42
(中略)
MacのSafariとFirefoxでは、bold体の扱いが違います。SafariではWeightを含んだフォント名を指定しなければならなかった代わりにきれいなフォントで表示される一方、FirefoxはWeightの重いフォントを使わず汚い自家製BOLD加工をしてしまうので、回避するためのCSSが煩雑でした。

 これが気になるんだけど、回避策がわからないので、何とも。

 そういえば、これらの記事でメイリオがOpenTypeフォントだと書かれていることがあったけど、TrueTypeである。OpenTypeのフォントの拡張子はotfでTrueTypeはttc/ttfだが、メイリオはttcである。

 こうしたフォント指定で英語圏の面白い話があったのでメモ。
エコノ研究所 | Verdana[↑B]

Comic Sans Cafe は Comic Sans について…
このフォントは、Windows に標準で組み込まれているフォントの中でも、最もキャッチーな見た目を持っているフォントだ。しかし、その容姿の柔らかさがライトユーザを強く惹き付けてしまうためか、やや安直に濫用されてしまっている傾向がある。英語圏の「良識ある」ユーザ達は、この “Comic Sans” に氾濫にほとほとうんざりしているようで、”Ban Comic Sans” (Comic Sans を撲滅せよ!) などと題されたジョークサイトまで立ち上げられてしまう始末だ。

 日本語でも、丸文字フォントがたまに指定されているページがあって、指定されているフォントがたまたま入っていたりすると、非常に困る事態になるのだけど、英語圏だとちょっとファンシーなフォントであるComic Sans MSがWindowsに標準で入っているので、もっと被害が大きい模様。

フォントスムージングの好き嫌いは文系理系から生まれる?

Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実―[↑B]
 既にSafari+メイリオは綺麗という記事はよく書かれていたから、何の意識もせずに記事を書いていたんだけど、世の中のアンチエイリアシング嫌い派の存在をすっかり忘れていたので、ブクマコメントで「Safariのどこが綺麗なの?」と言われる始末。
 サンプル画面はうっかり黒地に白文字でその上太文字なんていうあまりよくないのを選んじゃったし…。だから文字が潰れてるからよくないと思われてしまったので、細目の文字のものを追加した。
 アンチエイリアシングはちょっと文字を太くしてくれるほうが格段に見やすいので、Safariの印象がいいんだけど、そもそもアンチエイリアシングが嫌いな人からすれば、ボケ過ぎて見えて嫌なんだろう。
 自分の場合、CRT時代はアンチエイリアシングはCRTのぼやけも相まって、ぼやけ過ぎるような印象があったけど、液晶時代になってから、液晶によってドットがくっきり見えるようになり、それを柔らかくしてくれるアンチエイリアシングが見やすいと思えるようになった。

ore_de_work ←文系適きれいさ | 理系適きれいさ→

 この辺の違いなのだろうか。
 もともとMacintoshを評価する人はデザイナーなど美的センスに厳しい人が多い訳だし、アンチエイリアシング嫌い派は確かにプログラマーが多い気はする。
 でも、ネットを見ていると技術者の人の間で、UNIXが手軽に使える環境としてのMacintoshブームがあって、そういう流れでMacintoshを使い始めた人が「やっぱり文字がぼやけていていやだ!」と言っているのは見たことがない。何らかの傾向はありそうなので気になるところ。

 自分のフォント美意識としては等幅フォント(日本語ワープロ時代の遺物の横倍角とか見たらもう!)が許せないんだけど、プログラマーの人は等幅フォントが好きな人が多くて、ここにも差が見受けられる。ソースコードは等幅の方が見やすいというのはどういう理由なんだろうか。プロポーショナルフォントがない時代からの慣れという気がするんだけど。

追記:
 太字が潰れている!という件については、潰れる場合、もう一サイズ大きくしたりして、可読性を高めている場合が多いだろう。
 だから「情報量が減ってもいいから文字を大きくして見栄えをよくしたい派」と「情報量を増やしたいので、文字が小さい場合での読みやすさ優先派」に別れるんじゃないだろうか。で、技術者には後者が多いと。

Windows版Safari+メイリオは綺麗

add to hatena hatena.comment 142 users add to del.icio.us 29 users add to livedoor.clip 38 users [Web技術 , ネット , デザイン] 2008/3/22(土) PM6:00

アップル - Safari[↑B]
 Windows版Safariは、WindowsのClearTypeを使わず、独自のレンダリングエンジンでフォントをスムージングしてくれる。MS Pゴシックのスムージングもいいのだが、一番綺麗に見えるのはメイリオだ。これはWindows版Safariから出た当時から言われていた話なんだけど、3.1が出た記念ということで。

Safari 日経BPIE 日経BP

Safari Impress WatchIE Impress Watch
※クリックで全体画像を表示
※環境はWindows XPでキャプチャー/Safariは上はフォントスムージングを弱に、下は中にしている。当初のキャプでは上の画面はスムージングを強にしていた
※液晶ディスプレイによってサブピクセルのRGBの並びが違うため、自分が見ている環境よりもぶれて見えている可能性があるという指摘があった。
Re:Windows版Safari+メイリオは綺麗 - IE6+ClearTypeのサンプル画像の表示が余計に見づらい人もいる? - 逃走航路@hatena[↑B]
 Ubuntuの標準のデスクトップ環境であるGNOMEでは、液晶のサブピクセルの順番を設定できるそうだ。
Linux Salad: フォントの表示を綺麗にしよう![↑B]

 フォントにメイリオを指定しているnikkei BPnetと指定がないらしいImpress Watchで比較してみた。左がSafariで右がIE。SafariはIEに比べて、かなり太い文字でレンダリングしているのがわかる。Safariは、WindowsのClearTypeというフォントのスムージングを使っておらず、ブラウザ自身でフォントのスムージングはしているので、このような違いが出る。フォントのスムージングは文字が細いと見えにくくなるので、確かにこうして太めに加工したほうが確かに見やすい。
 あと、メイリオ使用時の綺麗さは、ボールド書体(meiryob.ttc)が別途用意されているというところもあるのだろう。Safariで見ているとわかるのだが、MS Pゴシックを単純に太くしたボールド書体はあまり綺麗なものではない。

 最初にWindows版Safariが発表された当時は日本語表示ができなかったが、3.03からは日本語表示が問題なくなった。ただし、3.03まではテキスト入力に日本語が通らず、3.04から通るように。動作環境はWindows XP以上と指定されており、3.03はWindows 2000でも動作したのだが、3.04以降は自分の環境ではJavaScriptが使われているページを見ると落ちてしまう。JavaScriptを切れば動作する。なお、ClearTypeを搭載していないWindows2000でも、液晶ディスプレイ向けのスムージングが行われる。

 よくわからないのが、フォント指定がされていないページであっても、Safariでデフォルトフォントを設定しても、それで表示してくれるフォントと表示してくれないフォントがある。常時できないとMS Pゴシックにされてしまう。いろいろいじってみて、最終的にメイリオをデフォルトしてみた。フォント設定は、編集→設定→表示で、標準設定という設定から変更できる。
 大半のページでは、Safariで見ても、MS Pゴシックの指定が優先されてしまい、意外と綺麗ではないと思うかもしれない。しかし、Safariでメイリオを指定して、フォント指定されていないページやメイリオが指定されているページを見るとかなり印象が変わる。以下のサイトはメイリオで見られた。
読売新聞
asahi.com
Impress Watch
nikkei BPnet
マイコミジャーナル

 これまで、Windowsユーザー対策としてCSSではMS Pゴシックを指定していたが、メイリオを標準装備したVistaが登場した現在、これからは下手に指定しないほうがいいかも知れない。
※関連
CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 - webデザイナーのナナメガキ[↑B]

 この辺のブラウザとフォント指定を調べていたことをメモ。

 SafariがMSゴシックをスムージングしてレンダリングするので、誤解されているようだけど、MSゴシックでも本来どのサイズでスムージングできる。
Windows版Safariが「正式版」に,メニュー表示も日本語化:ITpro[↑B]

「MS Pゴシック」は,Webブラウジングでよく使われる16ポイント以下のフォント・サイズにおいて,Windows標準のアンチエイリアシング技術である「ClearType」が有効にならない。このためSafariは,ClearTypeとは別の技術でアンチエイリアシング表示を使用していると推測される。

 これはMS Pゴシックのフォント自体に、16ポイントサイズ以下において、ClearTypeが有効にならない設定がわざとされているから。
※関連
ARTIFACT ―人工事実― | Windowsのシステムフォントにアンチエイリアスをかける[↑B]

IE FG角ゴシック 日経BP 大体のフォントは似たような設定がされているが、Wordに入っているHGゴシックなどはその設定がされていない。画面はFONT GALLERYの角ゴシックを使ったもの。なぜオフにされているかというと、小さいサイズのフォントをスムージングするとCleartTypeでは薄く見えて実用に耐えないからだ。
※参考
航海日誌: Safari 3 for Windowsの表示[↑B]
 Acrobat Readerなど小さいサイズでもフォントスムージングを行ってくれるアプリケーションはあるのだが、Windows標準のレンダラーに頼ると、小さいサイズはフォントスムージングが切られてしまう。

 なお、それらを解決するためにWindowsのフォントレンダリングを乗っ取るgdi++.dllがある。ただし、使うと遅くなるようだ。
gdi++.dll[↑B]

 WindowsでOpenTypeのフォントを設定できるブラウザは限られていて、FirefoxとOperaで、IE6とSafariは使えない。IE7はわからず。IEはともかく、SafariでOpenTypeを使えないというのはちょっと不思議だった。

※関連
メイリオのレンダリングはSafariが美しい | BLOG × WORLD ENDING[↑B]
2007年12月の道具としてのパソコン・メイリオとアンチエイリアス[↑B]
 Windows版Safariとメイリオの話。

MSのクリスマス・プレゼント?,XPでも「メイリオ」が正式に利用可能に:ITpro[↑B]
 これまで正規のライセンスでメイリオを使うのは難しかったが、Visual Studio 2008 Express Editionをインストールすれば、正規に使用できる。

なつみかん。 | メイリオとヒラギノを比較する[↑B]
YOPPA BLOG » 明瞭[↑B]
 メイリオとヒラギノ、MSゴシックなどのフォント比較。
蕎麦処 ぱろある亭: メイリオ[↑B]
 OSXではメイリオに埋め込まれたTrueTypeのヒンディング情報を使わずに、独自でレンダリングするため、OSXでは綺麗に見えるという話。今回のSafariもそこが関係しているのだろう。

街のサブカルさとカフェの数の関係

add to hatena hatena.comment 26 users add to del.icio.us 3 users add to livedoor.clip 6 users [文化 , 食事] 2008/1/21(月) PM12:00

 サブカル度の強い街はカフェが多いと思っていたのだが、中野の情報を調べていて、サブカルの街とよく言われる中野がカフェ砂漠であるのに気付いた。この場合のカフェは古風な「喫茶店」ではなくて、個人経営の洒落たカフェを指す。中央線沿線を見ると、高円寺と吉祥寺はカフェが多いのに。

 そもそも、中野がサブカルの街と言われるのは、ブロードウェイの中にいっぱいあるまんだらけのせいなのだろうが、このため、サブカルといっても男性度が高く、女性度数が低い。下北沢や吉祥寺などは女性度数が高いのではないか。端的に言うとヴィレッジヴァンガードは女性サブカルになる。雑貨がポイントか。
 他に似たような文化の街と言われながら、カフェが少ないところというと、神保町や秋葉原を思い出す。神保町だと喫茶店は多そうだけど。この辺りも男性度が高いために、カフェは少ないのではないか。
 また目白もカフェが多いという話が出ていたのだが、こちらは住宅街の地元民に使われるカフェっぽい。また女子大があるのも関係しているかも。代官山も地元民が多そうだ。

 なお、東京で一番カフェが多いのは、渋谷、原宿、代官山、表参道辺りの一帯だろう。この辺りは服飾関係、アートギャラリーなども多い。デザイナーも多そう。

※参考
東京カフェマニア[↑B]
電車の路線別 東京のカフェ案内(1) - [カフェ]All About[↑B]
渋谷区にあるカフェ - [カフェ]All About(1/3)[↑B]
渋谷文化プロジェクト | 川口葉子の渋谷カフェ考現学 一覧[↑B]
 全部東京カフェマニア主催の川口葉子氏の情報だった。ほとんどが店の案内だが、「渋谷カフェ考現学」は考察なので、個別のカフェ情報に興味がなくても、シーンを解説する記事として面白い。

イラスト作者とtumblrユーザー間の論争

 前の記事を書くにあたって、tumblr関連の言及を探していたら、ちょうど12月に論争があったのを知った。
時々日記 #34 tumblrとワタクシ[↑B]
 のし部屋ののしさんというFlash作者の人が、tumblrの存在を知り、tumblr利用者に対して、質問を投げかけ、議論が始まった。なお、記事の上の方にある画像はFlashで、のしさんの気持ちを説明している。再生アイコンとかないから最初気付かなかった。
 tumblrの存在を知ったきっかけは、のしさんの描いた初音ミクの4コマ漫画が転載されたtumblrがあり、それがにゅーあきばどっとこむで紹介(初音ミクが味わっているスイーツ(笑)ってコレ……? :にゅーあきばどっとこむ[↑B])されたからだそうだ。

 かなり長い記事なので、印象に残った部分を引用する。

tumblrのことはよく分かりませんが、
いつか影響力のものっそ強い有名tumblrとか出現して、
そこに転載されなければどこも拾ってくれないから、
ってんで、絵師のほうから頭を下げて
「どうか転載してください」
なんて時代がくるのもジャスティス。

これまでtumblrユーザーには、
「人の嫌がることをするのって、どんな気分?」
を軸とした質問を投げかけてきましたが、
「人の嫌がること」ってのは、無断転載それだけではなく、
無断転載の結果、引き起こされた事態に、
(確かに「権利者」でもあるけれども、それ以前に)
「制作者」がしょんぼりしている、
という一連の流れを指しているのですよー。
問題を無断転載(権利の侵害)のみにロックオンしちゃえば、

「嫌がること」とは「権利の侵害」のことだ。

他にも権利を侵害してるものがいっぱいあるじゃないか!

悪いのはボクらだけじゃない!

のコンボが成立しちゃうので楽なんでしょうが、
「著作権を侵害してるから無断転載駄目!」
なんて主張は、自分は一度も行っていないのです。

アフィやってない制作サイトの
作品公開して得られるメリットなんて、
「たくさんお客さんがきてくれたらいいなー」程度の
ささやかな楽しみぐらいしかないわけで、
そんなささやかなものまで
奪い取らないでくれなくてもいいのになー、とか
しょんぼりすることさえも悪質な印象操作になっちゃう、
そんな時代がジャスティス。

 記事を読めばわかるが、徹底して「怒っている」という表現は避けて「しょんぼりしている」と主張している。
 そもそものきっかけが、にゅーあきばどっとこむ絡みだったため、にゅーあきばどっとこむに対して怒っていたtumblrユーザーに対して「絵を描いている人間からすれば、tumblrユーザーも、にゅーあきばどっとこむも同じじゃー!」という思いを抱いても不思議はない。なお、これはのしさんの記事に直接こういう表現があるというのではなく、自分がそういう印象を抱いたというものなので注意。
[続きを読む]

なぜYahoo!ブログやNAVERブログの転載機能はダメでtumblrはokなのか?

 自分としては、同じ機能のサービスにしか見えないんだよなあ。なのに、Yahoo!ブログやNAVERブログの転載機能は当時かなり批判されて、tumblrは良いサービス!と言われているのは不思議だ。昔YahooブログやNAVERの転載機能を批判していたけど、今tumblrを使っているという人とかいそうなんだけど、なぜtumblrはokなのかを聞いてみたいところ。
 Twitterでこれをつぶやいたあとに人から「海外サービスだからじゃね?」と言われたんだけど、それはうすうす思っている。でも、それじゃBlog騒動の時と同じだよなあ。「Web日記=イケてない/Blog=イケてる」という構図が、また繰り返されているだけだったら…。Blog騒動の時は、他人の権利を侵害するものでないからまだいいが、今回は権利侵害があるセンシティブな機能で、だからこそ転載機能は批判されていたんだし。

 自分がtumblrを使わない理由は、もし使うとしたら、イラストもピックアップするだろうけど、それだとイラストの作者が不快を表明する可能性が非常に高いから。実際、4コマ漫画関係で既にトラブルが起きている。で、文字だけだったら、SBMで物足りない部分はあるけど、使い分けるのも面倒なんで、使ってないという。
tumblrへの無断転載騒動ログ - さつまいものたねいも - たんぶら部 - Tumblove -[↑B]

 Yahoo!ブログの転載機能関連の当時の記事を挙げておく。
Yahoo!ブログは新たな「Y!転載厨」を生むか [絵文録ことのは.]2005/02/03[↑B]
Yahooブログの転載機能の問題 - EKKEN♂[↑B]
Naver ブログと Yahoo! ブログの挑戦 - 趣味のWebデザイン[↑B]
 当時、徳保さんが転載機能もっと流行ればいいのにと書いていたけど、tumblrが実現したじゃないか! この件こそ、徳保さんはネットの人たちはダブルスタンダードだって責めてもよさそうなのに!(笑)

次のページ »

Sky sponsored by Aviva Web Directory