SlideShare une entreprise Scribd logo
1  sur  12
Télécharger pour lire hors ligne
JetPlurk: from Firefox JetPack ext. to iOS,
     without changing a single line.
Build Mobile Apps by HTML, JS & CSS w. PhoneGap



                  Positronic Lab
                  twolights & Irvin


                                      jetplurk   poslab
We love Plurk
We want to Plurk anytime
   even when playing PacMan.
Thus we create JetPlurk α
  Firefox JetPack Prototype extension,
  cc: by-sa-2.5 tw, github.com/irvin/JetPlurk
How about Plurk on the go?
Photo by WildKiter, cc: by-nc-sa 2.0, http://www.flickr.com/photos/wildkiter/2548189751/




            I’m lazy
   I learn HTML, CSS & JavaScript,
iDon’t want to learn Objective-C more.
We need to make $
   There’re years of iPhone data plan to be paid,
we need to build native apps and put it on the shelf,
          before we starve to death Orz...
Porting JetPlurk to iOS without
changing a single line, can we?
The MIT License
Build native mobile application with
     HTML + CSS + Javascript

    Capable for iOS, Android, Palm,
BlackBerry, Windows Mobile & Symbian
Time for LIVE DEMO!
http://github.com/irvin/JetPlurk-lighting
Positronic Lab
http://jetplurk.poslab.info



                              “Building iPhone Apps with
                              HTML, CSS and Javascript”
                                        by Jonathan Stark

Contenu connexe

Tendances

Cross-Device Native Apps with Ionic
Cross-Device Native Apps with IonicCross-Device Native Apps with Ionic
Cross-Device Native Apps with IonicMatthew Sital-Singh
 
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran BurojevicInfinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran BurojevicInfinum
 
Story of A Thousand Birds
Story of A Thousand BirdsStory of A Thousand Birds
Story of A Thousand BirdsLim Chee Aun
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Brian LeRoux
 
Cordova and PhoneGap Insights
Cordova and PhoneGap InsightsCordova and PhoneGap Insights
Cordova and PhoneGap InsightsMonaca
 
Hacking with the Raspberry Pi and Windows 10 IoT Core
Hacking with the Raspberry Pi and Windows 10 IoT CoreHacking with the Raspberry Pi and Windows 10 IoT Core
Hacking with the Raspberry Pi and Windows 10 IoT CoreNick Landry
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapQuang Minh Dao
 
Refactor Me presentation
Refactor Me presentationRefactor Me presentation
Refactor Me presentationJustin Smestad
 
Appcelerator Overview
Appcelerator OverviewAppcelerator Overview
Appcelerator OverviewJeff Haynie
 

Tendances (10)

iOS 7 Beginner Workshop
iOS 7 Beginner WorkshopiOS 7 Beginner Workshop
iOS 7 Beginner Workshop
 
Cross-Device Native Apps with Ionic
Cross-Device Native Apps with IonicCross-Device Native Apps with Ionic
Cross-Device Native Apps with Ionic
 
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran BurojevicInfinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
Infinum iOS Talks #1 - Becoming an iOS developer swiftly by Vedran Burojevic
 
Story of A Thousand Birds
Story of A Thousand BirdsStory of A Thousand Birds
Story of A Thousand Birds
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011
 
Cordova and PhoneGap Insights
Cordova and PhoneGap InsightsCordova and PhoneGap Insights
Cordova and PhoneGap Insights
 
Hacking with the Raspberry Pi and Windows 10 IoT Core
Hacking with the Raspberry Pi and Windows 10 IoT CoreHacking with the Raspberry Pi and Windows 10 IoT Core
Hacking with the Raspberry Pi and Windows 10 IoT Core
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
Refactor Me presentation
Refactor Me presentationRefactor Me presentation
Refactor Me presentation
 
Appcelerator Overview
Appcelerator OverviewAppcelerator Overview
Appcelerator Overview
 

En vedette

An Introduction to Firefox (大葉大學)
An Introduction to Firefox (大葉大學)An Introduction to Firefox (大葉大學)
An Introduction to Firefox (大葉大學)Irvin Chen
 
火狐 Firefox & Google 搜索
火狐 Firefox & Google 搜索火狐 Firefox & Google 搜索
火狐 Firefox & Google 搜索Irvin Chen
 
Fedora & Firefox! FF18 小聚
Fedora & Firefox! FF18 小聚Fedora & Firefox! FF18 小聚
Fedora & Firefox! FF18 小聚Irvin Chen
 
MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012Ernest Chiang
 
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
 
KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益
KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益
KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益ericpi Bi
 
20121124 青平台od#2 當地圖不再只是地圖時
20121124 青平台od#2 當地圖不再只是地圖時20121124 青平台od#2 當地圖不再只是地圖時
20121124 青平台od#2 當地圖不再只是地圖時Dongpo Deng
 
A brief Introduction to AngularJS
A brief Introduction to AngularJS A brief Introduction to AngularJS
A brief Introduction to AngularJS Kuang-Che Liu
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsBob Chao
 

En vedette (10)

Modificando authz file
Modificando authz fileModificando authz file
Modificando authz file
 
An Introduction to Firefox (大葉大學)
An Introduction to Firefox (大葉大學)An Introduction to Firefox (大葉大學)
An Introduction to Firefox (大葉大學)
 
火狐 Firefox & Google 搜索
火狐 Firefox & Google 搜索火狐 Firefox & Google 搜索
火狐 Firefox & Google 搜索
 
Fedora & Firefox! FF18 小聚
Fedora & Firefox! FF18 小聚Fedora & Firefox! FF18 小聚
Fedora & Firefox! FF18 小聚
 
MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012MozTW SUMO Introduction 2012
MozTW SUMO Introduction 2012
 
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
 
KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益
KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益
KSDG web course #1 - git: 從零開始 - 如何利用版本控制提升網站開發團隊效益
 
20121124 青平台od#2 當地圖不再只是地圖時
20121124 青平台od#2 當地圖不再只是地圖時20121124 青平台od#2 當地圖不再只是地圖時
20121124 青平台od#2 當地圖不再只是地圖時
 
A brief Introduction to AngularJS
A brief Introduction to AngularJS A brief Introduction to AngularJS
A brief Introduction to AngularJS
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 Events
 

Similaire à Jetplurk Coscup Lighting Talk

Smau milano 2012 arena social media emanuele-bolognesi
Smau milano 2012   arena social media emanuele-bolognesiSmau milano 2012   arena social media emanuele-bolognesi
Smau milano 2012 arena social media emanuele-bolognesiSMAU
 
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...Burin Asavesna
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .netChris Love
 
Brian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapBrian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapAjax Experience 2009
 
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildSkip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildTerry Ryan
 
Appcelerator Titanium Intro
Appcelerator Titanium IntroAppcelerator Titanium Intro
Appcelerator Titanium IntroNicholas Jansma
 
Pythonistaの使い方
Pythonistaの使い方Pythonistaの使い方
Pythonistaの使い方Yusuke Muraoka
 
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...Matt Raible
 
Ionic adventures - Hybrid Mobile App Development rocks
Ionic adventures - Hybrid Mobile App Development rocksIonic adventures - Hybrid Mobile App Development rocks
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
 
Intro to Mobile Development for Web iOS and Android
Intro to Mobile Development for Web iOS and AndroidIntro to Mobile Development for Web iOS and Android
Intro to Mobile Development for Web iOS and AndroidSendGrid
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGapRaymond Camden
 
Lo mejor y peor de React Native @ValenciaJS
Lo mejor y peor de React Native @ValenciaJSLo mejor y peor de React Native @ValenciaJS
Lo mejor y peor de React Native @ValenciaJSMarcel Kalveram
 
First Steps in iOS Development
First Steps in iOS DevelopmentFirst Steps in iOS Development
First Steps in iOS DevelopmentSasha Goldshtein
 
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application DevelopmentIonic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application DevelopmentJustin James
 

Similaire à Jetplurk Coscup Lighting Talk (20)

Smau milano 2012 arena social media emanuele-bolognesi
Smau milano 2012   arena social media emanuele-bolognesiSmau milano 2012   arena social media emanuele-bolognesi
Smau milano 2012 arena social media emanuele-bolognesi
 
Mobile html5 v2
Mobile html5 v2Mobile html5 v2
Mobile html5 v2
 
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
Automating Your Way out of the Dark Ages: Our Experience with (And Without) P...
 
Iphone Dev
Iphone DevIphone Dev
Iphone Dev
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .net
 
Brian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone GapBrian Le Roux Presentation Introducing Phone Gap
Brian Le Roux Presentation Introducing Phone Gap
 
Best resume ever!!!
Best resume ever!!!Best resume ever!!!
Best resume ever!!!
 
Corona SDK For Fun and Profit
Corona SDK For Fun and ProfitCorona SDK For Fun and Profit
Corona SDK For Fun and Profit
 
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildSkip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
 
Appcelerator Titanium Intro
Appcelerator Titanium IntroAppcelerator Titanium Intro
Appcelerator Titanium Intro
 
Pythonistaの使い方
Pythonistaの使い方Pythonistaの使い方
Pythonistaの使い方
 
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...
 
Ionic adventures - Hybrid Mobile App Development rocks
Ionic adventures - Hybrid Mobile App Development rocksIonic adventures - Hybrid Mobile App Development rocks
Ionic adventures - Hybrid Mobile App Development rocks
 
Intro to Mobile Development for Web iOS and Android
Intro to Mobile Development for Web iOS and AndroidIntro to Mobile Development for Web iOS and Android
Intro to Mobile Development for Web iOS and Android
 
Introduction to PhoneGap
Introduction to PhoneGapIntroduction to PhoneGap
Introduction to PhoneGap
 
Native vs. Web App
Native vs. Web AppNative vs. Web App
Native vs. Web App
 
Titanium Mobile Intro
Titanium Mobile IntroTitanium Mobile Intro
Titanium Mobile Intro
 
Lo mejor y peor de React Native @ValenciaJS
Lo mejor y peor de React Native @ValenciaJSLo mejor y peor de React Native @ValenciaJS
Lo mejor y peor de React Native @ValenciaJS
 
First Steps in iOS Development
First Steps in iOS DevelopmentFirst Steps in iOS Development
First Steps in iOS Development
 
Ionic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application DevelopmentIonic - Revolutionizing Hybrid Mobile Application Development
Ionic - Revolutionizing Hybrid Mobile Application Development
 

Plus de Irvin Chen

Community Space Taipei - status report - 2023 H1
Community Space Taipei - status report - 2023 H1Community Space Taipei - status report - 2023 H1
Community Space Taipei - status report - 2023 H1Irvin Chen
 
什麼是開放文化?
什麼是開放文化?什麼是開放文化?
什麼是開放文化?Irvin Chen
 
My Mozilla Contributing Journey - 2023
My Mozilla Contributing Journey - 2023My Mozilla Contributing Journey - 2023
My Mozilla Contributing Journey - 2023Irvin Chen
 
Mozilla Community Space Taipei - status report - 201905
 Mozilla Community Space Taipei - status report - 201905 Mozilla Community Space Taipei - status report - 201905
Mozilla Community Space Taipei - status report - 201905Irvin Chen
 
聽說政府釋出了400小時語音資料
聽說政府釋出了400小時語音資料聽說政府釋出了400小時語音資料
聽說政府釋出了400小時語音資料Irvin Chen
 
Internet Health Report 2018
Internet Health Report 2018Internet Health Report 2018
Internet Health Report 2018Irvin Chen
 
創用 CC 開放授權快速上手 / CC & 3D列印
創用 CC 開放授權快速上手 / CC & 3D列印創用 CC 開放授權快速上手 / CC & 3D列印
創用 CC 開放授權快速上手 / CC & 3D列印Irvin Chen
 
Mozilla Community Space Taipei - status report - 201706
Mozilla Community Space Taipei - status report - 201706Mozilla Community Space Taipei - status report - 201706
Mozilla Community Space Taipei - status report - 201706Irvin Chen
 
Mozilla Community Space Taipei - Status Report 201702
Mozilla Community Space Taipei - Status Report 201702Mozilla Community Space Taipei - Status Report 201702
Mozilla Community Space Taipei - Status Report 201702Irvin Chen
 
Mozilla Community Space Taipei - Status Report - 201609
Mozilla Community Space Taipei - Status Report - 201609Mozilla Community Space Taipei - Status Report - 201609
Mozilla Community Space Taipei - Status Report - 201609Irvin Chen
 
Take back the web - Cheng Kung University team review
Take back the web - Cheng Kung University team reviewTake back the web - Cheng Kung University team review
Take back the web - Cheng Kung University team reviewIrvin Chen
 
My Mozilla Contributing Journey
My Mozilla Contributing JourneyMy Mozilla Contributing Journey
My Mozilla Contributing JourneyIrvin Chen
 
William is our Dinosaur
William is our DinosaurWilliam is our Dinosaur
William is our DinosaurIrvin Chen
 
MozTW 軟體自由日 2015
MozTW 軟體自由日 2015MozTW 軟體自由日 2015
MozTW 軟體自由日 2015Irvin Chen
 
用 GA 來查點什麼 - 4 項數據查詢與實作
用 GA 來查點什麼 - 4 項數據查詢與實作用 GA 來查點什麼 - 4 項數據查詢與實作
用 GA 來查點什麼 - 4 項數據查詢與實作Irvin Chen
 
用 GA 來看些什麼 - 7 組監控網站效益的數據
用 GA 來看些什麼 - 7 組監控網站效益的數據用 GA 來看些什麼 - 7 組監控網站效益的數據
用 GA 來看些什麼 - 7 組監控網站效益的數據Irvin Chen
 
Webmaker + Workshop @HKOSCon 2015
Webmaker + Workshop @HKOSCon 2015Webmaker + Workshop @HKOSCon 2015
Webmaker + Workshop @HKOSCon 2015Irvin Chen
 
How does Mozilla community recruiting & on-boarding?
How does Mozilla community recruiting & on-boarding?How does Mozilla community recruiting & on-boarding?
How does Mozilla community recruiting & on-boarding?Irvin Chen
 
我在 womany 的 GA 實戰
我在 womany 的 GA 實戰我在 womany 的 GA 實戰
我在 womany 的 GA 實戰Irvin Chen
 

Plus de Irvin Chen (20)

Community Space Taipei - status report - 2023 H1
Community Space Taipei - status report - 2023 H1Community Space Taipei - status report - 2023 H1
Community Space Taipei - status report - 2023 H1
 
什麼是開放文化?
什麼是開放文化?什麼是開放文化?
什麼是開放文化?
 
My Mozilla Contributing Journey - 2023
My Mozilla Contributing Journey - 2023My Mozilla Contributing Journey - 2023
My Mozilla Contributing Journey - 2023
 
Mozilla Community Space Taipei - status report - 201905
 Mozilla Community Space Taipei - status report - 201905 Mozilla Community Space Taipei - status report - 201905
Mozilla Community Space Taipei - status report - 201905
 
聽說政府釋出了400小時語音資料
聽說政府釋出了400小時語音資料聽說政府釋出了400小時語音資料
聽說政府釋出了400小時語音資料
 
Internet Health Report 2018
Internet Health Report 2018Internet Health Report 2018
Internet Health Report 2018
 
創用 CC 開放授權快速上手 / CC & 3D列印
創用 CC 開放授權快速上手 / CC & 3D列印創用 CC 開放授權快速上手 / CC & 3D列印
創用 CC 開放授權快速上手 / CC & 3D列印
 
Mozilla Community Space Taipei - status report - 201706
Mozilla Community Space Taipei - status report - 201706Mozilla Community Space Taipei - status report - 201706
Mozilla Community Space Taipei - status report - 201706
 
Mozilla Community Space Taipei - Status Report 201702
Mozilla Community Space Taipei - Status Report 201702Mozilla Community Space Taipei - Status Report 201702
Mozilla Community Space Taipei - Status Report 201702
 
Mozilla Community Space Taipei - Status Report - 201609
Mozilla Community Space Taipei - Status Report - 201609Mozilla Community Space Taipei - Status Report - 201609
Mozilla Community Space Taipei - Status Report - 201609
 
Take back the web - Cheng Kung University team review
Take back the web - Cheng Kung University team reviewTake back the web - Cheng Kung University team review
Take back the web - Cheng Kung University team review
 
My Mozilla Contributing Journey
My Mozilla Contributing JourneyMy Mozilla Contributing Journey
My Mozilla Contributing Journey
 
William is our Dinosaur
William is our DinosaurWilliam is our Dinosaur
William is our Dinosaur
 
MozTW 軟體自由日 2015
MozTW 軟體自由日 2015MozTW 軟體自由日 2015
MozTW 軟體自由日 2015
 
用 GA 來查點什麼 - 4 項數據查詢與實作
用 GA 來查點什麼 - 4 項數據查詢與實作用 GA 來查點什麼 - 4 項數據查詢與實作
用 GA 來查點什麼 - 4 項數據查詢與實作
 
用 GA 來看些什麼 - 7 組監控網站效益的數據
用 GA 來看些什麼 - 7 組監控網站效益的數據用 GA 來看些什麼 - 7 組監控網站效益的數據
用 GA 來看些什麼 - 7 組監控網站效益的數據
 
Webmaker + Workshop @HKOSCon 2015
Webmaker + Workshop @HKOSCon 2015Webmaker + Workshop @HKOSCon 2015
Webmaker + Workshop @HKOSCon 2015
 
How does Mozilla community recruiting & on-boarding?
How does Mozilla community recruiting & on-boarding?How does Mozilla community recruiting & on-boarding?
How does Mozilla community recruiting & on-boarding?
 
我在 womany 的 GA 實戰
我在 womany 的 GA 實戰我在 womany 的 GA 實戰
我在 womany 的 GA 實戰
 
MozFest 2014
MozFest 2014MozFest 2014
MozFest 2014
 

Jetplurk Coscup Lighting Talk

  • 1. JetPlurk: from Firefox JetPack ext. to iOS, without changing a single line. Build Mobile Apps by HTML, JS & CSS w. PhoneGap Positronic Lab twolights & Irvin jetplurk poslab
  • 3. We want to Plurk anytime even when playing PacMan.
  • 4. Thus we create JetPlurk α Firefox JetPack Prototype extension, cc: by-sa-2.5 tw, github.com/irvin/JetPlurk
  • 5. How about Plurk on the go?
  • 6. Photo by WildKiter, cc: by-nc-sa 2.0, http://www.flickr.com/photos/wildkiter/2548189751/ I’m lazy I learn HTML, CSS & JavaScript, iDon’t want to learn Objective-C more.
  • 7. We need to make $ There’re years of iPhone data plan to be paid, we need to build native apps and put it on the shelf, before we starve to death Orz...
  • 8. Porting JetPlurk to iOS without changing a single line, can we?
  • 10. Build native mobile application with HTML + CSS + Javascript Capable for iOS, Android, Palm, BlackBerry, Windows Mobile & Symbian
  • 11. Time for LIVE DEMO! http://github.com/irvin/JetPlurk-lighting
  • 12. Positronic Lab http://jetplurk.poslab.info “Building iPhone Apps with HTML, CSS and Javascript” by Jonathan Stark