Lighting talk:

Jetpack「五分鐘帶你的火狐（搭火箭）上雲端」

Hsiao-Ting Yu "Littlebtc"尤孝庭 " 笨笨的小 B"

Who I am?• NTUEE Undergrad and NicoFox Developer

(logo by plurk.com/tdk4)

What is Jetpack?

• Add-on by Mozilla Labs• HTML5 & Ajax & CSS powered• Fast & Easy Development

Fast? Easy?

• Powerful API (Storage, Clipboard, Sound Recording…)

• Live preview and Firebug integration• One-click install without restart

Try it out!

• Go about:jetpack• Click "Develop" Tab• Type

jetpack.statusBar.append({ html: '<b>Jetpack Rocks!</b>', onReady: function(doc) { $(doc).click(function() {$('b', this).text('Good!');}); }});

Harder work

• A Very Simple Plurk unread checker with Jetpack (Made in < 30 minutes)

Find Current Useful Code

• Jetpack Official Example: Email Checkerhttps://jetpack.mozillalabs.com/demos/gmail-checker.js

• A Gmail Checker with only 75 lines

1

Modify the code to meet Plurk

• Less than 20 minutes to test & debug• Result: < 60 Lines

2

Deploy

• Put your Jetpack in a JavaScript file (plurk.js for example), use an HTML file with specific <link> tag to distribute:<link rel="jetpack" href="plurk.js">

• Distribute your HTML page URL, where user will receive installation message

3

Never Live Demo!

• http://littleb.tc/demo/coscup

For more…

• Jetpack official site in Mozilla Labshttps://jetpack.mozillalabs.com/

• MozTW (We need some technical guys :P )http://moztw.org

• Contact mehttp://www.plurk.com/littlebtchttp://littleb.tc