JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009

C-6

Adobe MAX Japan 2009
出張 JUI カンファレンス

quot;Flashはもういらない!?quot;

2009.01.30

JUI カンファレンスとは…
• JavaScript User Interface
（JavaSciriptを利⽤したユーザイン
ターフェース周り）に関するコアな技
術的トピックスを語るカンファレンス。

• jQuery UI ライブラリの作者 Paul Bakaus ⽒の来⽇に
合わせて、2008年5⽉19⽇に第１回カンファレンスを
開催したのが始まり。
（迎撃シリーズ）

• 今回の『出張 JUI カンファレンス』は、Adobe MAX の
「カンファレンス内サブカンファレンス」として開催。

今⽇のメニュー
• 2008年 JavaScript 業界10⼤トピックスまとめ

• Flash Playerの作り⽅ (AVM2 on JS with JIT)

• Flash はもういらない!? (JSplash)

• Flash 10 もビックリ！あの新機能にも対応

• JavaScript でも 3D くらいできるさ！

パネリスト紹介
天野仁史 (amachang)
http://d.hatena.ne.jp/amachang/

⼩泉守義 (moriyoshi)
http://d.hatena.ne.jp/moriyoshi/

上⼭智⼠ (gyuque)
http://d.hatena.ne.jp/gyuque/

⼩林悠 (yukoba)
http://d.hatena.ne.jp/yukoba/

川崎有亮 (kawanet)
http://www.kawa.net/

Adobe MAX 版

2008年 JavaScript 業界
10⼤トピックス！

【第10位】
祝！M M _ S w a p I m a g e
10周年

祝！MM_SwapImage 10周年
• ↓こんなコードを書いてた・⾒た⼈！？

<a href=“go.html“
onmouseout=quot;MM_swapImgRestore()quot;
onmouseover=quot;MM_swapImage('Img1','',ʻon.gif',1)quot;>
<img src=“off.gifquot; name=quot;Img1“ id=quot;Img1quot;></a>

• 1998年12⽉リリースの
Macromedia Dreamweaver 2.0
よりサポート開始。

• Adobe MAX 2008 で、祝・10周年！

祝！MM_SwapImage 10周年
• MM_SwapImage と⾔えば・・・
回線速度が遅い時代は、画像のプリロードが必須でした。

• こんなコードを書いた⼈・⾒た⼈！？
<body onload=“MM_preloadImages(ʻmarine_o.jpgʼ)”>
（鷹野さん）

• こんなコードもよくありました・・・。
<body onload=quot;MM_preloadImages(ʻtop_on.jpgʻ,
ʻabout_on.jpgʻ, ʻsubmit_on.jpgʻ, ʻreset_on.jpgʻ,
ʻnext_on.jpgʻ, ʻprev_on.jpgʻ, ..., ʻmore_on.jpgʻ,)quot;>
• デザイナさん（コーダーさん）が、相対パスを間違えて、
プリロードの画像ファイルの Not Found エラーが多発。
• みんな、お世話になった MM_SwapImage。
JavaScript ライブラリの先駆け。Macromedia スゲー！

【第9位】
Shibuya.js
そうだ京都、⾏こう。

Shibuya.js そうだ京都、⾏こう。
• 『Shibuya』は単なる抽象的概念（タグ）。
• JavaScript 開発者コミュニティ。
不定期に勉強会を開催。
• ⽇々の Web 制作で「使える」実⽤的なテクよりも
世界最先端の技術技巧や、
誰も省みなかった⾼度なテクニックを歓迎。
• jQuery の作者 John Resig も「世界にここだけ」と認める集団。

• 2006年4⽉14⽇ Shibuya.js Technical Talk #1
• 2006年6⽉30⽇ Shibuya.js Technical Talk #2
• 2007年2⽉14⽇出張 Shibuya.js 24 （デブサミ2007内）
• 2007年3⽉23⽇ Shibuya.js Technical Talk #3 - Shibuya.es
• 2007年9⽉15⽇ The Future of JavaScript
• 2008年7⽉19⽇ Shibuya.js in Kyoto（OSC/Kansai内）

【第8位】
ECMAScript 4 敗退
ECMAScript 3.1 登場

ECMAScript 3.1 登場
• Getter と Setter
• Property Descriptor
• プロトタイプ（オブジェクトが継承しているオブジェクト）の取得
• new 以外のプロトタイプ継承
• for in で⾛査できないプロパティの取得
• use subset cautious (strict モード)
• ブロックスコープ
• 配列がもっと便利に
• this の束縛、引数の部分適⽤
• JSON のサポート
• arguments オブジェクトが配列に
• const ⽂
• Decimal オブジェクト

http://d.hatena.ne.jp/amachang/20080821/1219302804

【第7位】
祝・Flash 10公開！

祝・Flash 10公開！
• 2008年10⽉ Flash 10 正式公開

＜要注意点＞
• navigator.plugins[quot;Shockwave Flashquot;].description.charAt(16)

“Shockwave Flash 10.0 r12” の16⽂字⽬は『1』になる。つまり
＿＿＿_
／＼／＼ｷﾘｯ
. ／（ー）（ー）＼
／ ⌒（__人__）⌒ ＼＜ Flash のバージョンは 1！
| |r┬-| |
＼ `ー'´ ／
ノ＼
／´ ヽ
| ｌ＼
ヽ -一''''''quot;～～｀`'ー--､ -一'''''''ー-､.
ヽ＿＿＿＿(⌒)(⌒)⌒) ) (⌒＿(⌒)⌒)⌒))

http://d.hatena.ne.jp/amachang/20090106/1231205373

【第6位】
iPhone 3G登場
JavaScript採⽤

iPhone 3G登場 JavaScript採⽤
• Flash は、未だ搭載されず。。。

【第5位】
FlashからJSに乗り換える
企業サイトが続出！

でも、⼤丈夫。
• Flash は、使わなくなったけど、

• S○NY社のコーポレイトサイトでは、
オーサリングツールとして Dreamweaver は
継続的に利⽤されているそうです。

• R25.jp では、
トップページの左上の１箇所だけ、
コンテンツ⾃動更新のために Flash が残っています。

【第4位】
IE8 の躍進
Microsoft もウェブ標準

IE8 - Microsoft もウェブ標準
- DOM オブジェクトが Getter / Setter をサポート
（DOM の⾮互換をライブラリで吸収可能に！）
- Acid2 test をパス
- ECMAScript 3.1 の新仕様の⼀部を先⾏実装
- Property Descriptor
- JSON.parse / JSON.stringify
- そのほか、新仕様も多くサポート
- Selectors API
- Access Control
- Cross document messaging
ついに、動き出した。

【第3位】
JavaScript ライブラリ
よりどりみどり

・2008年3⽉ Gainer経由でリアルデバイス対応
・2008年3⽉ Wiiリモコンも操作可能、3D表⽰
・2008年5⽉ Processing.js
・2008年5⽉ Flex、CSSパーサー
・2008年6⽉ Ext.js⽇本法⼈設⽴。Flex対抗⾺？
・2008年8⽉ jQueryのロゴが変わった

みんな⼤好き jQuery
• jQueryの裏ワザ紹介！（イースターエッグ）

• これが、恐らくこのセッションで唯⼀の
『明⽇から使える実⽤テク』。
今⽇のお持ち帰りトピックスです。
メモの⽤意は良いですか！？

http://jquery.com/ で、コナミコマンド
『↑↑↓↓← → ← → B A 』

【第2位】
JS で .swf を再⽣
⼀⼤ブームが到来！

【第1位】
JavaScript ⾼速化！
もうJITしてられない！

Adobe MAX 版
2008年 JavaScript 業界10⼤トピックス

【第1位】 JavaScript ⾼速化！もうJITしてられない！
【第2位】 JS で .swf を再⽣⼀⼤ブームが到来！
【第3位】 JavaScript ライブラリよりどりみどり
【第4位】 IE8 の躍進 Microsoft もウェブ標準
【第5位】 FlashからJSに乗り換える企業サイトが続出！
【第6位】 iPhone 3G登場 JavaScript採⽤
【第7位】祝・Flash 10公開！
【第8位】 ECMAScript 4 敗退 ECMAScript 3.1 登場
【第9位】 Shibuya.js そうだ京都、⾏こう。
【第10位】祝！MM_SwapImage 10周年

QUESTIONS?

出張 JUI カンファレンス
(JavaScript User Interface)
quot;Flash はもういらない!?quot;
Adobe MAX Japan 2009
2009.01.30

JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

More from Yusuke Kawasaki

More from Yusuke Kawasaki (19)

JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009