Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
First Firefox OS dev
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
@hotchemi
August 28, 2013
Programming
0
4.3k
First Firefox OS dev
関東Firefox OS勉強会 3rd ごった煮
@hotchemi
August 28, 2013
Tweet
Share
More Decks by @hotchemi
See All by @hotchemi
kompile-testing internal
hotchemi
0
280
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
5.4k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
8.1k
Type-Safe i18n on RN
hotchemi
2
1.2k
Navigation in a hybrid app
hotchemi
3
1.3k
PermissionsDispatcher × Kotlin
hotchemi
0
3.3k
kotlin compiler plugin
hotchemi
1
780
Rx and Preferences
hotchemi
2
160
Introducing PermissionsDispatcher
hotchemi
1
160
Other Decks in Programming
See All in Programming
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
560
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
haochenx
0
140
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
CSC307 Lecture 07
javiergs
PRO
0
550
CSC307 Lecture 05
javiergs
PRO
0
500
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.5k
Apache Iceberg V3 and migration to V3
tomtanaka
0
160
Smart Handoff/Pickup ガイド - Claude Code セッション管理
yukiigarashi
0
130
AI巻き込み型コードレビューのススメ
nealle
1
170
高速開発のためのコード整理術
sutetotanuki
1
400
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2.3k
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
690
Featured
See All Featured
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
56
Paper Plane
katiecoart
PRO
0
46k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
240
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
75
Raft: Consensus for Rubyists
vanstee
141
7.3k
Statistics for Hackers
jakevdp
799
230k
For a Future-Friendly Web
brad_frost
182
10k
Practical Orchestrator
shlominoach
191
11k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
110
How to Ace a Technical Interview
jacobian
281
24k
Faster Mobile Websites
deanohume
310
31k
Transcript
'JSTU'JSFGPY04EFW ؔ౦Firefox OSษڧձ 3rd @hotchemi
Agenda - ࣗݾհ - Firefox OSͷ͖ͳॴ - ΞϓϦհ/Demo - ։ൃॴײ
- ·ͱΊ ※؆୯ͳΞϓϦ։ൃΛܦͯಘͨؾ͖Λ͓͠·͢
Agenda - ࣗݾհ - Firefox OSͷ͖ͳॴ - ΞϓϦհ/Demo - ։ൃॴײ
- ·ͱΊ
Shintaro Katafuchi ŋ Programmer at TIS ŋ Twitter/GitHub: @hotchemi ŋ
Blog: ΪʔΫʹಌΕͯ
- ۀɿϕϯμʔϩοΫΠϯతۚ༥։ൃ - झຯͰNode.jsͱ͔δϟόͱ͔ - ϞόΠϧ։ൃܦݧŋAndroidΛগʑ - KEONPEAKZTE Open࣋ͬͯͳ͍…orz ࣗݾհ
Agenda - ࣗݾհ - Firefox OSͷ͖ͳॴ - ΞϓϦ։ൃ/Demo - ։ൃॴײ
- ·ͱΊ
Firefox OSͷ͖ͳॴ - ϕϯμʔʹϩοΫΠϯ͞Εͳ͍ - ϚʔέςΟϯάʹޭͯ͠ΔͬΆ͍ - ։ൃڥ͕͍ܰŊΤσΟλࣗ༝ - શ෦Webϑϩϯτٕज़Ͱॻ͚͍ͯܿ
Agenda - ࣗݾհ - Firefox OSͷ͖ͳॴ - ΞϓϦհ/Demo - ։ൃॴײ
- ·ͱΊ
ΞϓϦ࡞ͬͯΈ·ͨ͠
Pío - Α͋͘ΔTweetઐ༻ΞϓϦ - type: privileged(ύοέʔδܕ) - ༻API: geologication, Web
Activities(pick) - Firefox OS Simulation 4.0ͱWebStormͰ։ൃ - https://marketplace.firefox.com/app/p%C3%ADo/ - https://github.com/hotchemi/Pio
Demo
Agenda - ࣗݾհ - Firefox OSͷ͖ͳॴ - ΞϓϦ։ൃ/Demo - ։ൃॴײ
- ·ͱΊ
Template - FxOS StubΛ༻ - Minimal application template - 3छྨ͔ΒબΔ
- Building Blocksϕʔε - http://jaxo.github.io/fxosstub/docs
OAuth - manifest.webappͷpermissionsʹsystemXHRΛઃఆ - ΞϓϦέʔγϣϯͷtypeΛprivilegedʹ
jsOAuth - ࠓճjsOAuthΛ༻ - XMLHttpRequestΦϒδΣΫτΛΠϯελϯεԽ͢ΔࡍͷҾ ʹ{mozSystem: true}Λ͢
Web API (geolocation) - Firefox osݻ༗Ͱͳ͘Mozillaඪ४ͷWeb API - manifest.webappͷpermissionsʹgeolocationΛઃఆ -
geolocation APIΛ༻ͯ͠ݱࡏใΛऔಘ - navigator.geolocationͰΞΫηεՄೳ
Web Activities - WebAPIͷҰͭŇWebੈքʹ͓͚ΔΞϓϦ࿈ܞͷΈ - AndroidͷIntentͷ༷ͳͷ - nameʹpickŊconfigureŊdialͳͲΛઃఆͰ͖Δ - https://developer.mozilla.org/ja/docs/WebAPI/Web_Activities
- ը૾औಘͷαϯϓϧ
Marketਃ - zipϑΝΠϧΛΞοϓϩʔυ͢ΔŇ͜ͷ࣌ʹ.gitͱ͔͕ೖͬ ͯΔͱόϦσʔγϣϯͰҾ͔͔ͬΔͷͰඞཁͳͷ͚ͩ - Privacy PolicyΛॻ͘ͷ͕໘ŇదʹίϐͬͨŇ - ΞϓϦͷਃʹ݁ߏ͕͔͔࣌ؒΔŇ େମ6~7Ň
Agenda - ࣗݾհ - Firefox OSͷ͖ͳॴ - ΞϓϦ։ൃ/Demo - ։ൃॴײ
- ·ͱΊ
·ͱΊ - Píoͱ͍͏ΞϓϦΛ࡞ͬͯΈͨΑ - Firefox OS։ൃऀʹ༏͍͠(૬ରత) - ϩδοΫαʔόʹམͱͨ͠ํ͕ྑ͍ - Building
BlocksCSSྗͳ͍ͱͪΐͬͱ… - ΞϓϦͷ৹͕͔͔ࠪ࣌ؒΔΑ
Fin.