Weitere ähnliche Inhalte
Mehr von Yusuke Kawasaki (19)
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
- 1. C-6
Adobe MAX Japan 2009
出張 JUI カンファレンス
quot;Flashはもういらない!?quot;
2009.01.30
- 2. JUI カンファレンスとは…
• JavaScript User Interface
(JavaSciriptを利⽤したユーザイン
ターフェース周り)に関するコアな技
術的トピックスを語るカンファレンス。
• jQuery UI ライブラリの作者 Paul Bakaus ⽒の来⽇に
合わせて、2008年5⽉19⽇に第1回カンファレンスを
開催したのが始まり。
(迎撃シリーズ)
• 今回の『出張 JUI カンファレンス』は、Adobe MAX の
「カンファレンス内サブカンファレンス」として開催。
- 3. 今⽇のメニュー
• 2008年 JavaScript 業界10⼤トピックスまとめ
• Flash Playerの作り⽅ (AVM2 on JS with JIT)
• Flash はもういらない!? (JSplash)
• Flash 10 もビックリ!あの新機能にも対応
• JavaScript でも 3D くらいできるさ!
- 7. 祝!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周年!
- 8. 祝!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. 【第9位】
Shibuya.js
そうだ 京都、⾏こう。
- 10. 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内)
- 12. 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
- 14. 祝・Flash 10公開!
• 2008年10⽉ Flash 10 正式公開
<要注意点>
• navigator.plugins[quot;Shockwave Flashquot;].description.charAt(16)
“Shockwave Flash 10.0 r12” の16⽂字⽬は『1』になる。つまり
____
/ \ /\ キリッ
. / (ー) (ー)\
/ ⌒(__人__)⌒ \ < Flash のバージョンは 1!
| |r┬-| |
\ `ー'´ /
ノ \
/´ ヽ
| l \
ヽ -一''''''quot;~~``'ー--、 -一'''''''ー-、.
ヽ ____(⌒)(⌒)⌒) ) (⌒_(⌒)⌒)⌒))
http://d.hatena.ne.jp/amachang/20090106/1231205373
- 20. でも、⼤丈夫。
• Flash は、使わなくなったけど、
• S○NY社のコーポレイトサイトでは、
オーサリングツールとして Dreamweaver は
継続的に利⽤されているそうです。
• R25.jp では、
トップページの左上の1箇所だけ、
コンテンツ⾃動更新のために Flash が残っています。
- 21. 【第4位】
IE8 の躍進
Microsoft もウェブ標準
- 22. IE8 - Microsoft もウェブ標準
- DOM オブジェクトが Getter / Setter をサポート
(DOM の⾮互換をライブラリで吸収可能に!)
- Acid2 test をパス
- ECMAScript 3.1 の新仕様の⼀部を先⾏実装
- Property Descriptor
- JSON.parse / JSON.stringify
- そのほか、新仕様も多くサポート
- Selectors API
- Access Control
- Cross document messaging
ついに、 動き出した。
- 24. ・2008年3⽉ Gainer経由でリアルデバイス対応
・2008年3⽉ Wiiリモコンも操作可能、3D表⽰
・2008年5⽉ Processing.js
・2008年5⽉ Flex、CSSパーサー
・2008年6⽉ Ext.js⽇本法⼈設⽴。Flex対抗⾺?
・2008年8⽉ jQueryのロゴが変わった
- 29. 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周年
- 30. QUESTIONS?
出張 JUI カンファレンス
(JavaScript User Interface)
quot;Flash はもういらない!?quot;
Adobe MAX Japan 2009
2009.01.30