HTML5はFlashやSilverlightを不要なものにする
新野淳一 Publickey2009/11/27
オペラソフトウェア(以下、オペラ)は、グーグルやモジラと同じように積極的にHTML5への取り組みを見せる企業だ。同社はなぜHTML5を支持し、実装するのだろうか
オペラは、当初からHTML5策定に深くかかわっていた
- - PR -
現在、HTML5の仕様策定としてW3CのHTMLチームでエディタを勤めるグーグルのイアン・ヒクソン(Ian Hickson)氏は、元オペラの社員であり、HTML5の策定母体となったWHATWG(Web Hypertext Application Technology Work Group)の設立当初はオペラに所属していました。
この話が象徴するように、オペラはHTML5の策定に当初から深くかかわる企業の1つであり、現在もその姿勢は変わらず、積極的にHTMLを実装し、また普及にも積極的です。同社はHTML5について、いまどう考え、また将来のWebの姿をどう見ているのでしょうか? 同社のCTOであるHakon Wium Lie氏に聞きました。
なお、今回のインタビューは、ノルウェーのオスロにあるオペラ本社とのWebカメラによるビデオ会議にて行われました。
![]() |
| Webカメラでの取材に応じたオペラ・ソフトウェア CTOのHakon Wium Lie氏 「Opera Uniteはコンテンツ共有を簡単に行えるように」 |
HTML5はFlashやSilverlightを不要なものにする
─── HTML5では、どのような機能に注目していますか?
Lie HTML5でいちばん重要なのは、Canvas要素だと思います。デモをお見せしましょう。
![]() |
| Lie氏が示した、3DでシューティングができるCanvas要素のデモ |
Canvas要素の中では、JavaScriptで自由にグラフィックスの描画ができます。これでリアルタイムに反応するビジュアルなアプリケーションも構築可能です。
また、audio要素とvideo要素もHTML5にとって大事な要素でしょう。Webブラウザのネイティブな機能として、オーディオとビデオの機能が実装されます。
例えば、Wikipediaの「Octopus」の項目には、タコがどのような生物なのかを写したビデオがHTML5の機能で埋め込まれており、Operaでは、このビデオを再生して見ることができます。イメージを見るよりもずっと分かりやすいでしょう。
![]() |
| Wikipediaの「Octopus」ではHTML5のビデオ機能が使われている |
こうした機能は、すでにOperaやFirefoxなどには実装が始まっています。では、マイクロソフトのInternet Explorerはどうかというと、まだ実装されていないようですね。そのことについてわれわれはコメントできる立場にはありません。いえるのは、われわれはHTML5をより良い仕様にするために前向きに取り組んでいる、ということです。
特にここで挙げた技術は、アドビ システムズのFlashやマイクロソフトのSilverlightを不要なものにしていくと思います。アドビ システムズやマイクロソフトのプラグインによって実装されたプロプライエタリな仕様よりも、HTML5によるパブリックでオープンな標準の方が優れており、支持されると思います。
─── なぜ「FlashやSilverlightはよくない」と考えているのでしょうか?
Lie Flashを例にとると、これはアドビ システムズが開発したもので、1社によって技術が保有され管理されています。一方、HTMLはみんなが参加して開発したものです。ブラウザベンダ、ドキュメントを作成する人、デバイスベンダなどが参加しており、こうして「みんなで参加して決める」ということが、World Wide Webにとって非常に大事なことだとオペラでは考えているからです。
オペラがHTML5に積極的な理由
─── オペラは、どのようにHTML5に取り組んでいるのか、教えてください。
Lie われわれはHTML5に非常にアクティブに取り組んでいます。例えば、HTMLのワーキンググループで標準化のプロセスに参加していますし、Operaブラウザでの実装にも積極的に取り組んでいます。
─── なぜ、オペラはHTML5にそんなに積極的に取り組むのでしょう?
Lie われわれは「標準は、とても大事だ」と考えています。WebはPCからだけではなく、あらゆるデバイスから使えるものでもあります。オペラは携帯電話やゲーム機に対応したWebブラウザにも積極的に取り組んでおり、全世界で何百万、何千万というユーザーを抱えています。
HTMLは将来にわたってこうしたデバイスでも使い続けられなければなりません。ほかのベンダはもっとPCにフォーカスしていたりしますが、われわれは将来にわたってすべてのデバイスでWebを使えるようになってほしいと真剣に思っています。
だからこそ、プロプライエタリでなく誰もが参加して標準化が進められるHTMLの発展は、非常に重要なのです。
| 1-2 |
| INDEX | ||
| HTML5が拓く新しいWeb(3. Opera編) HTML5はFlashやSilverlightを不要なものにする |
||
| Page1 オペラは、当初からHTML5策定に深くかかわっていた HTML5はFlashやSilverlightを不要なものにする オペラがHTML5に積極的な理由 |
||
| Page2 性能とリーチは、デスクトップとWebのトレードオフ あらゆるデバイスでより良いネット体験を提供したい CSS3やSVGは、2010年から使われ始める ブラウザにサーバを組み込む新機能「Opera Unite」 インタビューを終えて |
||
■ @IT関連記事
| Opera採用の影に最強の営業ツールあり 連載:組み込み企業最前線(13) 組み込み分野への進出が目覚ましいOpera Software。同社のブラウザが採用されるのはなぜなのか |
||
| デザイナーのためのWeb学習帳 Webを構成する技術を超初心者向けに説明します。まずは基本の基本である「HTML」から攻略していこう! 「デザインハック」コーナー |
||
| D89 Web標準HTMLタグリファレンス Web標準に基づいたXHTMLタグの正しいマークアップ方法のリファレンス一覧です。Web標準のタグリファレンスを7回連載でおさらいします
「デザインハック」コーナー |
||
| WebデザイナのためのHTMLチューニング入門 Webサイトを見た人の印象を良くするのか悪くするのかには“速度”が大きくかかわってきます。FirefoxのプラグインYSlowで測る7つの計測ポイントから“速い” HTMLの書き方を学びましょう 「デザインハック」コーナー |
||
| Webブラウザ非互換性の温床となったのは何か? AcidテストとWebブラウザの仕組み(前編) IE8.0やFirefox3.0の出現で、注目されるWebブラウザ。いまこそ、復習しよう。Webブラウザの非互換性の発生源を探ろう 「リッチクライアント & 帳票」フ ォーラム 2008/7/3 |
||
| Webブラウザ標準適合性のわなとAcidテストの正体 AcidテストとWebブラウザの仕組み(後編) 1つのWebページを開くだけで100項目のWebブラウザの標準適合性が検証できるAcidテスト。Acidテストの正体に踏み込む 「リッチクライアント & 帳票」フ ォーラム 2008/7/31 |
||
HTML 5が拓く新しいWeb バックナンバー 連載インデックスへ»
- 第1回 ネイティブアプリ級のHTML5にグーグルが期待すること
- 第2回 たぶん技術革新のなかでHTML5も通過点に過ぎない
- 第3回 HTML5はFlashやSilverlightを不要なものにする
- 第4回 HTML5は開発者側の都合。ユーザーには関係ない
| 「デザインハック」コーナーへ |
- 画像を美しく魅せる効果を加えるjQueryプラグイン3選 (2010/3/17)
2つ重ねて比較するBefore/After、部分ごとに切り替えるpanelGallery、ズーム/カーテンなどができるcycle - 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |









