GLOBAL-ALIGN::center
SET-TIMER::10min
[[EM:RIA]]
からはじめる
[[EM:Firefox]]
----
自己紹介
----
下田洋志
aka
Piro
----
アドオン
開発＆メンテナンス
[[#{font-size:0.4em;}:2ペインブックマーク　巻き戻し/早送りボタン
マルチプルタブハンドラ　ラインマーカー
テキストリンク　分割ブラウザ　イージーSidebar
クリップボード監視　スタック型タブ
セカンドサーチ　タブカタログ　タブキラー
Popup ALT Attributes　URNサポート
XHTMLルビサポート　XUL/Migemo
情報化タブ　テキストシャドウ]]
----
今日の
テーマ
----
Web 2.0的
考え方から
はじめる
Firefoxでの
アプリ開発
----
HEADER::RIAからはじめるFirefox
Web 2.0
----
RIA
----
Rich
Internet
Applications
----
最近
大流行
----
iGoogle
Google Maps
Gmail
Google Docs
----
Google Reader
livedoor Reader
Fastladder
----
[[{font-size:0.6em;}:開発者向けに]]
prototype.js
script.aculo.us
jQuery
----
どんどん
「アプリケーション」
化してきた
----
それらRIAを
ローカルの
アプリケーション
のように
使う技術
----
Google Desktop Gadgets
Dashboard (Mac OS X)
Widgets (Opera)
----
Adobe AIR
Flash
ActionScript
----
そして
真打ち
Silverlight
----
みなさん景気がいいですね
----
HEADER::
さて、そろそろ
反撃しても
いいですか？
----
[[EM{font-size:4em}:★]]
Firefox [[EM:3]].0
[[{font-size: 0.3em;}:（※日本在住の人にしか分からないギャグ）]]
----
RIAを
ローカルで
動かす？
----
それは我々が
5年前に
通った道だ
[[{font-size: 0.3em;}:（※日本のオタクにしか分からないギャグ）]]
----
HEADER::RIAとしてのFirefox
Firefox＝
XML+CSS+
JavaScript
[[{font-size:0.6em;}:（+XPCOM）]]
----
まさに
[[EM:RIA]]
----
実行環境
Gecko
----
XHTML/XSLT
/SVG/MathML
/RSS/Atom/RDF
----
CSS1
CSS2[[{font-size:0.6em;}:（ほぼ全部）]]
CSS3 Selector[[{font-size:0.6em;}:（6割くらい）]]
/Color
/Multi-column layout
----
DOM1 Core/HTML
DOM2 Core/HTML
/Events/CSS/Range
/Traversal[[{font-size:0.6em;}:（部分）]]
DOM3 XPath
DOM Storage
----
HTML5 canvas
/video[[{font-size:0.6em;}:（？）]]
E4X
XMLHttpRequest
----
Web 2.0の
ブームで
やっと注目
され始めた
各種技術
----
そのまま
使えます
----
というか
----
5年以上
前から
使って
きました
----
という
実績
----
もう一度
言うけど
----
流行りの
技術で
----
ローカルで動く
アプリケーション
を作れる！
----
さらに
便利な
技術
----
XUL/XBL
CSS3の
先行実装色々
JavaScript 1.7
----
＋
----
ファイル入出力
常駐型アプリ
他アプリとの連携
MozStorage[[{font-size:0.6em;}:（SQLite）]]
フルズーム
----
けっこう
なんでも
できる！
----
そして
----
Firefox
そのものも
ライブラリ
として活用
----
Firefoxと
マッシュ
アップ！
----
Thunderbird
と
マッシュ
アップ！
----
他の
アドオンと
マッシュ
アップ！
----
独自に
あれこれ
開発する
必要なし
----
時間をかけて
作られてきた
Firefoxの
成果に
ただ乗り！
----
気軽に
アプリ
開発!!
----
HEADER::
！
----
ちょっと
待った！
[[{font-size: 0.6em;}:by Microsoft]]
----
それは我々が
10年前に
[[{font-size:0.5em;}:（Windows 98で）]]
通った道だ
[[{font-size: 0.6em;}:by Microsoft]]
----
HEADER::HTML Applications
HTA
[[{font-size: 0.6em;}:HTML Applications]]
----
Vistaでも
Windowsの
あちこちで
使われている技術
-----
HTMLと
JScript
VBScriptで
OSのUIを
作る
----
Gmailみたいな物は
HTAで何年も前から
あったのだよ！
----
OWA
[[{font-size: 0.6em;}:（Outlook Web Access）]]
[[img src="owa.png" width="500" height="366"]]
----
IEの中で動く
Outlook風
RIA！
----
HEADER::
いやいや
[[{font-size: 0.4em;}:by Mozilla]]
----
それって
Windows
専用でしょ？
[[{font-size: 0.6em;}:by Mozilla]]
----
HEADER::クロスプラットフォームなRIA開発基盤としてのFirefox
Firefoxは
クロス
プラットフォーム
----
Firefox
ベースで
作れば
----
Windowsでも
Mac OS Xでも
Linuxでも
動く！
----
Write Once
Run Anywhere!
----
HEADER::
！
----
ちょっと
待った！
[[{font-size: 0.4em;}:by Sun Microsystems]]
----
それは我々が
16年前に
[[{font-size:0.5em;}:（Javaで）]]
通った道だ
[[{font-size: 0.5em;}:by Sun Microsystems]]
----
HEADER::クロスプラットフォームな開発基盤　Java
Java
----
環境を
選ばない
開発基盤
----
HEADER::
いやいや
[[{font-size: 0.4em;}:by Mozilla]]
----
汎用性
高すぎて
環境から
浮きすぎ
[[{font-size: 0.6em;}:by Mozilla]]
----
[[img src="ark.png" width="600" height="440"]]
----
Flashも
そうだけど
----
オレオレUIは
もう
たくさんです！
----
HEADER::ほどよくクロスプラットフォームなRIA開発基盤としてのFirefox
Firefoxは
[[EM:ほどほど]]
----
ほどよく
汎用的で
----
ほどよく
プラット
フォーム
フレンドリー
----
Windowsでは
Windowsらしく
Macでは
Macらしい
見た目
----
ほどほどに
[[EM:バランスの良い]]
アプリ開発基盤
----
作る方にも
使う方にも
やさしい
----
Mozilla
エライ！
----
[[{font-size: 0.6em;}:（開発環境として）]]
もっと評価
されるべき！


----
HEADER::
とっかかり
として
----
まずは
気軽に
アドオン
開発から！
----
Let's Enjoy
Application
Development
in Mozilla!!
----
おわり