Your SlideShare is downloading. ×
Firefox 3.1 の果たす役割
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

Firefox 3.1 の果たす役割

398
views

Published on

200810 …

200810
OSC Tokyo/Fall でのプレゼン資料

Published in: Technology

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

No Downloads
Views
Total Views
398
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
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. OSC 2008 Tokyo/Fall Tomoya Asai (aka. dynamis)
  • 2. 自己紹介 - 浅井 智也 •Mozilla Japan テクニカルマーケティング担当 •コミュニティでは dynamis (でゅなみす) として活動 •Firefox 1~3, Thunderbird 1~2 の L10N をリードしてきた •SUMO (Firefox サポートサイト) 日本語版リーダー •MozillaZine.jp などのコミュニティ活性化サポート •今はこうやって各所でプレゼンしたり・・・ 2
  • 3. 今日の話題は・・・ 3
  • 4. Shiretoko 4
  • 5. 知床!? 5
  • 6. 6
  • 7. 国立公園 7
  • 8. 8
  • 9. 世界遺産 9
  • 10. 10
  • 11. キタキツネ らぶ∼ 11 (狐 ̄▽ ̄) ( ̄▽ ̄北)
  • 12. 12
  • 13. あまり可愛くない・・・ 13
  • 14. そろそろ真面目に・・・ 14
  • 15. Firefox 3.1 15
  • 16. の前に・・・ 16
  • 17. Firefox 3.0 17
  • 18. Firefox 3 の位置づけは? •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − アプリケーションプラットフォームへ (JavaScript 高速化、オフラインサポート etc) 18
  • 19. 速い、軽い、美しい 19
  • 20. 史上最速のFirefox (処理時間、短い方が高速) 20 テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB) Internet Explorer 7 Firefox 2 Firefox 3 0ms 10,000ms 20,000ms 30,000ms 40,000ms JavaScript のパフォーマンス 3,678ms 10,000ms 34,092ms 9.3倍 高 速 (Apple の SunSpider JS Benchmark による) 0ms 125ms 250ms 375ms 500ms Gmail メッセージ読み込み時間 60ms 227ms 413ms 6.8倍 高 速 (Mozilla独自のテストによる)
  • 21. 史上最軽量 の Firefox (使用メモリ、少ない方が優秀) 21 ウィンドウを開く ページの巡回 ウィンドウを閉じる http://random.pavlov.net/membuster/index.html テスト環境: Windows Vista on Mac Mini (Core 2 Duo T5600, 2GB)
  • 22. • 筆記体やリガチャ(合字)さらに古代文字などまでサポート • カーニング(文字間隔調整機能)によって読みやすく 最高品質 のテキスト表示 (Web はテキスト中心) 22
  • 23. 具体的にできること 23
  • 24. 280 Slides (Objective-J) Web アプリ版の Keynote (PowerPoint) http://280slides.com/ 24
  • 25. Canvas + JavaScript (ContextFree.js) 25 数行から数十行程度のコードでアート http://azarask.in/projects/algorithm-ink/
  • 26. 何が変わったのか? 26
  • 27. Firefox 3.0 ー 何が変わったのか? •高度なデザインは Flash = 既成概念 •RIA は専用のプラグインで = 既成概念 •Web で ××× はできない = 既成概念 •JS のコードが膨大に必要 = 既成概念 27
  • 28. Webに変化の時が・・・ 28
  • 29. それでは本題の・・・ 29
  • 30. Firefox 3.1 30
  • 31. Firefox 3.1 の位置づけは? •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − アプリケーションプラットフォームへ •Firefox 3.1 − ????? 31
  • 32. 新機能と改善点は? 32
  • 33. 33 Firefox 3.1 - 新機能、改良点 •タブ切替(Ctrl+Tab)で縮小プレビュー! •全タブの一覧表示と検索 •タグ名の自動補完 •ブックマークの一括編集! •スマートロケーションバーの改善 •プライベートブラウジングモード 末尾に!付きの機能は既に実装済み
  • 34. 34 Firefox 3.1 - 新機能、改良点 •HTML5: <audio> <video>! •Ogg Vorbis/Theora デコーダ! •HTML5: ドラッグ&ドロップ API! •クロスサイトXMLHttpRequest! •ダウンロードフォント(@font-face) •<script defer=”defer”> で遅延評価! 末尾に!付きの機能は既に実装済み
  • 35. 35 Firefox 3.1 - 新機能、改良点 •Canvas: Text API! •Canvas: Shadows API! •Canvas: CreateImageData! •Canvas: Video on Canvas! •Canvas: HTML5 の仕様に準拠 末尾に!付きの機能は既に実装済み
  • 36. 36 Firefox 3.1 - 新機能、改良点 •CSS3: メディアクエリー! •CSS3: text-shadow! •CSS3: box-shadow! •CSS3: colum-rule! •CSS3: nth-* セレクタ! •CSS3: border-image! •CSS2.1: white-space:pre-line! 末尾に!付きの機能は既に実装済み
  • 37. 37 Firefox 3.1 - 新機能、改良点 •新 JavaScript エンジン (TraceMonkey) •JSONのネイティブサポート •ワーカースレッドAPI! •HTML5: オフラインキャッシュ •HTML5: localStorage •その他まだまだいっぱい・・・(>_<) 末尾に!付きの機能は既に実装済み
  • 38. いくつかサンプルを 38
  • 39. 39 Firefox 3.1 - タブの縮小表示 Ctrl+Tab でのタブ切り替え時には 各タブの縮小表示をプレビュー
  • 40. 40 Firefox 3.1 - Canvas: Text API Canvas 上に自由自在にテキストを
  • 41. 41 Firefox 3.1 - CSS: Transform CSS でテキストや画像などを自在に変形
  • 42. 42 Firefox 3.1 - <audio> <video> HTML5 の <audio>, <video> タグ (in SVG)
  • 43. 要するに・・・ 43
  • 44. Firefox 3.1 − 要するに・・・ •CSS3 ガンガン実装していきます •Canvas ぐんぐん発達していきます •HTML5 どんどんサポートしていきます •SVG だってもっと良くなるよ •JavaScript については特に・・・ 44
  • 45. TraceMonkey 45
  • 46. 46
  • 47. 狐とか猿とか鳥とか Mozilla は動物園(違) 47
  • 48. Firefox 3.1 − TraceMonkey •Firefox 3.1 の新JavaScriptエンジン •Adobe から貢献された Tamarin ベース •新しいタイプの JIT コンパイラを搭載 •Andreas Gal (UC)らの研究成果を反映 •少ないメモリで高速な処理を実現 •目標は C 言語などに匹敵する処理速度 48
  • 49. 49 Firefox 3.1 - TraceMonkey 各種 JS ベンチマークの結果 (8月末)
  • 50. 50 Firefox 3.1 - TraceMonkey
  • 51. 何が変わるのか? 51
  • 52. Firefox 3.1 ー 何が変わるのか? •JavaScript は遅い言語 = 既成概念 •Web で ××× はできない = 既成概念 •JS で ××× はできない = 既成概念 •JS のコードが膨大に必要 = 既成概念 •既成概念に捕らわれていちゃダメ! 52
  • 53. 違いを実感しよう! 53
  • 54. Firefox 3.1 ー 違いを実感しよう! 54
  • 55. ブラウザ上でこれも・・・ 55 •Picasa の Web 版は十分実現できる •PhotoShop の Web 版もいずれは •音楽編集も Web でできるように •ビデオ編集はまだちと厳しいか・・・(笑) •フォントを動的に変更、編集
  • 56. どんどん開発してね 56
  • 57. Firefox 3.1 の位置づけは? •Netscape − 将来のビジョンを打ち出した(けど・・・) •Firefox 1 − ブラウザに選択肢を提供 •Firefox 2 − ブラウザの革新をリード •Firefox 3 − アプリケーションプラットフォームへ •Firefox 3.1 − デスクトップの置き換えへ 57
  • 58. お ま け 58
  • 59. Fennec 59
  • 60. 60
  • 61. Fennecカワイイ 61
  • 62. 62
  • 63. やっぱり動物園・・・(違) 63
  • 64. Mobile Firefox 64
  • 65. 65 NOW - Fennec (Mobile Firefox)
  • 66. 66 Fennec (Mobile Firefox) •今年中に Beta、来年早期にリリース •Mozilla 1.9 ベースで Firefox 3 と同じ描画エンジン •現開発版でも YouTube とか普通に見れます •Windows Mobile、Maemo Linux、LIMO •Symbian のサポートは検討中 (Cairo の Port が必要) •アドオンとかカスタマイズ性も当然健在
  • 67. Ubiquity 67
  • 68. 68 •Mozilla Labs で開発中の新しいキーボードUI •GUI の情報量と CUI の効率性を両立 •Aza Raskin らが開発 (Jeff Raskin の息子) •Aza は Mozilla DevCon (11月に計画中) に呼びます •http://www.toolness.com/wp/?p=54 Mozilla Labs - Ubiquity
  • 69. Demo: Ubiquity 69 残り時間なければ割愛・・・m(_ _)m
  • 70. 告知 = 宣伝 70
  • 71. 71 •毎年恒例(?)の Firefox Developer Conference •今年は 11月16日(日) に開催予定 •テーマは 次世代 Web とプラットフォーム •モバイル、組み込み、User Experience、Ubiquity •Web の次世代プラットフォーム、HTML5 etc... •皆さん是非お越しください(詳細はまた Blog で告知) 告知 - Fx Developer Conference
  • 72. Any Question? 72 (? ̄▽ ̄) ( ̄▽ ̄?)
  • 73. 73 dynamis@mozilla-japan.org Thank You

×