Toshiro Shimura's Library tagged safari →  View Popular

1998年までの5年間、Webブラウザ市場は、まさにネットスケープの天下だったといえる。ところがWindows 98が登場して、IEがWindowsのエクスプローラと統合されると、ネットスケープの雲行きが怪しくなってくる。危機感を抱いたネットスケープは、Windows 98の発売を前にしてOSとWebブラウザを抱き合わせ販売することが独占禁止法に違反するとして提訴している。

　しかし、結果的にはWindows 98はそのまま登場。OSの普及とともにIEのシェアは伸び続け、1999年になるとNetscape NavigatorのシェアをIEが超える。その勢いは止まらず、ついには90％以上のシェアをIEが持つことになる。一方のネットスケープは、1998年にAOLによって買収されてしまう。

ウェブアプリケーションエンジンとしてのGoogle Chrome

　UI要素は、競合ブラウザであるOpera、Firefox、Internet Explorer、Safariの要素を足して割ったという印象がします。

　従来のブラウザはツールバーに「ページの更新」と「中止」のボタンが別々にあったわけですが、これを最初に結合したのがSafari。その後、Operaも採用し、Chromeも同じ手法をとってユーザーインタフェースをシンプル化しています。

　また、「ファイル」「編集」でお馴染みのメニューバーを取り除いているのは、ChromeだけでなくInternet Explorer 7もそうです。IE7とChromeでは、メニューバーを使わなくなった代わりに機能ボタンが右側に集約されており、従来メニューバーからたどっていたコマンドはここからアクセスすることになります。

デフォルトではメニューバーが非表示になっているIE7。Chromeのように右側のボタンからブラウザの機能にアクセスできる

　IE7の場合は設定画面で表示と非表示を変えることができますが、Chromeでは完全にメニューバーという概念を取り除いている点で挑戦的なアプローチといえるでしょう。これはChromeというアプリケーションが動いているのではなく、ウェブアプリケーションを操作するためのエンジンが背後で動作している過ぎないというイメージをUIで表現した結果といえます。

iPhone版Safariの特徴として、複数ページの同時表示が可能な点が挙げられる。画面右下の四角いアイコンを選択すると、画面切り替え用のページへと移行する。ここで「New Page」を選択することで新規のページを開き、既存のページの状態を残したまま、別のページでWebブラウジングが可能となる。画面の切り替えは先ほどの四角いアイコンで出現するページで行い、ドラッグ操作で画面をスクロールさせて目的のページを選び、タップで選択する。ページの左上に出現する「×」ボタンを選択するとページを閉じる。Webページの中には強制的に別ウィンドウを開くものが存在するが、そのとき開いた別ウィンドウから元のページへ戻りたい場合もこの方法で行う。

　確認した範囲では、いくつかの制限はあるものの、Ajaxを用いたサイトの利用も可能だ。例えばGmailは、メール一覧の選択から内容の確認、新規メール作成、返信、検索など、一通りの作業がSafari上で行える。だがGmailは動作としてはけっこう重いため、実際のメール送受信は標準のMailアプリケーションを利用したほうがよさそうだ。Gmailではオートコンプリート機能も働かないため、アドレス帳が使えるMailのほうが作業は楽だ。

CSS 3の勧告候補「Basic User Interface Module」では、横幅や高さの算出方法を指定するbox-sizingというプロパティが定義されている。これまではFirefoxとOperaが対応しているだけだったが、Safari 3やInternet Explorer 8（ベータ版）でもサポートされ、主要な4種類のモダンブラウザが対応したプロパティとなっている。

　今回はこのbox-sizingプロパティの機能と、各ブラウザでの表示を確認していきたい。

CSSではHTML/XHTMLでマークアップした部分の横幅をwidth、高さをheightプロパティで指定することができる。このときbox-sizingプロパティを利用すると、widthやheightで指定した横幅や高さに、パディングやボーダーの大きさを含むかどうかを指定することができる。

　box-sizingプロパティで指定できる値はcontent-boxとborder-boxの2種類となっている。content-boxと指定した場合はパディングとボーダーの大きさを含まずに、border-boxと指定した場合は含めて処理を行う。

これであとは普通にSafariでウェブブラウジングすれば、その速さを体感できる。特にYouTubeやニコニコ動画は読み込みの高速化が分かりやすいようだ（もちろん、環境や感じ方によって差異はあるだろうが）。

Safari 3.1の環境設定「詳細タブ」で「メニューバーに”開発”メニューを表示」を有効にして、その「開発」メニューで「キャッシュを無効にする」を選択

　設定の途中で理解した方も多いと思うが、dolipoは一種のプロキシとして動作し、システム・インターネット間の通信の効率化と、キャッシュの効率運用などを行うツールだ。

　そこで鋭い方はさらに「dolipoが独自のキャシュ機能を持ってるならSafariのキャッシュ機能とダブらねーか？」ということにもお気づきかもしれない。実際、そこが重複しているのはあまりよろしくない。

　実は先日のアップデートで、Safariにはキャッシュを無効化する設定項目が追加された（Safari 3.1）。その設定を利用して、Safari側のキャッシュは無効にしておこう。これでdolipoのキャッシュはより効率的に働き、ブラウジング速度をさらに加速してくれるはずだ。