1. The latest from
Mozilla Jetpack
mitcho
Michael Yoshitaka Erlewine
JSConf US, Washington DC
April 15, 2010

3. Today:
The latest from the Jetpack Project at Mozilla Labs

4. mitcho
linguist, coder, teacher
© 2010 Douglas Hanna

5. mitcho
linguist, coder, teacher
Mozilla Ubiquity core
Labs: developer, Jetpack
Ambassador
© 2010 Douglas Hanna

6. mitcho
linguist, coder, teacher
Mozilla Ubiquity core
Labs: developer, Jetpack
MIT: Ambassador
Linguistics PhD
© 2010 Douglas Hanna

7. mitcho
linguist, coder, teacher
Mozilla Ubiquity core
Labs: developer, Jetpack
MIT: Ambassador
Linguistics PhD
mitcho.com @mitchoyoshitaka
© 2010 Douglas Hanna

8. The big question:

9. The big question:
hackability

11. the web should be generative

12. the browser should be
generative

14. Firefox Add-ons
1. addons.mozilla.org (AMO)
2. over 6000 in the wild
3. HTML, JavaScript, XPCOM, XUL

15. Firefox Add-ons
1. addons.mozilla.org (AMO)
2. over 6000 in the wild
3. HTML, JavaScript, XPCOM, XUL

16. Firefox Add-ons
1. addons.mozilla.org (AMO)
2. over 6000 in the wild
3. HTML, JavaScript, XPCOM, XUL

17. +
Firefox Addons

18. +
Firefox Addons
largest extension platform ever

19. +
Firefox Addons

20. +
Firefox Addons
1.9 billion downloads

21. +
Firefox Addons
over 170 million in active use

22. but...

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. Current Add-ons
1. installs need restarts
2. not trivial to develop
3. requires manual upgrades
4. not designed for quick security review

25. Current Add-ons
1. installs need restarts
2. not trivial to develop
3. requires manual upgrades
4. not designed for quick security review

26. Current Add-ons
1. installs need restarts
2. not trivial to develop
3. requires manual upgrades
4. not designed for quick security review

27. © John Slabyk

28. © John Slabyk

29. jetpack.mozillalabs.com

30. Jetpack

31. Jetpack
a new way to extend Firefox

32. Jetpack
a new way to extend Firefox
doesn’t replace XUL add-ons

33. 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

34. 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

35. 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

36. Jetpack
It’s easy
1. JavaScript, HTML, CSS
2. instant install
3. great development tools
4. export to XPI

37. Jetpack
It’s easy
1. JavaScript, HTML, CSS
2. instant install
3. great development tools
• built in memory tracker, unit
testing
• IDE integration

38. Jetpack
It’s easy
1. JavaScript, HTML, CSS
2. instant install
3. great development tools
• built in memory tracker, unit
testing
• IDE integration

39. Jetpack
It’s easy
1. JavaScript, HTML, CSS
2. instant install
3. great development tools
• built in memory tracker, unit
testing
• IDE integration

40. Jetpack
It’s easy
1. JavaScript, HTML, CSS
2. instant install
3. great development tools
4. export to XPI

41. Jetpack
It’s secure
1. modularized “capabilities”
2. fast review
3. automatic updates

42. Jetpack
It’s secure
1. modularized “capabilities”
2. fast review
3. automatic updates

43. Jetpack
It’s secure
1. modularized “capabilities”
2. fast review
3. automatic updates

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

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

46. Jetpack

47. Jetpack
IDE
integration?

48. Jetpack
IDE
integration?
For example, an IDE on the web

50. Began with a blog post, May 2009

51. 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/

52. Jetpack
reboot

53. Jetpack
reboot

54. Jetpack
SDK 0.2
jetpack.mozillalabs.com

55. Jetpack
SDK 0.3
jetpack.mozillalabs.com
later this month, with first high-level
API’s:
“panel” overlays, context menu,
selection, tabs

56. CC BY-NC-SA www.flickr.com/
photos/razmataz/
3933467547/

57. Firefo
x
XUL +
XPCOM
CC BY-NC-SA www.flickr.com/
photos/razmataz/
3933467547/

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

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

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

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

62. Jetpack

63. Jetpack
the power
of add-ons

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

65. Jetpack
the benefits
the power
of add-ons + of a modern,
webby api
easy, secure, future-proof

66. Jetpack workshop
today 3:15–4:15
game room
CC BY-NC-SA flickr.com/photos/terryhart/2979919447/

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

68. © 2005 en.wikipedia.org/wiki/File:Rocket_man02_-_melbourne_show_2005.jpg
Welcome to the future.
Thank you!
by-nc-sa
mitcho.com
@mitchoyoshitaka