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
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.2k
Type-Safe i18n on RN
hotchemi
2
1.2k
Navigation in a hybrid app
hotchemi
3
1.3k
PermissionsDispatcher × Kotlin
hotchemi
0
3.4k
kotlin compiler plugin
hotchemi
1
810
Rx and Preferences
hotchemi
2
170
Introducing PermissionsDispatcher
hotchemi
1
170
Other Decks in Programming
See All in Programming
Building on Bluesky's AT Protocol with Ruby
mackuba
0
110
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
tigertora7571
0
200
Import assertionsが消えた日~ECMAScriptの仕様はどう決まり、なぜ覆るのか~
bicstone
2
180
Claude CodeでETLジョブ実行テストを自動化してみた
yoshikikasama
0
1.2k
cloudnative conference 2026 flyle
azihsoyn
0
150
ハーネスエンジニアリングとは?
kinopeee
13
6.8k
サプライチェーン攻撃対策「層を重ねて落ちない壁」を10日間で組み上げた話 #TechLeadConf2026
kashewnuts
1
230
Agentic UI in the Frontend: Architectures with Open Standards @JAX 2026 in Mainz
manfredsteyer
PRO
0
110
なぜあなたのコードには「コシ」がないのか?〜AI時代に問う、最後まで美味しい設計と戦略〜 #phpconkagawa / phpconkagawa2026
shogogg
0
150
When benchmarks go bad - what I learned from measuring performance wrong
hollycummins
0
370
AI時代になぜ書くのか
mutsumix
0
320
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
nealle
2
250
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
70
39k
Designing for humans not robots
tammielis
254
26k
Faster Mobile Websites
deanohume
310
31k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
270
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
340
Automating Front-end Workflow
addyosmani
1370
200k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.7k
HDC tutorial
michielstock
2
650
Ethics towards AI in product and experience design
skipperchong
2
270
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.