Your SlideShare is downloading. ×
0
The latest from
Mozilla Jetpack


mitcho
Michael Yoshitaka Erlewine


JSConf US, Washington DC
April 15, 2010
Today:



The latest from the Jetpack Project at Mozilla Labs
mitcho
                       linguist, coder, teacher




© 2010 Douglas Hanna
mitcho
                         linguist, coder, teacher
                       Mozilla        Ubiquity core
             ...
mitcho
                         linguist, coder, teacher
                       Mozilla        Ubiquity core
             ...
mitcho
                          linguist, coder, teacher
                        Mozilla        Ubiquity core
           ...
The big question:
The big question:

hackability
the web should be generative
the browser should be
      generative
Firefox Add-ons
 1. addons.mozilla.org (AMO)

 2. over 6000 in the wild

 3. HTML, JavaScript, XPCOM, XUL
Firefox Add-ons
 1. addons.mozilla.org (AMO)

 2. over 6000 in the wild

 3. HTML, JavaScript, XPCOM, XUL
Firefox Add-ons
 1. addons.mozilla.org (AMO)

 2. over 6000 in the wild

 3. HTML, JavaScript, XPCOM, XUL
+

Firefox Addons
+

     Firefox Addons

largest extension platform ever
+

Firefox Addons
+

Firefox Addons

1.9 billion downloads
+

    Firefox Addons

over 170 million in active use
but...
Current Add-ons
 1. installs need restarts

 2. not trivial to develop

 3. requires manual upgrades

 4. not designed for...
Current Add-ons
 1. installs need restarts

 2. not trivial to develop

 3. requires manual upgrades

 4. not designed for...
Current Add-ons
 1. installs need restarts

 2. not trivial to develop

 3. requires manual upgrades

 4. not designed for...
Current Add-ons
 1. installs need restarts

 2. not trivial to develop

 3. requires manual upgrades

 4. not designed for...
© John Slabyk
© John Slabyk
jetpack.mozillalabs.com
Jetpack
Jetpack

a new way to extend Firefox
Jetpack

a new way to extend Firefox

     doesn’t replace XUL add-ons
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
     •   use your favorite libraries
     •   simple, modular API
   2. ins...
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
     •   use your favorite libraries
     •   simple, modular API
   2. ins...
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
     •   use your favorite libraries
     •   simple, modular API
   2. ins...
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
   2. instant install
   3. great development tools
   4. export to XPI
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
   2. instant install
   3. great development tools
     •   built in memor...
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
   2. instant install
   3. great development tools
     •   built in memor...
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
   2. instant install
   3. great development tools
     •   built in memor...
Jetpack
 It’s easy
   1. JavaScript, HTML, CSS
   2. instant install
   3. great development tools
   4. export to XPI
Jetpack
 It’s secure
   1. modularized “capabilities”
   2. fast review
   3. automatic updates
Jetpack
 It’s secure
   1. modularized “capabilities”
   2. fast review
   3. automatic updates
Jetpack
 It’s secure
   1. modularized “capabilities”
   2. fast review
   3. automatic updates
Jetpack

 It’s built for the future
   1. stable API
   2. compatible with future versions
Jetpack

 It’s built for the future
   1. stable API
   2. compatible with future versions
Jetpack
Jetpack
 IDE
 integration?
Jetpack
 IDE
 integration?


   For example, an IDE on the web
Began with a blog post, May 2009
Now,This is a
    an important dispatch from the mothership...
   prototype.




      CC BY-NC-SA flickr.com/photos/the_pd...
Jetpack
reboot
Jetpack
reboot
Jetpack
SDK 0.2
jetpack.mozillalabs.com
Jetpack
                 SDK 0.3
                 jetpack.mozillalabs.com

later this month, with first high-level
API’s:
“...
CC BY-NC-SA www.flickr.com/
     photos/razmataz/
       3933467547/
Firefo
   x
XUL +
XPCOM




CC BY-NC-SA www.flickr.com/
     photos/razmataz/
       3933467547/
Firefo
   x
XUL +                         you
XPCOM                         and your
                             JavaScri...
Firefo
   x
XUL +                         you
XPCOM                         and your
                             JavaScri...
Firefo
   x
XUL +                         you
XPCOM                         and your
                             JavaScri...
Firefo
   x
XUL +                         you
XPCOM                         and your
                             JavaScri...
Jetpack
Jetpack

the power
of add-ons
Jetpack
                 the benefits
the power
of add-ons   +   of a modern,
                  webby api
Jetpack
                  the benefits
the power
of add-ons    +   of a modern,
                   webby api

   easy, secu...
Jetpack workshop
  today 3:15–4:15
    game room




            CC BY-NC-SA flickr.com/photos/terryhart/2979919447/
© 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg




Welcome to the future.
© 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg




Welcome to the future.



Thank you!

     by...
Mozilla's JetPack
Mozilla's JetPack
Mozilla's JetPack
Mozilla's JetPack
Upcoming SlideShare
Loading in...5
×

Mozilla's JetPack

2,281

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

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

No notes for slide


  • - see how easy it is; customize workflow; create client projects (customization and integration)
    - some examples, start to get to know Jetpack, start thinking
  • - see how easy it is; customize workflow; create client projects (customization and integration)
    - some examples, start to get to know Jetpack, start thinking


































  • security is hard
  • security is hard
  • security is hard
  • security is hard
  • security is hard
  • live jetpacking
    wsj.com

  • live jetpacking
    wsj.com

  • live jetpacking
    wsj.com





  • download it
  • download it
  • download it











  • Transcript of "Mozilla's JetPack"

    1. 1. The latest from Mozilla Jetpack mitcho Michael Yoshitaka Erlewine JSConf US, Washington DC April 15, 2010
    2. 2. Today: The latest from the Jetpack Project at Mozilla Labs
    3. 3. mitcho linguist, coder, teacher © 2010 Douglas Hanna
    4. 4. mitcho linguist, coder, teacher Mozilla Ubiquity core Labs: developer, Jetpack Ambassador © 2010 Douglas Hanna
    5. 5. mitcho linguist, coder, teacher Mozilla Ubiquity core Labs: developer, Jetpack MIT: Ambassador Linguistics PhD © 2010 Douglas Hanna
    6. 6. mitcho linguist, coder, teacher Mozilla Ubiquity core Labs: developer, Jetpack MIT: Ambassador Linguistics PhD mitcho.com @mitchoyoshitaka © 2010 Douglas Hanna
    7. 7. The big question:
    8. 8. The big question: hackability
    9. 9. the web should be generative
    10. 10. the browser should be generative
    11. 11. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XPCOM, XUL
    12. 12. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XPCOM, XUL
    13. 13. Firefox Add-ons 1. addons.mozilla.org (AMO) 2. over 6000 in the wild 3. HTML, JavaScript, XPCOM, XUL
    14. 14. + Firefox Addons
    15. 15. + Firefox Addons largest extension platform ever
    16. 16. + Firefox Addons
    17. 17. + Firefox Addons 1.9 billion downloads
    18. 18. + Firefox Addons over 170 million in active use
    19. 19. but...
    20. 20. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
    21. 21. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
    22. 22. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
    23. 23. Current Add-ons 1. installs need restarts 2. not trivial to develop 3. requires manual upgrades 4. not designed for quick security review
    24. 24. © John Slabyk
    25. 25. © John Slabyk
    26. 26. jetpack.mozillalabs.com
    27. 27. Jetpack
    28. 28. Jetpack a new way to extend Firefox
    29. 29. Jetpack a new way to extend Firefox doesn’t replace XUL add-ons
    30. 30. Jetpack It’s easy 1. JavaScript, HTML, CSS • use your favorite libraries • simple, modular API 2. instant install 3. great development tools 4. export to XPI
    31. 31. Jetpack It’s easy 1. JavaScript, HTML, CSS • use your favorite libraries • simple, modular API 2. instant install 3. great development tools 4. export to XPI
    32. 32. Jetpack It’s easy 1. JavaScript, HTML, CSS • use your favorite libraries • simple, modular API 2. instant install 3. great development tools 4. export to XPI
    33. 33. Jetpack It’s easy 1. JavaScript, HTML, CSS 2. instant install 3. great development tools 4. export to XPI
    34. 34. Jetpack It’s easy 1. JavaScript, HTML, CSS 2. instant install 3. great development tools • built in memory tracker, unit testing • IDE integration
    35. 35. Jetpack It’s easy 1. JavaScript, HTML, CSS 2. instant install 3. great development tools • built in memory tracker, unit testing • IDE integration
    36. 36. Jetpack It’s easy 1. JavaScript, HTML, CSS 2. instant install 3. great development tools • built in memory tracker, unit testing • IDE integration
    37. 37. Jetpack It’s easy 1. JavaScript, HTML, CSS 2. instant install 3. great development tools 4. export to XPI
    38. 38. Jetpack It’s secure 1. modularized “capabilities” 2. fast review 3. automatic updates
    39. 39. Jetpack It’s secure 1. modularized “capabilities” 2. fast review 3. automatic updates
    40. 40. Jetpack It’s secure 1. modularized “capabilities” 2. fast review 3. automatic updates
    41. 41. Jetpack It’s built for the future 1. stable API 2. compatible with future versions
    42. 42. Jetpack It’s built for the future 1. stable API 2. compatible with future versions
    43. 43. Jetpack
    44. 44. Jetpack IDE integration?
    45. 45. Jetpack IDE integration? For example, an IDE on the web
    46. 46. Began with a blog post, May 2009
    47. 47. Now,This is a an important dispatch from the mothership... prototype. CC BY-NC-SA flickr.com/photos/the_pdub/4269928124/ CC BY-NC-SA www.flickr.com/photos/joshmichtom/3846011713/
    48. 48. Jetpack reboot
    49. 49. Jetpack reboot
    50. 50. Jetpack SDK 0.2 jetpack.mozillalabs.com
    51. 51. Jetpack SDK 0.3 jetpack.mozillalabs.com later this month, with first high-level API’s: “panel” overlays, context menu, selection, tabs
    52. 52. CC BY-NC-SA www.flickr.com/ photos/razmataz/ 3933467547/
    53. 53. Firefo x XUL + XPCOM CC BY-NC-SA www.flickr.com/ photos/razmataz/ 3933467547/
    54. 54. Firefo x XUL + you XPCOM and your JavaScript CC BY-NC-SA www.flickr.com/ photos/razmataz/ 3933467547/
    55. 55. Firefo x XUL + you XPCOM and your JavaScript CC BY-NC-SA www.flickr.com/ photos/razmataz/ 3933467547/
    56. 56. Firefo x XUL + you XPCOM and your JavaScript CC BY-NC-SA www.flickr.com/ photos/razmataz/ 3933467547/
    57. 57. Firefo x XUL + you XPCOM and your JavaScript CC BY-NC-SA www.flickr.com/ photos/razmataz/ 3933467547/
    58. 58. Jetpack
    59. 59. Jetpack the power of add-ons
    60. 60. Jetpack the benefits the power of add-ons + of a modern, webby api
    61. 61. Jetpack the benefits the power of add-ons + of a modern, webby api easy, secure, future-proof
    62. 62. Jetpack workshop today 3:15–4:15 game room CC BY-NC-SA flickr.com/photos/terryhart/2979919447/
    63. 63. © 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg Welcome to the future.
    64. 64. © 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg Welcome to the future. Thank you! by-nc-sa mitcho.com @mitchoyoshitaka
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×