ブログトップ 記事一覧 ログイン 無料ブログ開設

Mozilla Flux RSSフィード

2009-03-25

Firefox 3.5の表現力

Bluish Coderの"Very nice web technology demo"で紹介されていたのが、"A glimpse of future Web technologies"という技術デモだ。Firefox 3.1 Beta 3以降に対応し、HTML5のきらびやかな世界を垣間見せてくれる。

SVG、MathML、ネイティブVideoサポート、text-shadow、ルビなど、Webの表現力を豊かにする技術が山盛りで、もちろんインタラクティブ性も備えている。

f:id:Rockridge:20090325062910j:image

「Play」ボタンを押すと字幕付きでビデオが流れるほか、あちこちのボタンを押すことで、数式や文字などが変化し、画像にブラーがかかって曇りガラスを通して見たようになる。

f:id:Rockridge:20090325062908j:image

Sam Ruby氏が"Several Web technologies"で説明しているところによれば、このデモの作者は、W3Cでインタラクティブ・ドメイン・リーダーという要職を務めるPhilippe Le Hegaret氏で、内部ミーティングのプレゼンテーションにこのデモが用いられたそうだ。

なぜFirefox 3.1 Beta 3以降を対象とするデモなのかまでは説明されていないが、察するに、これだけの表現力を備えた一般向けのWebブラウザは、今のところFirefoxしかないためだろう。現に、Google Chrome 2.0の開発版(2.0.170.0)で同じページを表示させても、崩れてしまうばかりか、ボタンを押しても反応しない個所が少なくない。Firefox 3.5がHTML5の実装で先行していることを示す事例といえよう。

f:id:Rockridge:20090325062906j:image

なお、ルビの表示だけはネイティブで対応していないので、Piroさんの「XHTMLルビサポート」を使うよう指示されている。W3C公認のアドオンというわけだ。

RyoRyo 2009/03/25 14:28 こんにちは♪
技術的な事は全く判りませんが、凄いデモですね。
思わず、自分のBlogで取り上げてさせて頂きました。スイマセン。

RockridgeRockridge 2009/03/25 15:21 > 思わず、自分のBlogで取り上げてさせて頂きました

どうぞ、どうぞ。

> 技術的な事は

私もたいしてわかってませんが、はてなブックマークのコメントにもあるように、XHTMLという仕様を採用すれば、以前からできたことも多く含まれています。

とはいえ、HTML5固有の要素が少ないとかいって厳密な話をしだすと、このデモのインパクトが薄れてしまいます。パッと見て「これはすごい」と感じてもらえるような記事を目指しました。

なので、伝わって良かったです。

momdomomdo 2009/03/25 21:21 >なぜFirefox 3.1 Beta 3以降を対象とするデモなのかまでは説明されていないが、察するに、これだけの表現力を備えた一般向けのWebブラウザは、今のところFirefoxしかないためだろう。
たぶん逆で、Firefoxで今できることを詰め込んだらこうなりました、かと。表現自体についてはインパクトはあるものの、どうしてFirefox 3.1 beta3限定なのかと考えるとこれしか浮かばないわけで。というか、そもそも一般人はbetaなんかに手を出さないわけで、どっちを向いて将来のweb技術のデモだよと言っているのか理解に苦しみます。
CSS3なんかは"-moz-"しか書いてないあたりは嫌らしさを感じますし、transformがfirefox同様に可能なwebkitは無視なわけで(むしろwebkitが先行実装したわけですが)。それにしても、勧告候補にすらなっていない草案段階のCSS3なんか持ち出す時点でどういうつもりなのかなと。私的にはある種の不公平感があって、あたかも特定ベンダのブラウザだけを推奨するようなコンテンツをW3Cのドメイン内で公開する意図がさっぱりわかりません。

記事タイトル通りFirefox3.5の表現力をアピールしたいというのなら、理解できますけど。

RockridgeRockridge 2009/03/26 06:32 私としては、一般向けのWebブラウザの中でW3Cの規格を一番多くサポートしているのがMozillaだという判断がまずあり、それを踏まえて最新β版に合わせたデモを作っただけだと思っています(Amayaでやってもしょうがないでしょう)。

そして、ターゲットをFirefox 3.1 Beta 3以降に絞ったのだから、その表現力を最大限生かすべく、"-moz-"のプレフィックスも含めCSS3などを利用してもおかしくはありません。そもそも、W3Cのドメイン内で公開されているとはいえ、あくまで内部で発表されたデモなのですから。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/Rockridge/20090325/1237930173