SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

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.ioDonald Derek Haddad
 
Profiling PHP with Xdebug / Webgrind
Profiling PHP with Xdebug / WebgrindProfiling PHP with Xdebug / Webgrind
Profiling PHP with Xdebug / WebgrindSam Keen
 
The Shape of Speed
The Shape of SpeedThe Shape of Speed
The Shape of SpeedOliver Tse
 
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 workshopleffen
 
Front-end development automation with Grunt
Front-end development automation with GruntFront-end development automation with Grunt
Front-end development automation with Gruntbenko
 
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 deploymentCaesar Chi
 
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...Baruch Sadogursky
 
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...Dylan Jay
 
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)Ricardo Castelhano
 
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-cliGetSource
 
Funnelweb ploneconf2010
Funnelweb ploneconf2010Funnelweb ploneconf2010
Funnelweb ploneconf2010Dylan Jay
 
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 PaaSCaesar Chi
 
Continuous integration with Git & CI Joe
Continuous integration with Git & CI JoeContinuous integration with Git & CI Joe
Continuous integration with Git & CI JoeShawn Price
 
Grunt training deck
Grunt training deckGrunt training deck
Grunt training deckJames Ford
 
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 frameworkCaesar Chi
 

Tendances (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
 

En vedette

MozTW BoF at Coscup 2009
MozTW BoF at Coscup 2009MozTW BoF at Coscup 2009
MozTW BoF at Coscup 2009Irvin Chen
 
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 talkIrvin Chen
 
Ideas into Action (Santa Clara Edition)
Ideas into Action (Santa Clara Edition)Ideas into Action (Santa Clara Edition)
Ideas into Action (Santa Clara Edition)Ernest Chiang
 
Project Management as an Art Form
Project Management as an Art FormProject Management as an Art Form
Project Management as an Art FormTreehouse Agency
 
Mozilla 開放秘辛 Feat. MozTW 開放秘辛
Mozilla 開放秘辛 Feat. MozTW 開放秘辛Mozilla 開放秘辛 Feat. MozTW 開放秘辛
Mozilla 開放秘辛 Feat. MozTW 開放秘辛Irvin Chen
 
Mozilla not only...
Mozilla not only...Mozilla not only...
Mozilla not only...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 PartyIrvin Chen
 
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...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 2012Ernest Chiang
 
Drupalcamp Taipei 2012 說明會
Drupalcamp Taipei 2012 說明會Drupalcamp Taipei 2012 說明會
Drupalcamp Taipei 2012 說明會Chris Wu
 
MozTW 軟體自由日 2015
MozTW 軟體自由日 2015MozTW 軟體自由日 2015
MozTW 軟體自由日 2015Irvin Chen
 
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...Irvin Chen
 
Addon sdk content scripts
Addon sdk content scriptsAddon sdk content scripts
Addon sdk content scriptsIrvin Chen
 
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 minutesBob Chao
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsBob Chao
 

En vedette (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
 

Similaire à COSCUP Jetpack Lighting Talk

Enterprise AIR Development for JavaScript Developers
Enterprise AIR Development for JavaScript DevelopersEnterprise AIR Development for JavaScript Developers
Enterprise AIR Development for JavaScript DevelopersAndreCharland
 
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 DevelopersTodd Anglin
 
HTML5 Introduction
HTML5 IntroductionHTML5 Introduction
HTML5 Introductionbeforeach
 
High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)Nicholas Zakas
 
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 surfaceSaumil Shah
 
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 EHCacheCris Holdorph
 
High Performance JavaScript 2011
High Performance JavaScript 2011High Performance JavaScript 2011
High Performance JavaScript 2011Nicholas Zakas
 
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 Minutesedill3484
 
Searching the Now
Searching the NowSearching the Now
Searching the Nowlucasjosh
 
Ajax to the Moon
Ajax to the MoonAjax to the Moon
Ajax to the Moondavejohnson
 
J Query Presentation
J Query PresentationJ Query Presentation
J Query PresentationVishal Kumar
 
非同期処理の通知処理 with Tatsumaki
非同期処理の通知処理 with Tatsumaki非同期処理の通知処理 with Tatsumaki
非同期処理の通知処理 with Tatsumakikeroyonn
 
Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02
Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02
Jqueryforbeginnersjqueryconference2009 090914063709 Phpapp02careersblog
 
jQuery and_drupal
jQuery and_drupaljQuery and_drupal
jQuery and_drupalBlackCatWeb
 
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: Basiclittlebtc
 

Similaire à 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
 

Plus de littlebtc

FURP12-Snappy
FURP12-SnappyFURP12-Snappy
FURP12-Snappylittlebtc
 
寫給大家的 Git 教學
寫給大家的 Git 教學寫給大家的 Git 教學
寫給大家的 Git 教學littlebtc
 
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 browserlittlebtc
 
MozTW Jetpack Workshop: Taichung
MozTW Jetpack Workshop: TaichungMozTW Jetpack Workshop: Taichung
MozTW Jetpack Workshop: Taichunglittlebtc
 
MozTW Jetpack Workshop: Taipei
MozTW Jetpack Workshop: TaipeiMozTW Jetpack Workshop: Taipei
MozTW Jetpack Workshop: Taipeilittlebtc
 
Jetpack and Jetpack Reboot
Jetpack and Jetpack RebootJetpack and Jetpack Reboot
Jetpack and Jetpack Rebootlittlebtc
 
090807social
090807social090807social
090807sociallittlebtc
 
MoZH propose
MoZH proposeMoZH propose
MoZH proposelittlebtc
 
MozTW YZU CSE Lecture
MozTW YZU CSE LectureMozTW YZU CSE Lecture
MozTW YZU CSE Lecturelittlebtc
 
Something about Wikipedia
Something about WikipediaSomething about Wikipedia
Something about Wikipedialittlebtc
 

Plus de 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
 

Dernier

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
[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.pdfhans926745
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
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...Miguel Araújo
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
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 DevelopmentsTrustArc
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 

Dernier (20)

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
[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
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
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...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
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
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 

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