gihyo.jp » NEWS & REPORT » レポート » 「Web Directions East 2008」カンファレンス レポート » #5 ダグ・シェパーズ氏『Standards based graphics in the browser─Web標準的ブラウザのグラフィックのススメ』

「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標準的ブラウザのグラフィックのススメ』と題した講演が行われた。

写真1 ダグ・シェパーズ氏

写真1 ダグ・シェパーズ氏

W3Cで活動するダグ氏は,次期策定のHTML5でも実装され,すでに幾つかのサイトで利用されているCanvasとSVGについて講演。これらの違いや活用法について,詳しく解説した。

写真2 SVGとCanvasの説明時のスライド

写真2 SVGとCanvasの説明時のスライド

SVGとCanvasの有名なライブラリとして,以下のものを取り上げた。

SVG
Canvas

また,ダグ氏お気に入りのものとして,以下の制作物を取り上げた。

  • Star Maker(リンク先は実際のデモと同じではありません)
  • Orbits
  • Maze
  • Cubes(正確ではありませんが,blobsalladを示していたと思います)
  • Maps

写真3 blobsallad

写真3 blobsallad

さらに,「身近なところで,皆さんもご存じのGoogleMapにも,SVGの技術が取り入れられています。」とし「バイナリのPNGやJPと違い,VML(Vector Markup Language)でマークアップされているため,再利用に非常に便利であり,ラスターではなく,ベクターとして描画されるため,自由にサイズを変えたり,変形することが可能。アニメーションも付加することができる」とし,「CanvasはSVGのように構造が保たれないものの,javascriptとの親和性が高く,SVGでは処理が重くなりがちな多くのインスタンスを一度に処理する場合にも有効で,APIも配られている」と述べた。

写真4 SVGであれば,ローカライズも簡単であることを説明した

写真4 SVGであれば,ローカライズも簡単であることを説明した

写真5 2.5D風のアニメーションも可能

写真5 2.5D風のアニメーションも可能

「IEだけは例外だが,これらはFlashやSilverlightのようにプラグインに依存せず,ほとんどのブラウザで使用することができる。携帯電話でも表示可能で,現在Flashが表示できないiPhoneでも,SVGは表示することができる」と,アピールした。

写真6 iPhoneであればSVGを表示できるとアピール

写真6 iPhoneであればSVGを表示できるとアピール

これらの技術は以前からあったが,ブラウザの処理能力の低さや,ブラウザシェアをIEが大きく占めていたこともあって一般化しなかった。しかし,昨今の様々なブラウザの流通やブラウザそのものやjavascriptエンジンの処理能力の向上によって注目され始めている。

ダグ氏は,「SVG1.2では音や動画も扱うことができるようになり,Operaで先行実装されている。日本でも,JISで標準化されればより一般化されるかもしれない」と,今後の開発者の動向に期待していた。

著者プロフィール

加茂雄亮(かもゆうすけ)

株式会社ロクナナにて,ActionScriptを伴うFlashコンテンツや,AjaxコンテンツなどRIA開発に従事するフロントエンドエンジニア。テクニカルライターとしての一面を持ち,WEB・雑誌・書籍、媒体問わず執筆。また,イベントやセミナーでの講演など,精力的に活動している。

URLhttp://log.xingxx.com/
URLhttp://rokunana.com/

コメント

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

2010年版SEO体得講座

本連載では,いまや企業サイトの戦略の1つとして欠かすことのできないSEOについて,最新トレンドからすぐに使えるTipsまでを紹介します。

小型Linuxサーバの最高峰 OpenBlockS 600活用指南

搭載メモリの増加,CPUクロックの向上など,あらゆる面が強化された期待の新モデルOpenBlockS 600。この記事ではOpenBlockS 600の紹介から,活用するためのさまざまなノウハウを紹介していきます。

はじめMath! Javaでコンピュータ数学

プログラミング言語入門者向けに,知っていると役立つ数学的トピックスを紹介します。簡単な演習問題と解説で,即活用できる知識を目指します。

教科書には載っていない ネットワークエンジニアの実践技術

ネットワークエンジニア,インフラエンジニアのトラブル対応には,時には「教科書通りにいかない」テクニックが必要となります。資格試験では得られないこうした実践的な技術について,実例を元に紹介します。

Googleケータイ,世に現る

2008年9月,Googleが中心となって開発されている「Android」を採用した携帯電話「T-Mobile G1」が発表されました。本連載ではT-Mobile G1を中心にGoogleケータイに迫ります。

モバゲーオープンプラットフォームに挑戦!――面白法人カヤック流モバゲーオープンプラットフォーム企画と開発のイロハ

2010年1月にリリースとなったモバゲーオープンプラットフォーム。その制作企業であるカヤックが,アイデアを企画に落とし込み,開発までのノウハウを紹介します。

プロトタイピングツールSketchFlowを用いた,Silverlightアプリ開発

SketchFlowプロトタイプ作成からアプリケーション開発までをExpression Blend 3を使って実践的に解説します。

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス

最近のコメント