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
@hotchemi
August 28, 2013
Programming
4.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
First Firefox OS dev
関東Firefox OS勉強会 3rd ごった煮
@hotchemi
August 28, 2013
More Decks by @hotchemi
See All by @hotchemi
kompile-testing internal
hotchemi
0
290
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
5.5k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
8.3k
Type-Safe i18n on RN
hotchemi
2
1.2k
Navigation in a hybrid app
hotchemi
3
1.4k
PermissionsDispatcher × Kotlin
hotchemi
0
3.4k
kotlin compiler plugin
hotchemi
1
820
Rx and Preferences
hotchemi
2
180
Introducing PermissionsDispatcher
hotchemi
1
190
Other Decks in Programming
See All in Programming
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
kotetuco
0
170
Claude Team Plan導入・ガイド
tk3fftk
0
180
継続モナドとリアクティブプログラミング
yukikurage
3
500
鹿野さんに聞く!『TypeScriptコードレシピ集』で磨く実践力
tonkotsuboy_com
4
1.1k
自作OSでスライド発表する
uyuki234
1
3.8k
1B+ /day規模のログを管理する技術
broadleaf
0
130
Mujeres en SEO Summit 2026 - Greatest Disaster Hits en Web Performance
guaca
0
240
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
140
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
suikabar
3
840
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
cottpan
1
140
ローカルLLMでどこまでコードが書けるか -縮小版 / How much code can be written on a local LLM Shortened
kishida
2
190
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
200
Featured
See All Featured
Navigating Team Friction
lara
192
16k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Embracing the Ebb and Flow
colly
88
5.1k
Context Engineering - Making Every Token Count
addyosmani
9
1k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
150
30 Presentation Tips
portentint
PRO
1
350
A designer walks into a library…
pauljervisheath
211
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
New Earth Scene 8
popppiees
3
2.4k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.5k
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.