SlideShare a Scribd company logo
1 of 11
Lighting talk:Jetpack「五分鐘帶你的火狐(搭火箭)上雲端」 Hsiao-Ting Yu "Littlebtc" 尤孝庭 " 笨笨的小B"
Who I am? NTUEE Undergrad and NicoFoxDeveloper (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 Typejetpack.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 20minutes 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

More Related Content

What's hot

Continuous integration with Git & CI Joe
Continuous integration with Git & CI JoeContinuous integration with Git & CI Joe
Continuous integration with Git & CI Joe
Shawn Price
 

What's hot (20)

Build your own RasPiTV with Node.js & Socket.io
Build your own RasPiTV with Node.js & Socket.ioBuild your own RasPiTV with Node.js & Socket.io
Build your own RasPiTV with Node.js & Socket.io
 
Node
NodeNode
Node
 
Profiling PHP with Xdebug / Webgrind
Profiling PHP with Xdebug / WebgrindProfiling PHP with Xdebug / Webgrind
Profiling PHP with Xdebug / Webgrind
 
The Shape of Speed
The Shape of SpeedThe Shape of Speed
The Shape of Speed
 
OSDC.no 2015 introduction to node.js workshop
OSDC.no 2015 introduction to node.js workshopOSDC.no 2015 introduction to node.js workshop
OSDC.no 2015 introduction to node.js workshop
 
Front-end development automation with Grunt
Front-end development automation with GruntFront-end development automation with Grunt
Front-end development automation with Grunt
 
Node.js x Azure, cli usage, website deployment
Node.js x Azure, cli usage, website deploymentNode.js x Azure, cli usage, website deployment
Node.js x Azure, cli usage, website deployment
 
Building a private CI/CD pipeline with Java and Docker in the cloud as presen...
Building a private CI/CD pipeline with Java and Docker in the cloud as presen...Building a private CI/CD pipeline with Java and Docker in the cloud as presen...
Building a private CI/CD pipeline with Java and Docker in the cloud as presen...
 
The eggless Plone manifesto (or Plone the open source cms-as-a-service platf...
The eggless Plone manifesto (or Plone  the open source cms-as-a-service platf...The eggless Plone manifesto (or Plone  the open source cms-as-a-service platf...
The eggless Plone manifesto (or Plone the open source cms-as-a-service platf...
 
When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)
When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)
When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)
 
WordCamp Vancouver 2012 - Manage WordPress with Awesome using wp-cli
WordCamp Vancouver 2012 - Manage WordPress with Awesome using wp-cliWordCamp Vancouver 2012 - Manage WordPress with Awesome using wp-cli
WordCamp Vancouver 2012 - Manage WordPress with Awesome using wp-cli
 
Funnelweb ploneconf2010
Funnelweb ploneconf2010Funnelweb ploneconf2010
Funnelweb ploneconf2010
 
Node.js and Ruby
Node.js and RubyNode.js and Ruby
Node.js and Ruby
 
Plone pwns
Plone pwnsPlone pwns
Plone pwns
 
Grunt All Day
Grunt All DayGrunt All Day
Grunt All Day
 
node.js app deploy to heroku PaaS
node.js app deploy to heroku PaaSnode.js app deploy to heroku PaaS
node.js app deploy to heroku PaaS
 
Continuous integration with Git & CI Joe
Continuous integration with Git & CI JoeContinuous integration with Git & CI Joe
Continuous integration with Git & CI Joe
 
Grunt training deck
Grunt training deckGrunt training deck
Grunt training deck
 
MVC way to introduce Sails.js - node.js framework
MVC way to introduce Sails.js - node.js frameworkMVC way to introduce Sails.js - node.js framework
MVC way to introduce Sails.js - node.js framework
 
Jaap : node, npm & grunt
Jaap : node, npm & gruntJaap : node, npm & grunt
Jaap : node, npm & grunt
 

Viewers also liked

MozTW BoF at Coscup 2009
MozTW BoF at Coscup 2009MozTW BoF at Coscup 2009
MozTW BoF at Coscup 2009
Irvin Chen
 
Diasopra - 開放原始碼的太空飛行遊戲
Diasopra - 開放原始碼的太空飛行遊戲Diasopra - 開放原始碼的太空飛行遊戲
Diasopra - 開放原始碼的太空飛行遊戲
CQD
 
Firefox x Ubuntu 12(.04) Release Party
Firefox x Ubuntu 12(.04) Release PartyFirefox x Ubuntu 12(.04) Release Party
Firefox x Ubuntu 12(.04) Release Party
Irvin Chen
 
Moztory 摩茲老人來講古
Moztory 摩茲老人來講古Moztory 摩茲老人來講古
Moztory 摩茲老人來講古
Irvin Chen
 
Translation Process for SUMO New Website (zh_TW)
Translation Process for SUMO New Website (zh_TW)Translation Process for SUMO New Website (zh_TW)
Translation Process for SUMO New Website (zh_TW)
Ernest Chiang
 
MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012
Ernest Chiang
 
Addon sdk content scripts
Addon sdk content scriptsAddon sdk content scripts
Addon sdk content scripts
Irvin Chen
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 Events
Bob Chao
 

Viewers also liked (20)

MozTW BoF at Coscup 2009
MozTW BoF at Coscup 2009MozTW BoF at Coscup 2009
MozTW BoF at Coscup 2009
 
Ubuntu 9.10 Party Tainan - small talk
Ubuntu 9.10 Party Tainan - small talkUbuntu 9.10 Party Tainan - small talk
Ubuntu 9.10 Party Tainan - small talk
 
Ideas into Action (Santa Clara Edition)
Ideas into Action (Santa Clara Edition)Ideas into Action (Santa Clara Edition)
Ideas into Action (Santa Clara Edition)
 
Project Management as an Art Form
Project Management as an Art FormProject Management as an Art Form
Project Management as an Art Form
 
Mozilla 開放秘辛 Feat. MozTW 開放秘辛
Mozilla 開放秘辛 Feat. MozTW 開放秘辛Mozilla 開放秘辛 Feat. MozTW 開放秘辛
Mozilla 開放秘辛 Feat. MozTW 開放秘辛
 
Mozilla not only...
Mozilla not only...Mozilla not only...
Mozilla not only...
 
TOP15 - FireGestures
TOP15 - FireGesturesTOP15 - FireGestures
TOP15 - FireGestures
 
Diasopra - 開放原始碼的太空飛行遊戲
Diasopra - 開放原始碼的太空飛行遊戲Diasopra - 開放原始碼的太空飛行遊戲
Diasopra - 開放原始碼的太空飛行遊戲
 
Firefox x Ubuntu 12(.04) Release Party
Firefox x Ubuntu 12(.04) Release PartyFirefox x Ubuntu 12(.04) Release Party
Firefox x Ubuntu 12(.04) Release Party
 
Events of Mozilla Taiwan Community
: Challenges, evolutions, and survivals in...
Events of Mozilla Taiwan Community
: Challenges, evolutions, and survivals in...Events of Mozilla Taiwan Community
: Challenges, evolutions, and survivals in...
Events of Mozilla Taiwan Community
: Challenges, evolutions, and survivals in...
 
瀏覽器考古
瀏覽器考古瀏覽器考古
瀏覽器考古
 
Moztory 摩茲老人來講古
Moztory 摩茲老人來講古Moztory 摩茲老人來講古
Moztory 摩茲老人來講古
 
Translation Process for SUMO New Website (zh_TW)
Translation Process for SUMO New Website (zh_TW)Translation Process for SUMO New Website (zh_TW)
Translation Process for SUMO New Website (zh_TW)
 
MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012
 
Drupalcamp Taipei 2012 說明會
Drupalcamp Taipei 2012 說明會Drupalcamp Taipei 2012 說明會
Drupalcamp Taipei 2012 說明會
 
MozTW 軟體自由日 2015
MozTW 軟體自由日 2015MozTW 軟體自由日 2015
MozTW 軟體自由日 2015
 
Oppose the web censorship bill - What we have done in Taiwan as a local Mozil...
Oppose the web censorship bill - What we have done in Taiwan as a local Mozil...Oppose the web censorship bill - What we have done in Taiwan as a local Mozil...
Oppose the web censorship bill - What we have done in Taiwan as a local Mozil...
 
Addon sdk content scripts
Addon sdk content scriptsAddon sdk content scripts
Addon sdk content scripts
 
Firefox OS Add-on in 10 minutes
Firefox OS Add-on in 10 minutesFirefox OS Add-on in 10 minutes
Firefox OS Add-on in 10 minutes
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 Events
 

Similar to COSCUP Jetpack Lighting Talk

High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)
Nicholas Zakas
 

Similar to COSCUP Jetpack Lighting Talk (20)

Enterprise AIR Development for JavaScript Developers
Enterprise AIR Development for JavaScript DevelopersEnterprise AIR Development for JavaScript Developers
Enterprise AIR Development for JavaScript Developers
 
Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
Accelerated Adoption: HTML5 and CSS3 for ASP.NET DevelopersAccelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers
 
HTML5 Introduction
HTML5 IntroductionHTML5 Introduction
HTML5 Introduction
 
High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)
 
Teflon - Anti Stick for the browser attack surface
Teflon - Anti Stick for the browser attack surfaceTeflon - Anti Stick for the browser attack surface
Teflon - Anti Stick for the browser attack surface
 
Web::Scraper
Web::ScraperWeb::Scraper
Web::Scraper
 
Clustering Made Easier: Using Terracotta with Hibernate and/or EHCache
Clustering Made Easier: Using Terracotta with Hibernate and/or EHCacheClustering Made Easier: Using Terracotta with Hibernate and/or EHCache
Clustering Made Easier: Using Terracotta with Hibernate and/or EHCache
 
High Performance JavaScript 2011
High Performance JavaScript 2011High Performance JavaScript 2011
High Performance JavaScript 2011
 
From jQuery to App Store in 30 Minutes
From jQuery to App Store in 30 MinutesFrom jQuery to App Store in 30 Minutes
From jQuery to App Store in 30 Minutes
 
Searching the Now
Searching the NowSearching the Now
Searching the Now
 
Ajax to the Moon
Ajax to the MoonAjax to the Moon
Ajax to the Moon
 
J Query Presentation
J Query PresentationJ Query Presentation
J Query Presentation
 
非同期処理の通知処理 with Tatsumaki
非同期処理の通知処理 with Tatsumaki非同期処理の通知処理 with Tatsumaki
非同期処理の通知処理 with Tatsumaki
 
dJango
dJangodJango
dJango
 
Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02
Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02
Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02
 
Looking into HTML5
Looking into HTML5Looking into HTML5
Looking into HTML5
 
JAva Script Toolkit
JAva Script ToolkitJAva Script Toolkit
JAva Script Toolkit
 
jQuery and_drupal
jQuery and_drupaljQuery and_drupal
jQuery and_drupal
 
Grails and Dojo
Grails and DojoGrails and Dojo
Grails and Dojo
 
Mozilla Firefox Extension Development, Course 1: Basic
Mozilla Firefox Extension Development, Course 1: BasicMozilla Firefox Extension Development, Course 1: Basic
Mozilla Firefox Extension Development, Course 1: Basic
 

More from littlebtc (11)

FURP12-Snappy
FURP12-SnappyFURP12-Snappy
FURP12-Snappy
 
寫給大家的 Git 教學
寫給大家的 Git 教學寫給大家的 Git 教學
寫給大家的 Git 教學
 
Jetpack SDK: The new possibility of the extensions on browser
Jetpack SDK: The new possibility of the extensions on browserJetpack SDK: The new possibility of the extensions on browser
Jetpack SDK: The new possibility of the extensions on browser
 
MozTW Jetpack Workshop: Taichung
MozTW Jetpack Workshop: TaichungMozTW Jetpack Workshop: Taichung
MozTW Jetpack Workshop: Taichung
 
MozTW Jetpack Workshop: Taipei
MozTW Jetpack Workshop: TaipeiMozTW Jetpack Workshop: Taipei
MozTW Jetpack Workshop: Taipei
 
Jetpack and Jetpack Reboot
Jetpack and Jetpack RebootJetpack and Jetpack Reboot
Jetpack and Jetpack Reboot
 
090807social
090807social090807social
090807social
 
MoZH propose
MoZH proposeMoZH propose
MoZH propose
 
Ext 0523
Ext 0523Ext 0523
Ext 0523
 
MozTW YZU CSE Lecture
MozTW YZU CSE LectureMozTW YZU CSE Lecture
MozTW YZU CSE Lecture
 
Something about Wikipedia
Something about WikipediaSomething about Wikipedia
Something about Wikipedia
 

Recently uploaded

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 

COSCUP Jetpack Lighting Talk

  • 1. Lighting talk:Jetpack「五分鐘帶你的火狐(搭火箭)上雲端」 Hsiao-Ting Yu "Littlebtc" 尤孝庭 " 笨笨的小B"
  • 2. Who I am? NTUEE Undergrad and NicoFoxDeveloper (logo by plurk.com/tdk4)
  • 3. What is Jetpack? Add-on by Mozilla Labs HTML5 & Ajax & CSS powered Fast & Easy Development
  • 4. Fast? Easy? Powerful API (Storage, Clipboard, Sound Recording…) Live preview and Firebug integration One-click install without restart
  • 5. Try it out! Go about:jetpack Click "Develop" Tab Typejetpack.statusBar.append({ html: '<b>Jetpack Rocks!</b>',onReady: function(doc) { $(doc).click(function() {$('b', this).text('Good!');}); }});
  • 6. Harder work A Very Simple Plurk unread checker with Jetpack (Made in < 30 minutes)
  • 7. Find Current Useful Code Jetpack Official Example: Email Checkerhttps://jetpack.mozillalabs.com/demos/gmail-checker.js A Gmail Checker with only 75 lines 1
  • 8. Modify the code to meet Plurk Less than 20minutes to test & debug Result: < 60 Lines 2
  • 9. 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
  • 10. Never Live Demo! http://littleb.tc/demo/coscup
  • 11. 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