まあ、何と言いますか、昨日からすでにダウンロードは始まっていましたけど、今日、正式にInternet Explorer 5が発表されました。今日はこの関連の記事だけです。PNGファイルに対応したので、画面ショットはPNGファイルでも参照できるようにしてみました。IE5で御覧ください…とは言え、IE5をもう使っているのなら、記事の画面ショットを見るまでもないかもしれません。それだけだとつまらないので、PNGファイルの解説と実験を記事にしてみました。
アップルのサイトもちょっと異変です。TILの更新文書が1つもありません。システムが配付される前触れなんでしょうか? MacNNにもまだ出ていないと言うことはアメリカでも配付は始まっていないのでしょう。新しいシステムの配付はガセなんでしょうか?
さて、昨日はZip本のプレゼントがありましたが、今日もまた書籍のプレゼントがあります。ビー・エヌ・エヌ様より、『効率アップ！AppleScriptで実現するDTP自動化のすすめQuarkXpress編』（著者：倉持哲也）を、3冊、MDOnlineの読者向けに提供していただきました。以下、キャッチです。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
効率アップ！
AppleScriptで実現するDTP自動化のすすめ
QuarkXpress編
著者：倉持哲也
DTPプロ必須のスクリプトを多数収録！
AppleScriptが理解できる！
プログラミングの基礎から活用法まで分かりやすく徹底解説。仕事の効率化を目指し、現場のプロが培ったノウハウのすべてを公開します。
DTP関連の仕事をしているプロのオペレーターやデザイナー、編集者必読！
本書は、印刷会社やデザインの制作現場で毎日繰り返されるDTP作業を、AppleScriptを使って自動化する方法を解説しています。YMCAの変換やファイルメーカーを使った自動流し込みをはじめ、画像データベースソフトCummulusなどとの連携も解説しています。また、CD-ROMには、本書で解説したプログラムの収録やお役立ち、フリーウェア＆シェアウェアも多数収録しています。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
以下の要領で、御応募ください。プレゼント募集期間が重なりますので、件名を間違えないでお願いします。
申し込み方法：＜msyk@locus.co.jp＞宛にメールをする
メールの内容：
タイトルは 【AppleScript本希望】 としてください
本文には、名前、住所、郵便番号、当選時の公表名、を記載
メールは、MDOnlineに登録のメールアドレスから送付してください
締め切り：2000/4/3（月）到着分のメールから、抽選します
当選者数：3名様に当選します
（新居雅行 msyk@mdonline.jp）
Webブラウザの代表格、Internet Explorer 5（以下、IE5）のMacintosh版がリリースされた。事実上の前バージョンの4.5から1年強を経て、Ver.5となった。Windows版については、1年ほど前からVer.5がリリースされている。IE5の新しい機能としては、今までにレビューなどで新機能についてはさんざん見られているかと思うので、実際に使った上でのザクザクした紹介で進めてみよう。
さて、Webブラウザにもっとも強く要求されるものとは何か？ それは、HTMLなどの文書記述規格に限り無く忠実なものであり、さらにその処理が高速になされるということだ。IE5は、その答えとして、Tasmanというレンダリングエンジン（HTMLなどで記述したページを実際に人間が見えるようにグラフィックス的に整える処理をする機能）の搭載を行った。Tasmanは1年以上かけて開発されてきたとしているが、周辺情報を総合するとWindows版とは別に作られたエンジンだと思われる。Tasmanは、HTML 4.0、CSS（Cascading Style Sheet）1.0、DOM（Document Object Model）1.0、XMLに従っていて、特にスタイルシートを高い精度で再現するというあたりは、現状のWebデザインではもっとも注視されるところだろう。加えて、Windows版のIEとのレンダリング結果により近くなると言う特徴が言われている。そうなのだ、今までは同じIEながら、Mac版とWindows版でページ表示結果が異なり、苦労をしたデザイナーもいるだろう。そうしたことがなくなるというのである。では、高速化はどうなのだろうか？ これは体感だが、いくらかは早くなっていると思われる。正確なベンチマークまではしていないが、ホームページであるAppleのトップページがいくらかきびきびと出てくるような感じがした…というくらいだ。
●細かいところまで手が加えられたユーザインタフェース
Webブラウザとしての土台の上に、使いやすいユーザインタフェースが搭載されていて、はじめて快適にWebサーフィンができる。IE5でも従来通りツールバーやアドレスバー、カスタマイズ可能なお気に入りバーがある。お気に入りツールバーにフォルダを作ると、ツールバーの項目をクリックすればポップアップメニューが表示されるようになったのはIE5の新機能だ。
さらに、ウインドウ左側には、お気に入りや履歴を一覧表示する場所があるが、IE5では「スクラップブック」として、Webページの表示結果を取り込むといった、スナップショット的な機能が用意されている。お気に入りは、後から見るための手がかりであるが、スクラップブックは見た結果そのままを残しておく。つまり、ページを構成するための情報を、IE5の側で保持するという機能だ。いくつかのページを交互に参照するような場合には便利だろう。たとえば、オンラインショッピングしたときに領収書とシリアル番号がWebページとして表示されることがある。もちろん、安全なのは印刷することだが、とりあえずスクラップブックに入れておくという使い方もできる。ただし、オンライン状態だと、スクラップブックの項目の呼び出しでも実際にWebページへのアクセスを行うので、場合によっては手動でオフラインにして参照するという必要も出てくるかも知れない。
◇スクラップブックにWebページを記録していったところ。雰囲気はお気に入りと一緒だが、ページを構築する情報も記録される
figs/ie5/IE5_12.jpg
figs/ie5/IE5_12.png
けっこう便利なのはツールバーを折り畳む機能だ。クリックすることで、ウインドウタイトルバー直下からいちばん下までの領域全部にWebページを表示できる。つまり、表示領域の縦の長さをより長く使えるというわけだ。ツールバーはしょっちゅう使うものでもないので、これは便利だ。また、折り畳んだ状態でも、戻るなどのよく使うボタンは、ウインドウの左端に小さく表示されている。
◇上は通常のツールバーを表示した状態、下はツールバーを折り畳んでページ表示領域をより広く取った状態。マウスポインタが指している部分をクリックすることで切り替わる
figs/ie5/IE5_03.jpg
figs/ie5/IE5_03.png
折り畳んでいる時にアドレスをキータイプしたければ、「ファイル」メニューから「新規アドレス」（Command+L）を選択する。すると、タイトルバー直下にバーが出てきて、そこで入力でき、returnキーによってページを表示しながらアドレスバーは消える。アドレスバーにキータイプすると、それに続きそうなアドレスを履歴などの情報からさがして、ドロップダウンリストに一覧されるのは、Windows版にあった機能だ。このドロップダウンリストは、やや透けて見えるAquaなデザインとなっている。
◇アドレスをキータイプすると、記憶しているアドレスの頭から調べて合致するものがドロップダウンリストに表示される
figs/ie5/IE5_01.jpg
figs/ie5/IE5_01.png
（別掲の記事に続く）
関連リンク：Internet Explorer 5のダウンロード（MacTopia）
カテゴリ：ブラウザ
Internet Explorer 5（以下、IE5）のウインドウのタイトルバーには、ページタイトルだけでなく、アイコンがあるのを見てもらいたい。このアイコンをマウスで押して少しそのままにすると選択され、ドラッグできる。Finderにドロップすると、Webページアドレスへのエイリアスのようなファイルが作成される。ただし、Mac OSにあるような機能ではなく、Internet Explorer文書となる。だから、ダブルクリックすると、IE5でWebページを開く。どういった使い方があるかは別にして、Finderのウインドウと同じような機能をWebブラウザに組み込んでいるということはMac OSへの親和性を高める意図が見える。
ブラウザのウインドウの色合いも、いくつかの色からカスタマイズできる。これは、Mac OSの「アピアランス」コントロールパネルの設定とは別に、IE5独自にデザイン付けをしている機能だ。もちろん、好みの色の設定すればよい。この機能もWindows版にはないが、Mac OSのアピアランスという考え方をアプリケーションとして取り入れたものと言えるだろう。
◇ブラウザの色をメニューから変更できる。いくつかの色に設定してみた
figs/ie5/IE5_05.jpg
figs/ie5/IE5_05.png
リンク箇所をtabキーで順次選択し、returnキーでリンクを開くと言う機能もある。つまり、キー操作で次々にページをジャンプするということもできる。shift+tabだと逆順に選択を行う。Windows版にはある機能だが、同じ機能がMac版にも搭載されたということだ。選択されたリンクは、角がとれたボックスで囲まれるが、これはマウスでクリックする時も同様だ。
◇画面中の「ハードウエア」と書かれた部分が枠で囲われている。このリンク部分を選択していることを意味するが、tabキーを何度か押して、選択リンクをここまで移動させてきた
figs/ie5/IE5_09.jpg
figs/ie5/IE5_09.png
インターネットのサービスを利用する機能として、オークションマネージャがある。今流行りのオークションに参加することを、ブラウザでサポートしようというものだ。「メディアツールバー」としてストリーミングサービスなどを利用する機能が付くはずだったが、これは今回のリリースでは見送られたようだ。「関連するリンク」という機能があり、ページに表示している内容と関連しているリンクを左側に表示するのだが、ちょっとどういう関連なのか今一つ分かりにくい。
◇Appleのホームページの関連リンクを表示させてみた。エプソンとか富士通とかがあるが、どういう関連づけなのかが今一つつかめない
figs/ie5/IE5_08.jpg
figs/ie5/IE5_08.png
●Internet Explorer 5の最適な設定は？
最初、IE5でページを表示すると、どうもOsaka 14ポイントで表示されているように見えた。初期設定を見ると、解像度を指定するようになっており、最初は96dpiで、文字サイズは16ポイントになっていた。これは、Windows版のInternet Explorerのフォント設定であり、Windows版との差違をより少なくするという措置だろう。本来、Macintoshは72dpiだという意見もあるかもしれないが、たとえば最新のPowerBookだとだいたい91dpi（1024÷(285mm/25.4mm)）くらいになっている。そうした現状では96dpiというのが妥当な線だと思う。だけど、14ポイント�汽ぅ困諒源�はちょっと大きい気がする。一応、設定では、12ポイントにすると、12ポイントになるようで、このあたりの計算が今一つ飲み込めないが、しばらく使っていい設定を見つけるということにしたいと考える。Mac向けに作られたページは72dpiで参照することでレイアウトが崩れないということにもなるかもしれない。なお、文字の拡大や縮小もできるが、Windows版よりも細かい単位で設定を選ぶことができる。
◇初期設定の「言語/フォント」の設定。96dpiで、12ポイントにしておくと、従来のInternet Explorerと同じくらいのサイズのフォントで表示されるようだ
figs/ie5/IE5_10.jpg
figs/ie5/IE5_10.png
Tasmanレンダリングエンジンの売りの機能の1つが、PNG（Portable Network Graphics）フォーマットのビットマップファイルを利用できることだ。なお、Netscape Navigator 4.7ではすでにその機能が備わっている。PNGファイルでの圧縮処理は、JPEGのような完全に元に戻らないようなタイプではなく、GIFのように完全に元のデータを再現するタイプだ。GIFと違って特許権が行使されていない点でも注目されているが、ブラウザが対応しないことにはどうしようもなかった。
PNGファイルをWebページに表示する場合、IMGタグを使えば文書中にインラインで挿入される。その点はGIFやJPEGと同じだ。また、アドレスとして、ファイルをそのまま指定しても本来は表示できるはずだが、Mac版のIE5は表示ができなかった。ファイルヘルパーの設定で、.pngファイルの設定が2つあるが、両方ともの設定を「ブラウザで表示する」にしないと、ファイルを直接開くことができなかった。
◇PNGファイルをそのまま参照するようにするには、初期設定の「ファイルヘルパー」のうち、MIMEタイプがimage/pngの項目について、「ブラウザで表示する」に設定しておく必要がある
figs/ie5/IE5_11.jpg
figs/ie5/IE5_11.png
Mac版のIE5の登場がWindows版より1年遅れであることを悲観するかもしれないが、ある意味ではIE5はWindows版よりMac版の方ができがいい面も見られる。たとえば、お気に入りの整理は、Mac版はウインドウ内でドラッグ&ドロップでできるのに対し、Windows版はブラウザからだとダイアログボックスでボタン選択やらフォルダ選択をしないといけない（ただし、ファイル管理機能を使えばドラッグ&ドロップができる）。ツールバーの折り畳みの機能もなかなかいいと思うが、Windows版では該当するクリック場所は用意されていない。いずれにしても、Mac OSでのインターネット利用には欠かせなくなったInternet Explorerがバージョンアップされ、高速化され、使い勝手も上がっている。Mac OSの快適さを一歩前進させたバージョンアップであることは間違いないだろう。
参考：
W3C: PNG(Portable Network Graphics)
http://www.w3.org/Graphics/PNG/
関連リンク：Internet Explorer 5のダウンロード（MacTopia）
カテゴリ：ブラウザ
Internet Explorer 5のMac版がPNG（Portable Network Graphics）に対応することで、Mac環境でもPNGファイルをWebページに使うという気運が高まるだろう。Netscape CommunicatorはQuickTime Plug-inなどでPNGを参照できるようになっており、Windows版のInternet ExplorerはVer.4で対応している。細かい問題点も残っているものの、PNGファイルはもう“使ってかまわない”フォーマットになっていると言えるだろう。
PNGは、GIFやJPEGと同様、ビットマップグラフィックスを保存するファイルフォーマットだ。GIFのようにカラーテーブルを持って256色のような形態も可能だが、16ビットのグレースケール、24ビットのフルカラー、さらには48bitのフルカラーにまで対応している。従って、GIFでは色数が制限されていたために画質の劣化が起こっていたが、PNGではその心配はいらない。一方、JPEGだとフルカラー画像は扱えるものの、ファイルサイズを小さくするには、圧縮比率を高くし、やはり画質の劣化とのバランスを考える必要があった。PNGはフルカラー画像ながら、元の画像を再現する圧縮を行うのである。単純にはGIFとJPEGのいいところを取ったようにも見えるが、このことは、後で実際にファイルを作成した結果を参照して検討してみよう。
PNGは単に画像情報をファイルに保存するだけでなく、さまざまな情報を含めることができる。1つはαチャンネルとして、1ドット単位での透過率の情報を含めることができる。また、GIFと同じように、透過色を設定して、背景を完全に表示させることもできる。あるいは、ガンマ情報や、背景色情報、テキストの埋め込みなどの情報の付加も可能となっている。GIF同様、インターレース形式のファイルを作成することもできる。GIFのようなアニメーションについても、仕様の策定が進められている。PNGファイルの拡張子は「.png」であり、Mac OSのファイルタイプは「PNGf」となっている。インターネットメディアタイプは「image/png」となっているが、暫定的に使われている「image/x-png」も一般にはアプリケーションでサポートすることになる。
GIFで使われているデータ圧縮法は、Unisysが取得しており、GIFファイルを作成する画像ソフトでは、Unisysに特許支払っている。最近では、Webページのアクセスカウンタで、GIF画像を合成するようなプログラムの利用にも、特許料の支払いを求めている。こうしたこともあって、GIFは使わなくてもいいようにするという意味合いも込めて、PNGというファイルフォーマットが登場してきているのである。
さて、実際にどの程度のファイルサイズや画質になるのかを、フルカラーの写真を含むページを画面ショットにしたものを、各種のフォーマットで保存した結果を以下のページで参照できるようにした。
figs/pngtest/
まず、PNGでは画質の劣化が起こらないことは見ての通りだ。JPEGで圧縮率を高めると、画面ショットのような画像ではかなり見苦しくなる。一方、GIFだと256色なので、最近のMac OSやWindowsの画面だと再現性は悪い。その点、PNGなら再現性はかなりある。なお、JPEGの最高品質ならほとんど劣化は分からないくらいではある。一方、写真の部分だけを見れば、JPEGでかなり小さく圧縮した結果でも、それほどの画質の劣化は見られない。ファイルサイズが数分の1の割には、画質の劣化はわずかだといった感じだ。
画像ファイルのサイズだが、全体的に見て、JPEGで最高品質にした場合とだいたい同じくらいのサイズであるが、条件が良ければそれよりもサイズは小さい。PNGファイルでは、「フィルタ」という機能を利用できる。これは、元の画像に対してあらかじめ演算処理を行い、その結果に対して圧縮をかけるものである。演算処理の種類によって何種類かあり、Graphic ConverterではOption設定で選択できるようになっている。フィルタを通して圧縮をかける方が、より効率的に圧縮がかかるので、ファイルサイズは小さくなる。Noneはフィルタ処理なしで、他の設定はフィルタを通す。フィルタをかけないと、JPEGの最高品質よりもファイルサイズは大きくなっているが、フィルタをかけるとより小さくなる。いくつかのフィルタがあり、おそらくは画像のタイプによって違いはでるだろうが、とりあえずはAutomaticで圧縮するのがいちばんファイルサイズは小さくできそうだ。しかしながら、ファイル保存時に、他のフィルタ処理よりも大幅に時間がかかるので注意が必要である。
単に写真だけなら、やはりJPEGの方がより高い圧縮率にしても画質の劣化はそれほど目立たないので、JPEGで使うことが多いかもしれない。しかしながら、イラスト的な画像や画面ショットとなると、ファイルサイズは大きくなってもGIFの2倍にも満たないくらいだし、何と言っても画像の再現性が高いだけにPNGファイルを利用する意味は大きいと言えるだろう。
関連リンク：http://www.w3.org/Graphics/PNG/
カテゴリ：グラフィックス
オークションへ参加すると、該当のページへ頻繁にチェックを入れないといけないというのが一般的だったが、Internet Explorer 5のオークションマネージャの機能を使うと、ページのチェックを自動化できる。実際にオークションに参加まではしていないが、基本的な使い方をまとめてみた。
まず、オークションのサイト（YahooでもeBayでもかまわない）にアクセスして、入札したい商品のページを表示する。そして、「ツール」メニューから「オークションの管理」を選択する。するとウインドウが出てきて、ここで、そのオークションサイトのID番号を入力してOKを押せば登録される。IDは、いったん入力すると記憶され、同じオークションサイトの場合には以後自動的に入力されるようになる。
◇オークションに参加したい商品のページを表示してメニューを呼び出すと、登録ダイアログボックスが表示される
figs/ie5/IE5_16.png
figs/ie5/IE5_16.jpg
登録されたオークション情報は、オークションマネージャというウインドウで一覧表時でき、状態の確認や更新、設定の変更等ができる。このウインドウは、「ツール」メニューから「オークションマネージャ」を選択すれば表示できる。
◇参加しているオークション商品を一覧で管理できる
figs/ie5/IE5_15.png
figs/ie5/IE5_15.jpg
オークションの管理のウインドウを、再度見てもらいたい。つまり、項目名には、そのオークション商品を表示しているページタイトルがそのまま取り込まれ、そのページのURLが記憶されるのである。だから、ページタイトルに、商品名などの識別情報が入力されていない場合には、自分で入力をしないと何のことか分からなくなってしまう。そこで、オークションの管理ウインドウで「カスタマイズ」ボタンをクリックするか、あるいはオークションマネージャの一覧で選択して、「情報を見る」ボタンをクリックすると、以下のような2つのタブがあるダイアログボックスが表示され、ページのアドレスやチェック間隔をはじめ、さまざまな情報を設定できる。
◇各参加商品の詳細な情報も変更することができる
figs/ie5/IE5_13.png
figs/ie5/IE5_13.jpg
figs/ie5/IE5_17.png
figs/ie5/IE5_17.jpg
以上のような機能で、オークションへの参加をサポートする。ヘルプを見たところでは、実際に入札した場合には、競合者が出てきて入札した価格を上回るとリストに表示を出すといった説明がある。いわば、Internet Explorerが自動的にオークションのチェックをしてくれる機能だと言えばいいだろう。おそらくは、従来からある「購読」の機能、つまり、特定のアドレスの更新をチェックする機能を応用した機能だと思われる。
カテゴリ：ブラウザ