SlideShare una empresa de Scribd logo
1 de 15
Firefox 4でのSVG

  Makoto Kato
Technical Advisor
  Mozilla Japan
About Mozilla

• 1998年、Netscape Communicator 5のコード
  のオープンソース化に伴い、Mozilla.orgが設立
• 2003年、Mozilla Foundationが設立
• 2004年、Mozilla Europe / Mozilla Japan設立
• 2005年、Mozilla China設立
• 2005年、FirefoxとThunderbirdの開発等を行う
  組織、Mozilla Corporationを設立
• 2008年、Thunderbirdの開発等を行う組織、
  Mozilla Messagingが設立



                   2
About Firefox

• Mozilla Application Suite (Webブラウザ、
  メールクライアント、HTMLエディタを統合し
  たもの)からブラウザ部分を切り出し、軽量化
  したもの
• 柔軟な拡張機能を持つ
 • Firefox自体が一種の拡張機能を利用して作られて
   いる
• レンダリングエンジンは、独自開発のGecko
• 2004年11月にバージョン1.0をリリース
• 最新版は、2010年1月にリリースされた3.6
About Firefox

• 正式にリリースされているプラットフォーム
 • Windows
 • Mac OS X
 • Linux (GTK+)
• 上記以外にも、SolarisやBSD等にも対応
• 英語版、日本語版以外の様々な言語版
 • 70言語版以上を提供
 • 外部貢献者のコントリビュートによって様々な言
   語版が提供されている



                    4
Firefox for Mobile
• Nokia N900版がリリース済み
 •   Maemo 5用
• 現在、以下のプラットフォーム版を開発中
 •   Android
 •   MeeGo/Qt (MeeGoのハンドセット版のデフォルトブラ
     ウザ)
• デスクトップ版とまったく同一のレンダリングエ
  ンジンを採用
 •   Firefox Mobile 1.0は、Firefox 3.6とまったく同一のエ
     ンジンを採用
 •   モバイルに制限を加えない
 •   当然SVGサポートも同様
MozillaにおけるSVG
• Mozillaでの最初のSVGのコードは、2001年か
  ら
 • 実際には、1999年から検討開始
 • SVGを利用するには、ソースコードをコンパイル
   する必要があった
• Firefoxでは、1.5 (2005年11月リリース)から
  デフォルトで利用可能
 • リリースしている全プラットフォーム(Windows /
   Mac OS X / Linux)で利用可能
 • 現在のバージョンでは、プラットフォーム独立な
   グラフィックライブラリを利用してるため、どの
   プラットフォームでも同じ描画
FIREFOX 4 WITH SVG




7
Firefox 4でのSVG

• SVGサポートの改善
• HTML5パーサー
• ハードウェアアクセラレーション




               8
Firefox 4でのSVGサポートの改善

• Animation Moduleのサポート
• Text Moduleのサポートの改善
• <img> / <svg:img>でのSVG利用 (予定)




                9
HTML5パーサー

• SVGやMathMLとHTMLの混合利用が可能にな
  る
 • XMLの名前空間は必要なし
 • Firefox 3.6でも利用可能だが、デフォルトOFF
 <html>
 <body>
 <svg width="200" height="200">
 <circle cx="100" cy="100" r="80" fill="blue"/>
 <rect x="10" y="10" width="20" height="20" fill="red“ />
 </svg>
 </body>
 </html>




                                10
ハードウェアアクセラレーションサポート

• Direct2Dによるハードウェアアクセラレーシ
  ョンサポート
 • Windows Vista / Windows 7のみ
 • サポートする環境についてはドライバによって、
   ブラックリスト・ホワイトリスト形式をとる予定
  •   ドライバによっては期待した動作をしないため




                   11
Firefox 4でサポート予定がないもの

• Color Profile
• Cursor Module
• Font Module
• View Module




                  12
SVGに関するその他問題

• 報告されている問題は、Bugzillaを参照のこと
 • https://bugzilla.mozilla.org/buglist.cgi?query_
   format=advanced;bug_status=UNCONFIRME
   D;bug_status=NEW;bug_status=ASSIGNED;b
   ug_status=REOPENED;component=SVG;prod
   uct=Core;classification=Components
その他ドキュメント

• Mozilla SVG Project
  •   https://wiki.mozilla.org/SVG:Home_Page
• Mozilla Developer Center / SVG
  •   https://developer.mozilla.org/en/SVG
• SVGの実装状況
  •   https://developer.mozilla.org/en/SVG_in_Firefox
• メーリングリスト
  •   news://news.mozilla.org/mozilla.dev.tech.svg
  •   http://groups.google.com/group/mozilla.dev.tech.
      svg/topics


                          14
Any Question?




      15

Más contenido relacionado

La actualidad más candente

Openness, Innovation and Opptunity
Openness, Innovation and OpptunityOpenness, Innovation and Opptunity
Openness, Innovation and OpptunityMakoto Kato
 
Windows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkWindows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkKenshiro Fukuda
 
OSC名古屋2012 concrete5名古屋ユーザーグループ
OSC名古屋2012 concrete5名古屋ユーザーグループOSC名古屋2012 concrete5名古屋ユーザーグループ
OSC名古屋2012 concrete5名古屋ユーザーグループhirokey76724
 
Windows Subsystem for Linux の簡単なはなし
Windows Subsystem for Linux の簡単なはなしWindows Subsystem for Linux の簡単なはなし
Windows Subsystem for Linux の簡単なはなしMiho Yamamoto
 
今だから知りたい Bash on Windows
今だから知りたい Bash on Windows今だから知りたい Bash on Windows
今だから知りたい Bash on WindowsMiho Yamamoto
 
Firefox for mobile
Firefox for mobileFirefox for mobile
Firefox for mobileMakoto Kato
 
OneDrive Files On-Demand
OneDrive Files On-DemandOneDrive Files On-Demand
OneDrive Files On-DemandTomokazu Kizawa
 
Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)
Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)
Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)Munehiro Yamamoto
 
Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容
Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容
Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容Tomokazu Kizawa
 
Inside WebM
Inside WebMInside WebM
Inside WebMmganeko
 
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11Microsoft
 
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?Microsoft
 
Silverlight+COMにチャレンジ
Silverlight+COMにチャレンジSilverlight+COMにチャレンジ
Silverlight+COMにチャレンジYou&I
 
Ocs2010 kyoto nonweb
Ocs2010 kyoto nonwebOcs2010 kyoto nonweb
Ocs2010 kyoto nonwebOsamu Monoe
 
平成生まれのための MINIX 講座
平成生まれのための MINIX 講座平成生まれのための MINIX 講座
平成生まれのための MINIX 講座TAKANO Mitsuhiro
 
JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介
JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介
JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介kk_Ataka
 
Windows 10 の あたらしい Web ブラウザー について
Windows 10 の あたらしい Web ブラウザー についてWindows 10 の あたらしい Web ブラウザー について
Windows 10 の あたらしい Web ブラウザー についてOsamu Monoe
 
これから Houdini 始める
これから Houdini 始めるこれから Houdini 始める
これから Houdini 始めるKen Taki
 

La actualidad más candente (20)

Openness, Innovation and Opptunity
Openness, Innovation and OpptunityOpenness, Innovation and Opptunity
Openness, Innovation and Opptunity
 
Windows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning TalkWindows insider meetup in japan 2 Lightning Talk
Windows insider meetup in japan 2 Lightning Talk
 
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえてWindows Insider Program という取り組みについて ~ Creators Update を踏まえて
Windows Insider Program という取り組みについて ~ Creators Update を踏まえて
 
OSC名古屋2012 concrete5名古屋ユーザーグループ
OSC名古屋2012 concrete5名古屋ユーザーグループOSC名古屋2012 concrete5名古屋ユーザーグループ
OSC名古屋2012 concrete5名古屋ユーザーグループ
 
Windows Subsystem for Linux の簡単なはなし
Windows Subsystem for Linux の簡単なはなしWindows Subsystem for Linux の簡単なはなし
Windows Subsystem for Linux の簡単なはなし
 
今だから知りたい Bash on Windows
今だから知りたい Bash on Windows今だから知りたい Bash on Windows
今だから知りたい Bash on Windows
 
Firefoxos
FirefoxosFirefoxos
Firefoxos
 
Firefox for mobile
Firefox for mobileFirefox for mobile
Firefox for mobile
 
OneDrive Files On-Demand
OneDrive Files On-DemandOneDrive Files On-Demand
OneDrive Files On-Demand
 
Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)
Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)
Vine Linux 6.1「再」入門 (Re-introduction to Vine Linux 6.1)
 
Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容
Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容
Wndows 10 Fall Creators Update Insider Previewから見たアップデート内容
 
Inside WebM
Inside WebMInside WebM
Inside WebM
 
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
 
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?
 
Silverlight+COMにチャレンジ
Silverlight+COMにチャレンジSilverlight+COMにチャレンジ
Silverlight+COMにチャレンジ
 
Ocs2010 kyoto nonweb
Ocs2010 kyoto nonwebOcs2010 kyoto nonweb
Ocs2010 kyoto nonweb
 
平成生まれのための MINIX 講座
平成生まれのための MINIX 講座平成生まれのための MINIX 講座
平成生まれのための MINIX 講座
 
JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介
JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介
JUS関西 Sphinxワークショップ@関西 Sphinx事例紹介
 
Windows 10 の あたらしい Web ブラウザー について
Windows 10 の あたらしい Web ブラウザー についてWindows 10 の あたらしい Web ブラウザー について
Windows 10 の あたらしい Web ブラウザー について
 
これから Houdini 始める
これから Houdini 始めるこれから Houdini 始める
これから Houdini 始める
 

Destacado

Firefox mobile for android internals
Firefox mobile for android internalsFirefox mobile for android internals
Firefox mobile for android internalsMakoto Kato
 
e10sとアプリ間通信
e10sとアプリ間通信e10sとアプリ間通信
e10sとアプリ間通信Makoto Kato
 
Mozillaのビルドインフラ
MozillaのビルドインフラMozillaのビルドインフラ
MozillaのビルドインフラMakoto Kato
 
Active scripting
Active scriptingActive scripting
Active scriptingMakoto Kato
 
AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ Yasuhiro Matsuo
 

Destacado (9)

Emoji
EmojiEmoji
Emoji
 
Raindrop
RaindropRaindrop
Raindrop
 
Firefox mobile for android internals
Firefox mobile for android internalsFirefox mobile for android internals
Firefox mobile for android internals
 
Think.next
Think.nextThink.next
Think.next
 
e10sとアプリ間通信
e10sとアプリ間通信e10sとアプリ間通信
e10sとアプリ間通信
 
Mozillaのビルドインフラ
MozillaのビルドインフラMozillaのビルドインフラ
Mozillaのビルドインフラ
 
Mobile Web
Mobile WebMobile Web
Mobile Web
 
Active scripting
Active scriptingActive scripting
Active scripting
 
AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ AWSでGPUも安く大量に使い倒せ
AWSでGPUも安く大量に使い倒せ
 

Similar a Firefox 4 with SVG

神戸ITフェスティバル2013「Firefox開発ツールコレクション」
神戸ITフェスティバル2013「Firefox開発ツールコレクション」神戸ITフェスティバル2013「Firefox開発ツールコレクション」
神戸ITフェスティバル2013「Firefox開発ツールコレクション」Noritada Shimizu
 
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and laterWeb Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and laterMakoto Kato
 
Composer による依存管理 と Packagist によるライブラリの公開
Composer による依存管理 と Packagist によるライブラリの公開Composer による依存管理 と Packagist によるライブラリの公開
Composer による依存管理 と Packagist によるライブラリの公開Shogo Kawahara
 
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Noritada Shimizu
 
Firefoxの開発プロセス
Firefoxの開発プロセスFirefoxの開発プロセス
Firefoxの開発プロセスMakoto Kato
 
オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!
オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!
オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!Masaki Muranaka
 
ALMツールたべくらべ
ALMツールたべくらべALMツールたべくらべ
ALMツールたべくらべKaoru NAKAMURA
 
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介de:code 2017
 
Secret of Firefox
Secret of FirefoxSecret of Firefox
Secret of Firefoxdynamis
 
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...Fujio Kojima
 
JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話
JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話
JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話Yahoo!デベロッパーネットワーク
 
WebRTC on Edge
WebRTC on EdgeWebRTC on Edge
WebRTC on EdgeSaki Homma
 
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来Unite2017Tokyo
 
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来Unity Technologies Japan K.K.
 
LibreOfficeをWindows上でビルドする
LibreOfficeをWindows上でビルドするLibreOfficeをWindows上でビルドする
LibreOfficeをWindows上でビルドするTomofumi Yagi
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Honma Masashi
 
Swiftアプリ制作入門 かんたんシューティングゲーム
Swiftアプリ制作入門 かんたんシューティングゲームSwiftアプリ制作入門 かんたんシューティングゲーム
Swiftアプリ制作入門 かんたんシューティングゲーム聡 中川
 
Visual Studio を使用した Cordova 開発
Visual Studio を使用した Cordova 開発Visual Studio を使用した Cordova 開発
Visual Studio を使用した Cordova 開発Osamu Monoe
 

Similar a Firefox 4 with SVG (20)

神戸ITフェスティバル2013「Firefox開発ツールコレクション」
神戸ITフェスティバル2013「Firefox開発ツールコレクション」神戸ITフェスティバル2013「Firefox開発ツールコレクション」
神戸ITフェスティバル2013「Firefox開発ツールコレクション」
 
Firefox Mobile
Firefox MobileFirefox Mobile
Firefox Mobile
 
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and laterWeb Technology features with Firefox 3.6 / Gecko 1.9.2 and later
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
 
Composer による依存管理 と Packagist によるライブラリの公開
Composer による依存管理 と Packagist によるライブラリの公開Composer による依存管理 と Packagist によるライブラリの公開
Composer による依存管理 と Packagist によるライブラリの公開
 
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
Firefox OS 勉強会 名古屋2nd 「便利な便利な開発ツール」
 
Firefoxの開発ツール
Firefoxの開発ツールFirefoxの開発ツール
Firefoxの開発ツール
 
Firefoxの開発プロセス
Firefoxの開発プロセスFirefoxの開発プロセス
Firefoxの開発プロセス
 
オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!
オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!
オープン・ソースで構築するARMマイコン開発環境 ―― GCC,Eclipse,OpenOCDで統合開発環境,JTAGデバッグもできる!
 
ALMツールたべくらべ
ALMツールたべくらべALMツールたべくらべ
ALMツールたべくらべ
 
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
[TL03] あなたはどっち? Visual Studio Code 派と Visual Studio 派による Web フロントエンド開発 徹底紹介
 
Secret of Firefox
Secret of FirefoxSecret of Firefox
Secret of Firefox
 
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発 はじめに ~ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...
 
JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話
JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話
JSUG 2018/02/05 SpringOnePlatform2017参加報告 プラットフォーム関連のお話
 
WebRTC on Edge
WebRTC on EdgeWebRTC on Edge
WebRTC on Edge
 
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
 
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
【Unite 2017 Tokyo】WebGL:ゲームプラットフォームとしてのWebと現在と未来
 
LibreOfficeをWindows上でビルドする
LibreOfficeをWindows上でビルドするLibreOfficeをWindows上でビルドする
LibreOfficeをWindows上でビルドする
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
 
Swiftアプリ制作入門 かんたんシューティングゲーム
Swiftアプリ制作入門 かんたんシューティングゲームSwiftアプリ制作入門 かんたんシューティングゲーム
Swiftアプリ制作入門 かんたんシューティングゲーム
 
Visual Studio を使用した Cordova 開発
Visual Studio を使用した Cordova 開発Visual Studio を使用した Cordova 開発
Visual Studio を使用した Cordova 開発
 

Más de Makoto Kato

ブラウザの歴史
ブラウザの歴史ブラウザの歴史
ブラウザの歴史Makoto Kato
 
CSS3の最新事情
CSS3の最新事情CSS3の最新事情
CSS3の最新事情Makoto Kato
 
Thunderbird 3のご紹介と企業に求められるカスタマイズ
Thunderbird 3のご紹介と企業に求められるカスタマイズThunderbird 3のご紹介と企業に求められるカスタマイズ
Thunderbird 3のご紹介と企業に求められるカスタマイズMakoto Kato
 
js-ctypes - ネイティブコードを呼び出す新しいカタチ
js-ctypes - ネイティブコードを呼び出す新しいカタチjs-ctypes - ネイティブコードを呼び出す新しいカタチ
js-ctypes - ネイティブコードを呼び出す新しいカタチMakoto Kato
 

Más de Makoto Kato (8)

Moz2D
Moz2DMoz2D
Moz2D
 
Mobile addon
Mobile addonMobile addon
Mobile addon
 
keep it real
keep it realkeep it real
keep it real
 
"Open"
"Open""Open"
"Open"
 
ブラウザの歴史
ブラウザの歴史ブラウザの歴史
ブラウザの歴史
 
CSS3の最新事情
CSS3の最新事情CSS3の最新事情
CSS3の最新事情
 
Thunderbird 3のご紹介と企業に求められるカスタマイズ
Thunderbird 3のご紹介と企業に求められるカスタマイズThunderbird 3のご紹介と企業に求められるカスタマイズ
Thunderbird 3のご紹介と企業に求められるカスタマイズ
 
js-ctypes - ネイティブコードを呼び出す新しいカタチ
js-ctypes - ネイティブコードを呼び出す新しいカタチjs-ctypes - ネイティブコードを呼び出す新しいカタチ
js-ctypes - ネイティブコードを呼び出す新しいカタチ
 

Último

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)Hiroshi Tomioka
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 

Último (8)

クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 

Firefox 4 with SVG

  • 1. Firefox 4でのSVG Makoto Kato Technical Advisor Mozilla Japan
  • 2. About Mozilla • 1998年、Netscape Communicator 5のコード のオープンソース化に伴い、Mozilla.orgが設立 • 2003年、Mozilla Foundationが設立 • 2004年、Mozilla Europe / Mozilla Japan設立 • 2005年、Mozilla China設立 • 2005年、FirefoxとThunderbirdの開発等を行う 組織、Mozilla Corporationを設立 • 2008年、Thunderbirdの開発等を行う組織、 Mozilla Messagingが設立 2
  • 3. About Firefox • Mozilla Application Suite (Webブラウザ、 メールクライアント、HTMLエディタを統合し たもの)からブラウザ部分を切り出し、軽量化 したもの • 柔軟な拡張機能を持つ • Firefox自体が一種の拡張機能を利用して作られて いる • レンダリングエンジンは、独自開発のGecko • 2004年11月にバージョン1.0をリリース • 最新版は、2010年1月にリリースされた3.6
  • 4. About Firefox • 正式にリリースされているプラットフォーム • Windows • Mac OS X • Linux (GTK+) • 上記以外にも、SolarisやBSD等にも対応 • 英語版、日本語版以外の様々な言語版 • 70言語版以上を提供 • 外部貢献者のコントリビュートによって様々な言 語版が提供されている 4
  • 5. Firefox for Mobile • Nokia N900版がリリース済み • Maemo 5用 • 現在、以下のプラットフォーム版を開発中 • Android • MeeGo/Qt (MeeGoのハンドセット版のデフォルトブラ ウザ) • デスクトップ版とまったく同一のレンダリングエ ンジンを採用 • Firefox Mobile 1.0は、Firefox 3.6とまったく同一のエ ンジンを採用 • モバイルに制限を加えない • 当然SVGサポートも同様
  • 6. MozillaにおけるSVG • Mozillaでの最初のSVGのコードは、2001年か ら • 実際には、1999年から検討開始 • SVGを利用するには、ソースコードをコンパイル する必要があった • Firefoxでは、1.5 (2005年11月リリース)から デフォルトで利用可能 • リリースしている全プラットフォーム(Windows / Mac OS X / Linux)で利用可能 • 現在のバージョンでは、プラットフォーム独立な グラフィックライブラリを利用してるため、どの プラットフォームでも同じ描画
  • 8. Firefox 4でのSVG • SVGサポートの改善 • HTML5パーサー • ハードウェアアクセラレーション 8
  • 9. Firefox 4でのSVGサポートの改善 • Animation Moduleのサポート • Text Moduleのサポートの改善 • <img> / <svg:img>でのSVG利用 (予定) 9
  • 10. HTML5パーサー • SVGやMathMLとHTMLの混合利用が可能にな る • XMLの名前空間は必要なし • Firefox 3.6でも利用可能だが、デフォルトOFF <html> <body> <svg width="200" height="200"> <circle cx="100" cy="100" r="80" fill="blue"/> <rect x="10" y="10" width="20" height="20" fill="red“ /> </svg> </body> </html> 10
  • 11. ハードウェアアクセラレーションサポート • Direct2Dによるハードウェアアクセラレーシ ョンサポート • Windows Vista / Windows 7のみ • サポートする環境についてはドライバによって、 ブラックリスト・ホワイトリスト形式をとる予定 • ドライバによっては期待した動作をしないため 11
  • 12. Firefox 4でサポート予定がないもの • Color Profile • Cursor Module • Font Module • View Module 12
  • 13. SVGに関するその他問題 • 報告されている問題は、Bugzillaを参照のこと • https://bugzilla.mozilla.org/buglist.cgi?query_ format=advanced;bug_status=UNCONFIRME D;bug_status=NEW;bug_status=ASSIGNED;b ug_status=REOPENED;component=SVG;prod uct=Core;classification=Components
  • 14. その他ドキュメント • Mozilla SVG Project • https://wiki.mozilla.org/SVG:Home_Page • Mozilla Developer Center / SVG • https://developer.mozilla.org/en/SVG • SVGの実装状況 • https://developer.mozilla.org/en/SVG_in_Firefox • メーリングリスト • news://news.mozilla.org/mozilla.dev.tech.svg • http://groups.google.com/group/mozilla.dev.tech. svg/topics 14