AppleからSafari 4 Betaが発表された。 ダウンロードすることも可能なので、早速インストールしてみた。 この記事も、Safari 4 Betaから投稿している。

まず目につく新機能は「Top Sites」と名付けられた、よく使うサイトにアクセスしやすくする機能。 OperaのSpeed Dialに始まり、Google Chromeにも同じ機能が搭載されているが、Safariではその表示方法をワイドスクリーン風にスタイリッシュにしている。 私はOperaは最近使っていないのだが、使い勝手はGoogle Chromeとほぼ同じ。 Safariは表示されるサムネイルの数は多いが、「最近追加したブックマーク」「最近閉じたタブ」を表示する機能はないようだ。

同じWebKitをベースにするGoogle Chromeを参考にしたのかな、と思われる機能は他にもある。 タブバーがタイトルバーと一体化しており、Chromeと同じ形式だ。 タブを追加ボタンは右上の角に固定となった。 私はタブを追加ボタンは左端に置くことが多いので、この配置換えにはまだ慣れないが、コンテンツの表示部分が広くなったことは歓迎出来る。

履歴の表示方法にCover Flowを採用したのはいかにもApple製ブラウザらしい。 サイトのサムネイルが表示されるので、履歴を探しやすくなったと思う。 既にFirefoxには搭載されていた機能だが、全体を検索できる機能も便利だ。

新しいJavaScriptエンジンであるNitroだが、確かにGoogle リーダーで多数のリスト表示をさせた時の更新速度が速くなっているように感じる。 はっきりと違いが目に見える訳ではないものの、これから使って行くに従って実感出来るのではないかと期待している。 Firefox 3.1もJavaScriptエンジンが高速化するそうなので、そちらのリリースも楽しみだ。

基礎部分の機能の関連では、Web標準への対応も進んでいるようだ。 スコアが100となったことで話題にもなっていたAcid 3 テストだが、やってみたら確かに100/100となった。

そして、この記事を書くときに気がついたが、Movable Type 4はSafariにもしかすると完全には対応していなかったのかもしれない。 Safariはテキストボックスの大きさを自由に変えることができたが、本文を記入するテキストボックスの横幅がほぼ最小になってしまっていた。 広げれば問題なく記入は出来るものの、最初どういうことかわからず焦ってしまった。

続きを読む "Safari 4 Betaが登場" »

WHAT WGが次世代HTMLとしてHTML5をW3CのHTML作業部会に提案したそうだ。 現行のHTMLはXMLベースのXHTMLが採用され、利用が広まっているものと思っていたが、記事によると後方互換性のためにあまり広まっていないらしい。 そこでApple、Mozilla、Operaもメンバーであるブラウザベンダーで構成するWHAT WGで策定しているのがHTML5らしい。 HTML5もXMLベースになっている。

WHAT WGによる現在の草稿を見ると、これまでのHTMLになかった要素がいくつか追加されているのが目につく。 私が面白いと思ったのはdialog要素。 dl要素と同じようにdt要素とdd要素を子に持つことができ、dt要素が発言者、dd要素が発言内容となっているようだ。 私もこういう風にマークアップしたことがあるので、やはり会話の表現は要望が大きかったのだろうか。

このHTML5は既に各ブラウザで検証作業が進んでいるらしい（つまり、対応した実装が進んでいると言うこと？）。 それにも関わらずW3Cに提案したと言うことは、W3CによってHTMLの後継と認めてもらい、広めてもらおうと言う狙いだろうか。 さて、これからどうなるだろうか。

β版が既に出ていたOpera 9.2が正式リリースとなった。 早速ダウンロードしてつかってみたが、やはりFirefoxに比べると動作速度は断然速い。 新機能のスピードダイヤル機能とは、空白のページの代わりに、よく使う9つのサイトをサムネイル付きで登録して表示できると言うもの。 最初は空白のページなのに、と言う違和感があるが、使ってみると便利そうだ。 キーボードからもアクセスできるのもいい。

Microsoftが新しいモバイル向けブラウザ技術「Deepfish」を公開したそうだ。 これはWindows Mobile向けのブラウザ技術のプレビューで、サーバー側でレンダリングしたWebページのサムネイルをまずロードし、後はバックグラウンドでロードを続けるようだ。 日本の携帯電話でも、キャリアのサーバー側である程度ページを変換してから閲覧するようになっているが、画像のサムネイルを送ると言うのは面白い発想だと思う。 画像のダウンロードは通常よりもサイズが大きくなってしまうような印象があるが、モバイル向けのサイトならともかく、PC向けサイトを閲覧する際には有効な方法に思える。 いずれにしても現状ではJavascriptやcookieに対応していないと言うことなので、今後磨きをかけて、Operaと切磋琢磨していく関係になってくれれば盛り上がると思う。

ふとインストールしてあったWWWブラウザをしばらくアップデートしていなかったことに気がつき、アップデート作業をした。 これらはサイトの確認用に入れたものもあるし、使いやすいからとかウェブ開発に向いているとかの理由で紹介されていたのをインストールしたものもある。 常用はしていないが、たまに立ち上げて確認することもあり、それが今日だったと言うわけだ。 せっかくなので下に一覧をまとめておこうと思う。

Safari

Apple自身がリリースしているので、Mac OS X用では普及率が高いと思われる。 動作が軽快なのは良いのだが、なぜか設定が保存されないと言う不具合が起きてしまったため利用していない。 画像を直接iPhotoに登録できたり、オフライン状態で接続できなくても、オンラインになると自動的に再読み込みしたりと、Mac OS Xでの連携は優秀。 WebKitを基に作られているので、WebKitを利用した他のブラウザもSafariと同じレンダリングとなる。

Camino

Mozillaのレンダリングエンジン（Gecko）を利用したMac OS X専用ブラウザ。 そのため、比較的新しいFirefoxと同様のレンダリングとなる。 やはり動作は軽快だが、RSSに対応していないなど、Firefoxに比べて低機能ぶりが目立つようになってきたので利用していない。 拡張機能が使えるようになれば文句なしのブラウザになると思うのだが。

iCab

Carbonで作られており、未だにMac OS 8.5でも動くと言うから驚異的だ。 独自のレンダリングエンジンを持っており、以前はCSSなどへの対応状況があまり良くなかったが、3.0になって相当改善したようだ。 Acid2試験にも合格している（正式版のFirefox/Caminoは合格していない）。 少なくとも、私のサイトを見る限り、SafariやCaminoとほぼ同じレンダリングをしている。

Firefox

WindowsでもIEの代替ブラウザとして定位置を得ているが、Mac版もきちんと拡張機能が使えるし、Windows版とリリースも同時なので、悔しい想いをすることがあまりない。 拡張機能もいろいろ導入して使っている。 リンク先にない拡張機能としては、HTML ValidatorやSage、XHTML Ruby Supportなどを利用している。 たまにSafariやCaminoを使うと、Firefoxの動作がやや遅く感じられるが、普段はあまり気にならない。

OmniWeb

以前は独自レンダリングエンジンを搭載していたが、今ではWebKitを採用している。 一時期英語版しかリリースされていなかったが、今は日本語も含む複数言語版もリリースされている。 30日の試用が可能な有償ソフトウェア。

Opera

ファイルサイズが小さいことと軽快さが売り。 以前はWindows版の開発が先にされていて、Mac版はメジャーバージョンが一つ古い状態のままだったこともあったが、最近は差がないのでうれしい限りである。 CSSへの対応状況も良く、各種プラットホームに移植されているので、プラットホームの違いを意識したくない人には良い選択肢かもしれない。

SunriseBrowser

ウェブ開発者向けのブラウザ。 WebKitを利用している。 文法チェッカーを簡単に起動できるほか、ウィンドウサイズもよくある画面サイズに変更できるなど、便利な機能が備わっている。 また、レンダリング領域がなるべく広くなるようにしているところも好感が持てる。

シイラ

こちらもWebKit利用のブラウザ。 Safariよりも使いやすいブラウザを目指して開発しているとのこと。

携帯電話向けブラウザのOpera Miniが3.0にバージョンアップしたそうだ。 Java MIDP 2.0に準拠した携帯電話で利用可能とのこと。 便利になった機能としては、画像のアップロードやRSSフィードの閲覧に対応したことのようだ。 特に画像のアップロードはブログを携帯電話から更新するのには非常に便利で、私も常々欲しいと思っていた機能なのでうらやましく思う。

私の使っているauの場合、全てBREWに移行してしまっていてJavaは利用できなかった。 が、2007年から発売されるW51シリーズ以降に搭載予定のオープンアプリプレイヤーはMIDP 2.0準拠らしいので、Opera Miniも動作しそうだ。 私の使っているW41CAにもPCサイトビューアーとしてOpera 7.60相当がインストールされているが、バージョンアップなどが出来ないので、新機能を使おうと思ったら携帯電話本体を買い替えるしかなかった。 入れ替え可能なアプリとしてブラウザが使えるようになれば、新しい物好きの私としてはうれしいことだ。

「 Opera，任天堂の次世代ゲーム機「Wii」向けにAjax対応ブラウザ提供へ」とのことだ。 Wiiは無線LANでネット接続可能なので、Ajaxのような技術も活用できると言うことだろう。 PC版に近いOperaが提供されることになりそうだ。 同じ記事にはNintendo DSにもOperaが提供される見込みとある。 私もW41CAのPCサイトビューアーという形でOperaにはお世話になっており、今後も頑張って欲しい。

Operaはある時期から広告掲載という収入手法をやめたが、多彩なハードウェアへの移植を始めたのはこのころではなかっただろうか。 組み込み用途で十分に稼げるから、広告掲載は不要、と言うことなのだろうか。

「第3のWWWブラウザ」と言われているOperaの最新ベータである、Opera 9 Betaがリリースされている。 安定リリースでは8.54が最新だが、それに比べて画面が非常にすっきりしている。 広告も表示されず、どういう収益モデルになったのかよくわからないが、とにかくこれだけの高性能なWWWブラウザを無料で、しかも広告なしで使えるのは嬉しい。

ちょっと気になったのは、small-capsの実装が、CaminoやSafariなどとは違うと言うことだ。 CaminoやSafariなどでは、数字は大文字と同じサイズで表示されるのだが、Operaでは小文字と同じサイズで表示される。 small-capsを使っている部分が、ページトップのサイト名とバージョンの表示部分だったので、はじめは小文字に続く数字が、小文字のサイズで表示されるのかと思ったが、試してみるとOperaではいつでも小文字と同じサイズの表示となっている。 試してみると、Opera 8でも同じ実装になっていた。 他にも異なる部分があるかもしれないが、こんな実装の違いがあるのは興味深い。

Version 2.9.6MTの更新の時から、ページ先頭にあるサイト名の表示方法を変更している。 フォントの表示の仕方なので、音声ブラウザなど、画面表示を必要としないブラウザをご利用の場合は、あまり関係のない話で申し訳ない。 どのように変更したかというと、CSSで、サイト名と、その次にあるバージョンの部分に、font-variant: small-caps;と指定したのである。 これはどういう意味かというと、おおざっぱに言えば、その部分のフォントは、小文字を表示するときに、大文字を小さくしたものを表示する、と言うことだ。 はっきり言って単にデザイン上の目的だけで、そういう風に表示してみたかっただけである。

以前はこの表示方法に対応しているブラウザがなく、あきらめたように記憶しているが、今回Caminoでは問題なく表示され、Safariでも同様に表示されたので、とりあえず害もないし、採用した。 今日、何気なく携帯電話（W21CA）のOpera（PCサイトビューアー）でサイトを見てみたところ、このsmall-capsが効いている。 単にフォントを小さくしているだけ（本来ならば、small-capsに対応したフォントを選択するべき、らしい）のためか、元々フォントが標準サイズに近い部分では、効果が現れていないが、タイトルのところでは確実に表示されていた。

これがWindows版やMac OS版のOperaだったらさほど驚かないのだが、携帯電話に搭載するバージョンのOperaでも対応しているとは驚きだ。 はっきり言って、small-capsなど、CSSの中でもややマニアックな部分だと思っていたのだ。

これでふと気がついて、別の部分の表示も確認してみた。 エントリーのすぐ次にある、カテゴリーの表示や、パーマリンク・コメント・トラックバックの表示部分である。 この部分にも、隣接セレクタ・疑似要素・contentプロパティと言った、やはりマニアックと私が思っているCSSが指定されているのだが、やはり期待通りに表示されている。 Opera恐るべし、である。

はじめに

このサイトは、私（One-Poem）が、自分の好きなことを、適当にWeb上に書いていこうというサイトである。 大きなくくりで言えば、創作活動の発表の場と言うことにもなるのだろうし、個人の日記と言うことにもなるだろう。

私は、以前から自分のウェブサイトを作ってはいたが、もっと気軽に更新できるものとして、Blogを採用してみた。 Blogはシステムがしっかりと作られており、個々の内容を書くだけで、トップページや更新情報・インデックスなどの更新が自動的に行われる。 テンプレートなどの仕組みもしっかりとしており、更新の手間が少なくて済むようになった。 また、日記に近いものと考えられている日本の現状からしても、これまで「わざわざ書くようなことでもないな」と考えてしまっていたような日常の細かなことについても、書いていこうと思っている。 どちらかというと、Weblogと言うよりも、Myself logに近くなるとは思う。

動作環境など

以下は、技術の話が好きなので、技術的な解説をしようと思う。

このサイトはMovable Typeを使って作られている。 さくらインターネットのレンタルサーバにインストールし、主にデザインを自分好みに変更して使用している。

HTMLのマークアップはXHTML 1.0 Strictを採用している。 スタイルシートはCSS2を採用している。 一応チェックはしているが、一部に文法ミスなどあるかもしれない。

なお、一部ページでは後方互換性に考慮した上で、意図的に文法ミスをしている。 これは、XHTML1.1に含まれるルビのマークアップをしているためである。 ならばなぜXHTML 1.1を採用しないのかというと、XHTML 1.1ではMIMEタイプをapplication/xhtml+xmlにするべきなど、色々面倒なのである。 ルビを将来またマークアップし直すのも、これまた面倒なので、今はそのままマークアップしている。 後方互換性を考慮、と言うのは、仕様書にも書いてある方法を使って、解釈できないユーザーエージェントでも、それなりに意味が通るようになっている、と言うことである。

サイトのアクセシビリティは富士通のWeb Inspectorでチェックをおこなっている。 また、Another HTML-lintの、文法チェックと「宗教的なチェック」も参考にして作っている。

表示を確認しているブラウザは、以下の通り。 基本的に、ブラウザは最新バージョンを利用している。 これ以外のブラウザで表示が崩れている場合は、なるべく訂正したいと思っているが、逆に、下記のブラウザで表示がおかしい場合は、もしかすると私自身がそれで納得している場合もあるかもしれない。

• Camino on Mac OS X
• Safari on Mac OS X
• Opera on Mac OS X
• Mobile Browser on W41CA
• Opera on W41CA

以下はちょっとまじめな話。

著作権/リンク/二次利用について

IrodorI One-Poem World

Copyright © 2006 One-Poem

特に表示がない場合、IrodorI One-Poem World（トップページ以下）の著作権は、私、One-Poemが所有します。

私の著作物にリンクを張っていただく場合、特に許可無く、自由におこなっていただいてかまいません。 私は、リンクは一種の引用であると考えていますし、また、引用することは制限しません。 リンクした旨を連絡していただく必要はありませんが、連絡していただいても構いません。 ただし、ファイル名やフォルダ構成を変えることはありますので、時々確認していただけるようお願いします。

二次利用については、クリエイティブ・コモンズ・ライセンスをご覧ください。 ライセンスの条項にもありますが、私に別途許可を取ると、このライセンスの適用を受けることなく二次利用が出来ます。

その他の連絡先について

連絡先

仕事の休憩中に携帯電話からの投稿テスト。 auのW21CAを使っているが、通常のブラウザーでもMovable Typeへのログインは問題なくできた。 Operaなら、なおさら問題ないだろう。 さて、きちんと投稿出来ているだろうか？

と言う投稿をしようと思ったのだが、出来なかった。 保存や確認をするボタンがテキストボックスになっているのだ。 本来ならJavaScriptで機能させるのかもしれないが、携帯電話のブラウザーでは無理らしい。 と言う訳で、PCサイトビューアーことOperaにて投稿してみている。