Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Makoto Kato
1,336 views
FirefoxとMozillaでのSVGの取り組み
This is a presentation of SVG IG Japan at March 2010
Technology
◦
News & Politics
◦
Read more
1
Save
Share
Embed
Embed presentation
1
/ 14
2
/ 14
3
/ 14
4
/ 14
5
/ 14
6
/ 14
7
/ 14
8
/ 14
9
/ 14
10
/ 14
11
/ 14
12
/ 14
13
/ 14
14
/ 14
More Related Content
PDF
Firefox 4 with SVG
by
Makoto Kato
PDF
ZabbixとVulsをDocker上で連携
by
太郎 高橋
PDF
Getting Started .NET Core
by
Yuta Matsumura
PDF
Firefox 4 and Mobile
by
Makoto Kato
PPTX
.NET Core for Mac users in Azure
by
Tsukasa Kato
PDF
つながるJavaとTFS
by
__Black
PDF
つながるjavaとTFS ぱーと2
by
__Black
PDF
Firefox Mobile
by
Makoto Kato
Firefox 4 with SVG
by
Makoto Kato
ZabbixとVulsをDocker上で連携
by
太郎 高橋
Getting Started .NET Core
by
Yuta Matsumura
Firefox 4 and Mobile
by
Makoto Kato
.NET Core for Mac users in Azure
by
Tsukasa Kato
つながるJavaとTFS
by
__Black
つながるjavaとTFS ぱーと2
by
__Black
Firefox Mobile
by
Makoto Kato
What's hot
PDF
WordPress on Movable Type
by
Hajime Fujimoto
PDF
20090828 Webconlocal
by
Kentaro Matsui
PDF
フロントエンド開発環境
by
Masaki Kawaguchi
PDF
Xamarin 開発に必要な環境
by
Yoshito Tabuchi
PDF
前略,Xamarin.Mac使いより
by
Tsubasa Hirano
KEY
OSC名古屋2012 concrete5名古屋ユーザーグループ
by
hirokey76724
PPTX
Microsoftテクノロジーの今をご紹介
by
Makoto Nishimura
PDF
Modern frontend overview_r3
by
makotunes
PPTX
WPFの画面をWebブラウザのように拡大・縮小に追従させる方法(オートスクロールバー付き)
by
Study Group by SciencePark Corp.
PDF
Silverlight+COMにチャレンジ
by
You&I
PPTX
Tdd cpp utest環境構築_mac版
by
Toshiaki Nomura
PDF
Concrete5×さくら
by
Masaya Hayashi
PDF
Openness, Innovation and Opptunity
by
Makoto Kato
PDF
Java de TFS
by
__Black
WordPress on Movable Type
by
Hajime Fujimoto
20090828 Webconlocal
by
Kentaro Matsui
フロントエンド開発環境
by
Masaki Kawaguchi
Xamarin 開発に必要な環境
by
Yoshito Tabuchi
前略,Xamarin.Mac使いより
by
Tsubasa Hirano
OSC名古屋2012 concrete5名古屋ユーザーグループ
by
hirokey76724
Microsoftテクノロジーの今をご紹介
by
Makoto Nishimura
Modern frontend overview_r3
by
makotunes
WPFの画面をWebブラウザのように拡大・縮小に追従させる方法(オートスクロールバー付き)
by
Study Group by SciencePark Corp.
Silverlight+COMにチャレンジ
by
You&I
Tdd cpp utest環境構築_mac版
by
Toshiaki Nomura
Concrete5×さくら
by
Masaya Hayashi
Openness, Innovation and Opptunity
by
Makoto Kato
Java de TFS
by
__Black
Similar to FirefoxとMozillaでのSVGの取り組み
PDF
SVGでつくるインタラクティブWebアプリケーション
by
Kohei Kadowaki
PDF
Firefoxの開発プロセス
by
Makoto Kato
PDF
Mozillaのビルドインフラ
by
Makoto Kato
PDF
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
by
Makoto Kato
PDF
SVG事始め
by
Nemoto Yusuke
PDF
Firefox 3.1 In Depth (?)
by
dynamis
PDF
Nseg26 you should become a mozillian !!
by
hATrayflood
PDF
Firefox 3.1 & MozTech
by
dynamis
PPTX
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
by
Kondo Hitoshi
PDF
Modest16 ね?簡単でしょ? makefile.in
by
hATrayflood
PDF
HTML5-20100626
by
Taku AMANO
PDF
SVG MANIAX Ver.2 - Mars vanilla
by
Naoki Matsuda
PDF
SVG MANIAX - CSS Nite After dark7
by
Naoki Matsuda
PDF
Firefox 3 と Web の変化
by
dynamis
PDF
Canvas勉強会
by
Tsutomu Kawamura
PDF
Firefox 3.1 の果たす役割
by
dynamis
PDF
Firefox mobile for android internals
by
Makoto Kato
PDF
インラインSVGをつかって地図っぽいものをつくってみる
by
Kohei Kadowaki
PDF
Firefox OSでSVGをつかってみた
by
Kohei Kadowaki
PDF
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
by
Hiroaki Okubo
SVGでつくるインタラクティブWebアプリケーション
by
Kohei Kadowaki
Firefoxの開発プロセス
by
Makoto Kato
Mozillaのビルドインフラ
by
Makoto Kato
Web Technology features with Firefox 3.6 / Gecko 1.9.2 and later
by
Makoto Kato
SVG事始め
by
Nemoto Yusuke
Firefox 3.1 In Depth (?)
by
dynamis
Nseg26 you should become a mozillian !!
by
hATrayflood
Firefox 3.1 & MozTech
by
dynamis
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
by
Kondo Hitoshi
Modest16 ね?簡単でしょ? makefile.in
by
hATrayflood
HTML5-20100626
by
Taku AMANO
SVG MANIAX Ver.2 - Mars vanilla
by
Naoki Matsuda
SVG MANIAX - CSS Nite After dark7
by
Naoki Matsuda
Firefox 3 と Web の変化
by
dynamis
Canvas勉強会
by
Tsutomu Kawamura
Firefox 3.1 の果たす役割
by
dynamis
Firefox mobile for android internals
by
Makoto Kato
インラインSVGをつかって地図っぽいものをつくってみる
by
Kohei Kadowaki
Firefox OSでSVGをつかってみた
by
Kohei Kadowaki
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
by
Hiroaki Okubo
More from Makoto Kato
PDF
Active scripting
by
Makoto Kato
PDF
e10sとアプリ間通信
by
Makoto Kato
PDF
Emoji
by
Makoto Kato
PDF
Moz2D
by
Makoto Kato
PDF
Firefox OSのアーキテクチャと構成技術
by
Makoto Kato
PDF
Mobile Web
by
Makoto Kato
PDF
Mobile addon
by
Makoto Kato
PDF
keep it real
by
Makoto Kato
PDF
Think.next
by
Makoto Kato
PDF
Firefox for mobile
by
Makoto Kato
PDF
"Open"
by
Makoto Kato
PDF
ブラウザの歴史
by
Makoto Kato
PDF
Raindrop
by
Makoto Kato
PDF
CSS3の最新事情
by
Makoto Kato
PDF
Thunderbird 3のご紹介と企業に求められるカスタマイズ
by
Makoto Kato
PDF
js-ctypes - ネイティブコードを呼び出す新しいカタチ
by
Makoto Kato
Active scripting
by
Makoto Kato
e10sとアプリ間通信
by
Makoto Kato
Emoji
by
Makoto Kato
Moz2D
by
Makoto Kato
Firefox OSのアーキテクチャと構成技術
by
Makoto Kato
Mobile Web
by
Makoto Kato
Mobile addon
by
Makoto Kato
keep it real
by
Makoto Kato
Think.next
by
Makoto Kato
Firefox for mobile
by
Makoto Kato
"Open"
by
Makoto Kato
ブラウザの歴史
by
Makoto Kato
Raindrop
by
Makoto Kato
CSS3の最新事情
by
Makoto Kato
Thunderbird 3のご紹介と企業に求められるカスタマイズ
by
Makoto Kato
js-ctypes - ネイティブコードを呼び出す新しいカタチ
by
Makoto Kato
FirefoxとMozillaでのSVGの取り組み
1.
FirefoxとMozillaでのSVGの取り組み
加藤 誠 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.
Firefox • Mozilla Application
Suite (Webブラウザ、 メールクライアント、HTMLエディタを統合し たもの)からブラウザ部分を切り出し、軽量化 したもの • 柔軟な拡張機能を持つ • Firefox自体が一種の拡張機能を利用して作られて いる • レンダリングエンジンは、独自開発のGecko • 2004年11月にバージョン1.0をリリース • 最新版は、2010年1月にリリースされた3.6
4.
Firefox • 現在開発を主に行っているのは、Mozilla
Corporation (本拠地: 米国マウンテンビュー) • いくつかの地域(米国、カナダ、オーストラリ アなど)に開発オフィスが存在 • 開発者は全世界に散らばっている。当然日本に も
5.
Firefox • 正式にリリースされているプラットフォーム •
Windows • Mac OS X • Linux (GTK+) • 上記以外にも、SolarisやBSD等にも対応 • 英語版、日本語版以外の様々な言語版 • 70言語版以上を提供 • 外部貢献者のおかげで様々な言語版が提供できて いる 5
6.
モバイル版Firefox • Nokia N900版がリリース済み
• Maemo 5用 • 現在、以下のプラットフォーム版を開発中 • Windows Mobile Professional 6.x (アルファ版リ リース済み) • Android • デスクトップ版とまったく同一のレンダリング エンジンを採用 • Firefox Mobile 1.0は、Firefox 3.6とまったく同 一のエンジンを採用 • モバイルに制限を加えない
7.
Gecko • FirefoxなどMozillaの製品で利用されているレ
ンダリングエンジン • SVG / MathMLサポートも含まれる • 最新版は、Firefox 3.6で利用されているバー ジョン1.9.2 • さまざまなプラットフォームに移植されている • Windows / Mac OS X / Linux / Solarisなど • グラフィックライブラリには、cairo (http://www.cairographics.org/)を使用
8.
XUL (XML User
Interface Language) • XMLを用いたユーザーインターフェイス記述言 語 • Firefox自体がXULで書かれている • Firefox = Gecko + XUL • Firefoxで使われる拡張機能は、XULで記述 8
9.
MozillaにおけるSVG • Mozillaでの最初のSVGのコードは、2001年か
ら • 実際には、1999年から検討開始 • SVGを利用するには、ソースコードをコンパイル する必要があった • Firefoxでは、1.5 (2005年11月リリース)から デフォルトで利用可能 • リリースしている全プラットフォーム(Windows / Mac OS X / Linux)で利用可能 • 現在のバージョンでは、プラットフォーム独立な グラフィックライブラリを利用してるため、どの プラットフォームでも同じ描画
10.
MozillaにおけるSVG • SVGについては、外部貢献者の協力が非常に大
きい • オープンソースモデル • IBM、ボランティア貢献者など • 現在でもSVGの実装については、Mozilla Foundation / Mozilla Corporation以外がメイ ン
11.
テストツール • 描画結果に関しては、reftestと呼ばれるテス
トツールを常に利用。DOM操作については、 MochiTestを利用 • ソースコードが変更された時に自動的にテスト が実行される • Regressionが発見されれば、すぐ対処。対処 できなければ、ソースコードを元に戻す • 速度の低下に関しても同様 • 新たな要素の実装を行った場合には、テスト項 目も作成する必要がある 11
12.
SVGに関する主な問題 • SVGフォントモジュールをサポートしていない •
Bug 119490 – Implement SVG fonts • そのためAcid 3 Testが100点ではない • <svg:image>要素でSVGが利用不可能 • Bug 272288 - Allow SVG source for <svg:image> • 報告されている問題は、Bugzillaを参照のこと • https://bugzilla.mozilla.org/buglist.cgi?query_form at=advanced;bug_status=UNCONFIRMED;bug_sta tus=NEW;bug_status=ASSIGNED;bug_status=RE OPENED;component=SVG;product=Core;classificat ion=Components
13.
その他ドキュメント • 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 13
14.
Any Question?
14