nibushibu.com/genki

Opera 9.62 を使ってて思うことをメモ。

• Flash に日本語が入力できない
• Javascript が若干遅い。（というか他のブラウザが早くなってきたので、Operaにもさらに高速化してほしい）
• 未対応サイトが結構ある（単純に Opera のシェアがもう少し上がれば各サイト対応せざるを得ないはず…）

あとは、細かいバグとかに注文もあるけど、大きな問題としてはこれくらい。

あ、ちなみにこれ、Mac 版に関してです。

自分はこれまで知らなかったんですが、Opera には font-family の再現にクセ（バグ）があるようですね。
Web Designing 誌を帰りになんとなくパラパラ読んでいたところ、IE 6 / 7 と Opera 9 ではフォールバック聞かないという記事があったので、ちゃんと読んでみたら、

body {
  font-family:
    "ヒラギノ角ゴ Pro W3",
    "メイリオ",
    Osaka,
    "ＭＳ Ｐゴシック",
    sans-serif;
}

とした場合、IE 6 / 7 & Opera 9 では "ヒラギノ角ゴ Pro W3" がない場合、それ以降の指定を無視してデフォルトの sans-serif フォントになってしまうとのこと。
いままで見落としていました、このバグ。

気をつけネバ。

ちょっとフォントについて考えてみる。

これまで、Web の世界ではフォントやタイポグラフィーというのは環境に依存する部分が多いということもあって、一般的なサイトでは画像としてデザインされてラスタライズされたもの以外は、グラフィック的な使われ方はあまりされていなかったように思います。
特に日本語のサイトにおいて、そう言えるのではないかと思います
でも、これからはブラウザの CSS の実装が強化されて、フォント周りの調整がより細かくできるようになるし、また、フォントの指定などもサーバー上のフォントデータをダウンロードして表示するなどの機能が HTML 5 に搭載されるなど、フォント周りのデザインは今後 DTP と同じような感覚で文字組みが可能になると思います。
そういう意味では、Web 制作において、今後コーディングという作業が、文字組みというデザインでもっとも重要な作業のひとつと限りなく近づくということです。
そういう意味では、画像ベースで作業をするデザイナーとしてだけではなく、コーダーとして作業する場合にも美しい文字組みや読み易い文字組というのを改めて考えて、意識しなくちゃいけないと思ってます。

DTP の仕事をしていた時、文字組みや字間の調整は、それこそ大げさではなく 0.01mm の単位で読み易さの追求が求められました。それはきっと、画面がピクセル単位になったからといって大きく変わることではないと思います。
だって、印刷物であってもディスプレイであってもその前にいるのは同じ人間なんですから。

今、単に見慣れている、というだけで違和感がなかったとしても、ちょっと気を遣って見れば、行間が狭くて読みづらいページや、逆に広すぎる行間、字間がつまり過ぎていたり、なにも調節していないテキストは Web の世界にはあふれています。

情報が文字としてそこにあれば読んでもらえる、というのは作り手側の思い込みだと思います。

ブラウザなどの環境が整いつつある今、リッチインターフェイスの Flash コンテンツや Ajax バリバリの Web アプリケーションも非常に魅力的ですが、こうした基本的な、でも一番大事な部分にしっかりと気を使えるデザイナー、はたまたコーダー、いや、クリエイターになりたいです。

参考リンク

• font-family (Opera 9.50 Alpha) - bend tail
• Safari 3.1でWebフォントを利用する–SafariのCSS対応 - builder by ZDNet Japan

Webkit、Operaが、Acid3をパスした？ - soundscape outという記事を読んで、ちょうどWebkitの最新版を使っていたので試してみました。

100/100 !!!

クリアしてます！

飽くまで基準のひとつなので、最初にクリアしたからどうこうという問題でもない気もしますが、ソフトの開発に対する情熱（執着？）は感じますね。

ちなみにOperaも開発版でクリアした模様。
Operaの時期バージョンも待ち遠しいです。

埋め込まれたカラープロファイルに対して正常に再現できるのは現在Safariだけ。（Win版SafariもOK）
Firefox3も暫定的な対応で、完全じゃないようで、結果、カラープロファイルが埋め込まれた画像を使用していると、完全対応しているSafariで見た時とそれ以外の未対応のブラウザで確認したときで、表示される色に違いがでてくる。
Web制作には今のところ、カラープロファイルを埋め込まないでおくほうが得策。

そんなわけで、今まではPhotoshopなら構成設定でモニタRGBを選んだりして、書き出し後の色味をあらかじめ再現した環境で作業をしてた。

でも、鮮やかなはずの色が褪せちゃうのはちょっとなんか損してる気分。そういう鮮やかな色を求めている時はなおさら。

だもんで最近は色々調べて、画像を書き出すときに、プロファイルを変換して書き出す、という術を覚えた。

変換後はJPEG保存する場合、念のためカラープロファイルを埋め込まずに書き出し。

これで、Safariでしか再現されなかった鮮やかな色も全ての環境でばっちり再現。

長い間Photoshop使ってたけど、気付いてなかったこの機能。
さがしてみたら、Gimpにも同様の機能を発見。

参考リンク

• ブラウザにより表示される色が変わる話 - 偽デジタル写真屋日報@はてな
• Spirits of the Air: ウェブブラウザのカラーマネジメント（１）
• Macのブラウザで、写真の正しい色合いを表示するためのカラープロファイル設定：Goodpic
• 写真道：プロファイル非対応アプリでの画像利用
• Photoshop Tips - Adobe RGB をキレイに JPEG 化するには - by StudioGraphics
• Repy’s side - カラープロファイル対応実験

しばらくCaminoとOperaを使っていたけど、結局Caminoに落ち着いた。

Operaはレンダリングも早いし、タブも入れ替えられるし、デザインも自由に変えられるし、魅力満載なんだけど、どうやらAjax系のサイトは結構重くて、GoogleReader、Gmail、MindMeister、とか僕がよく使うサイトはほとんどCaminoのほうが動作が軽かったし、Operaだとまだ対応していないサイトもあったりするので、タブの入れ替えは我慢してもうちょいCaminoをつかってみようと。

気分だけでも変えようと、Caminiconでタブの表示を変えてみました。

アクティブなタブが判別しやすくなったでやんす。

OperaでもGoogleCalendarとかが使えるということがわかって、Operaをメインに使ってみての感想。

• 良い点
  • レンダリングが早い
  • フォーム周りのデザインがCaminoより綺麗（テーマで色々変えられる）
  • タブ周りの機能がCaminoより使いやすい
  • マウスジェスチャーがおしゃれ
  • 制作に便利な機能が多い（ソースチェックとか）
  • ページの読み込み中も動作が結構軽い
  • テキスト入力の反応が機敏(Caminoに比べて）
  • Flashの反応が早い
• 不満
  • FlashBlockがうまく動かない（クリックしても再生しない。）
  • GoogleReaderが遅い
  • たまに動作しないサイトがある。DropBoksとか
  • Wordpressの投稿でWYSIWYG機能をONにすると入力した文字がダブッて入力される

Operaすごくいいんですが僕が良く使うサイトとあまり相性が良くないんですよね…。
特にGoogleReaderが遅いと弊害が多い…。
CaminoはGooglrReaderは早いんだよな〜なぜか。Operaの2倍くらい。
あとはCaminoはコマンド＋オプション＋ドラッグでスクロールできるのが便利だったんですけど、似た機能はOperaにないのかなぁ。

前の記事でも書いたように、Operaが結構良くて、Googleのサービスがいくつかがちゃんと使えれば乗り換えようかなぁということを書いたら、Serge Gainsbourgさんから、サイト設定を編集してInternetExplorerとして認識させれば、Google Calendar、Documentが使えるとの情報をコメントで頂き、試してみると…

ほ、ほんとだ〜〜〜！使えるじゃないですか〜〜〜！！！

CalendarとDocumentだけじゃなく、SpreadSheetもサイト設定をIEにする事で使えるようになりました！
SpreadSheetは最初うまくいかなかったんですが、どうやらサブドメインが何種類かある（spreadsheet0.google.com、spreadsheet1.google.com…という感じ。）らしく、それぞれにサイト設定をしたら使えました。