[go: up one dir, main page]
SlideShare a Scribd company logo

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

•
•
Yusuke Kawasaki
Yusuke Kawasaki

2009/01/30 お台場で開催された Adobe MAX Japan 2009 で、 『出張 JUI カンファレンス』を開催しました。 JUI は、JavaScript User Interface のこと。 Adobe のカンファレンスなのに、なぜ JS？ たくさんのご来場ありがとうございました。

1 of 30
Download to read offline
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に乗り換える 企業サイトが続出！
www.s○ny.co.jp
r25.jp
でも、⼤丈夫。 • 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

More Related Content

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⽇に第１回カンファレンスを 開催したのが始まり。 （迎撃シリーズ） • 今回の『出張 JUI カンファレンス』は、Adobe MAX の 「カンファレンス内サブカンファレンス」として開催。
  • 3. 今⽇のメニュー • 2008年 JavaScript 業界10⼤トピックスまとめ • Flash Playerの作り⽅ (AVM2 on JS with JIT) • Flash はもういらない!? (JSplash) • Flash 10 もビックリ！あの新機能にも対応 • JavaScript でも 3D くらいできるさ！
  • 4. パネリスト紹介 天野 仁史 (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/
  • 5. Adobe MAX 版 2008年 JavaScript 業界 10⼤トピックス！
  • 6. 【第10位】 祝！M M _ S w a p I m a g e 10周年
  • 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内）
  • 11. 【第8位】 ECMAScript 4 敗退 ECMAScript 3.1 登場
  • 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┬-| | ＼ `ー'´ ／ ノ ＼ ／´ ヽ | ｌ ＼ ヽ -一''''''quot;～～｀`'ー--､ -一'''''''ー-､. ヽ ＿＿＿＿(⌒)(⌒)⌒) ) (⌒＿(⌒)⌒)⌒)) http://d.hatena.ne.jp/amachang/20090106/1231205373
  • 16. iPhone 3G登場 JavaScript採⽤ • Flash は、未だ搭載されず。。。
  • 17. 【第5位】 FlashからJSに乗り換える 企業サイトが続出！
  • 20. でも、⼤丈夫。 • Flash は、使わなくなったけど、 • S○NY社のコーポレイトサイトでは、 オーサリングツールとして Dreamweaver は 継続的に利⽤されているそうです。 • R25.jp では、 トップページの左上の１箇所だけ、 コンテンツ⾃動更新のために 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のロゴが変わった
  • 25. みんな⼤好き jQuery • jQueryの裏ワザ紹介！（イースターエッグ） • これが、恐らくこのセッションで唯⼀の 『明⽇から使える実⽤テク』。 今⽇のお持ち帰りトピックスです。 メモの⽤意は良いですか！？ http://jquery.com/ で、コナミコマンド 『↑↑↓↓← → ← → B A 』
  • 26. 【第2位】 JS で .swf を再⽣ ⼀⼤ブームが到来！
  • 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