Your SlideShare is downloading. ×
JUI Conference "Flashはもういらない!?" Adobe MAX Japan 2009
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,407
views

Published on

2009/01/30 …

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

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,407
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 くらいできるさ!
  • 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
  • 13. 【第7位】 祝・Flash 10公開!
  • 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
  • 15. 【第6位】 iPhone 3G登場 JavaScript採⽤
  • 16. iPhone 3G登場 JavaScript採⽤ • Flash は、未だ搭載されず。。。
  • 17. 【第5位】 FlashからJSに乗り換える 企業サイトが続出!
  • 18. www.s○ny.co.jp
  • 19. r25.jp
  • 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 ついに、 動き出した。
  • 23. 【第3位】 JavaScript ライブラリ よりどりみどり
  • 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 を再⽣ ⼀⼤ブームが到来!
  • 27. 詳しくは、後ほど。
  • 28. 【第1位】 JavaScript ⾼速化! もうJITしてられない!
  • 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