「Web Directions East 2008」カンファレンス レポート
#5 ダグ・シェパーズ氏『Standards based graphics in the browser─Web標準的ブラウザのグラフィックのススメ』
「Web Directions East 2008」のカンファレンス,5番目のトラックでは,Doug Schepers(ダグ・シェパーズ)氏による,『Standards based graphics in the browser─Web標準的ブラウザのグラフィックのススメ』と題した講演が行われた。
W3Cで活動するダグ氏は,次期策定のHTML5でも実装され,すでに幾つかのサイトで利用されているCanvasとSVGについて講演。これらの違いや活用法について,詳しく解説した。
SVGとCanvasの有名なライブラリとして,以下のものを取り上げた。
- SVG
- dojo
- Lively Kernel
- Canvas
また,ダグ氏お気に入りのものとして,以下の制作物を取り上げた。
- Star Maker(リンク先は実際のデモと同じではありません)
- Orbits
- Maze
- Cubes(正確ではありませんが,blobsalladを示していたと思います)
- Maps
さらに,「身近なところで,皆さんもご存じのGoogleMapにも,SVGの技術が取り入れられています。」とし「バイナリのPNGやJPと違い,VML(Vector Markup Language)でマークアップされているため,再利用に非常に便利であり,ラスターではなく,ベクターとして描画されるため,自由にサイズを変えたり,変形することが可能。アニメーションも付加することができる」とし,「CanvasはSVGのように構造が保たれないものの,javascriptとの親和性が高く,SVGでは処理が重くなりがちな多くのインスタンスを一度に処理する場合にも有効で,APIも配られている」と述べた。
「IEだけは例外だが,これらはFlashやSilverlightのようにプラグインに依存せず,ほとんどのブラウザで使用することができる。携帯電話でも表示可能で,現在Flashが表示できないiPhoneでも,SVGは表示することができる」と,アピールした。
これらの技術は以前からあったが,ブラウザの処理能力の低さや,ブラウザシェアをIEが大きく占めていたこともあって一般化しなかった。しかし,昨今の様々なブラウザの流通やブラウザそのものやjavascriptエンジンの処理能力の向上によって注目され始めている。
ダグ氏は,「SVG1.2では音や動画も扱うことができるようになり,Operaで先行実装されている。日本でも,JISで標準化されればより一般化されるかもしれない」と,今後の開発者の動向に期待していた。
「Web Directions East 2008」カンファレンス レポート
- #6 マイク・ミジャースキー氏『Visualization A Web Of Data─Web上における情報データの可視化』
- #5 ダグ・シェパーズ氏『Standards based graphics in the browser─Web標準的ブラウザのグラフィックのススメ』
- #4 アンディ・バド氏『Guerilla Userbility Testing─高効率・低コストで行うユーザビリティテストの仕組み』
- #3 ジェレミー・キース氏『Bulletproof─使い勝手と見やすさを両立するAjaxを使ったサイト設計』
- #2 ダン・セダーホルム氏『Bulletproof A-Z─あらゆるデバイスに対応できるウェブデザインの考え方』
- #1 エリック・メイヤー氏『State of the web─ブラウザの多様化でみる最良のウェブ開発』
- JQTouchやPhoneGap,jQuery Mobileを利用したモバイルアプリ開発と,オバマサイトのキャンペーンの裏側が語られた「Web Directions East 2010」レポート(後編)
- ソーシャルWebやHTML5/CSS3のポイントが解説された「Web Directions East 2010」レポート(前編)
- オバマ大統領選挙キャンペーンのデザイン舞台裏,HTML5,CSS3,jQuery Mobile等が世界のトップエキスパートから学べる「Web Directions East 2010」11月13~15日に開催
- ウェブ標準やウェブデザイン,ウェブディレクションの世界的イベント「Web Directions East 2010」が11月13日~15日に開催!<割引コード付き>
- 「Web Directions East 2009」レポート(前編)

