Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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
Transcript
21 slides
'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.
More Decks by @hotchemi
See All by @hotchemi
kompile-testing internal
hotchemi
0
300
The things we’ve learned from iOS×React Native hybrid development
hotchemi
2
5.6k
React Nativeを活用したアプリ開発体制/sapuri meetup
hotchemi
3
8.3k
Type-Safe i18n on RN
hotchemi
2
1.3k
Navigation in a hybrid app
hotchemi
3
1.4k
PermissionsDispatcher × Kotlin
hotchemi
0
3.4k
kotlin compiler plugin
hotchemi
1
850
Rx and Preferences
hotchemi
2
200
Introducing PermissionsDispatcher
hotchemi
1
210
Other Decks in Programming
See All in Programming
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
kasacchiful
PRO
0
310
SODA - FACT BOOK(JP)
sodainc
1
40k
React Native経験者が Flutterを30⽇間触って驚いたこと
3saito
0
180
AI Augmentation Techniques with Liberty
ivargrimstad
1
470
複数ドメインを一つのアプリに統合するFlutterの設計と運用_FlutterKaigi2026登壇資料(須永高弘)
takahirosunaga
0
180
社内AIエージェント「Askワンバン」における コストチューニングの取り組み
t0yohei
0
170
あなたの await、OS まで届いてる? strace で覗く JavaScript の非同期
hasutosasaki
1
2.3k
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
rkaga
5
860
Web3Dライブラリを作ってVue Custom Rendererの仕組みを理解しよう / lets learn vue custom renderer by making 3d library
drumath2237
1
130
AIが実装を担う時代の「技術設計」と「チームマネジメント」
kamina_zzz
2
260
Long Living Tokens, Die, Die, Die! (or: The One Ring is Banned in Modern)
sylph01
0
420
LLM 101
dalinaum
0
490
Featured
See All Featured
ラッコキーワード サービス紹介資料
rakko
5
5.8M
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
4
1.2k
For a Future-Friendly Web
brad_frost
184
11k
Mobile First: as difficult as doing things right
swwweet
225
10k
sira's awesome portfolio website redesign presentation
elsirapls
0
510
Between Models and Reality
mayunak
4
580
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
We Have a Design System, Now What?
morganepeng
55
8.4k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
790
Art, The Web, and Tiny UX
lynnandtonic
304
22k