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
0
4.2k
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
250
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
5.2k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
7.9k
Type-Safe i18n on RN
hotchemi
2
1.1k
Navigation in a hybrid app
hotchemi
3
1.3k
PermissionsDispatcher × Kotlin
hotchemi
0
3.1k
kotlin compiler plugin
hotchemi
1
740
Rx and Preferences
hotchemi
2
150
Introducing PermissionsDispatcher
hotchemi
1
150
Other Decks in Programming
See All in Programming
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
4
2.4k
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
220
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
bpstudy
0
270
副作用と戦う PHP リファクタリング ─ ドメインイベントでビジネスロジックを解きほぐす
kajitack
3
520
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
670
実践!App Intents対応
yuukiw00w
0
120
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
10
1.5k
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
380
DynamoDBは怖くない!〜テーブル設計の勘所とテスト戦略〜
hyamazaki
0
180
Flutterと Vibe Coding で個人開発!
hyshu
1
230
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
270
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
3
1.9k
Featured
See All Featured
Docker and Python
trallard
45
3.5k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Why Our Code Smells
bkeepers
PRO
337
57k
Thoughts on Productivity
jonyablonski
69
4.8k
RailsConf 2023
tenderlove
30
1.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Raft: Consensus for Rubyists
vanstee
140
7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Site-Speed That Sticks
csswizardry
10
750
Git: the NoSQL Database
bkeepers
PRO
431
65k
The Invisible Side of Design
smashingmag
301
51k
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.