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
10分でわかるExpoEAS
Search
Takahiro Sugiura
October 02, 2021
Programming
1
610
10分でわかるExpoEAS
React Native Matsuri 2021 のLT発表で使用した資料です。
LTの持ち時間が10分だったのでこのようなタイトルになっています。
Takahiro Sugiura
October 02, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
print("Hello, World")
eddie
1
440
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
200
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
150
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.9k
AI時代のUIはどこへ行く?
yusukebe
12
7.3k
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
160
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
260
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
linyows
0
100
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
tomohisa
0
230
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
0
240
Ruby Parser progress report 2025
yui_knk
1
280
Design Foundational Data Engineering Observability
sucitw
2
150
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
A better future with KSS
kneath
239
17k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Optimizing for Happiness
mojombo
379
70k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
111
20k
Designing Experiences People Love
moore
142
24k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
How GitHub (no longer) Works
holman
315
140k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
GitHub's CSS Performance
jonrohan
1032
460k
Transcript
Takahiro Sugiura 10ͰΘ͔Δ Expo EAS React Native Matsuri 2021
ࣗݾհ ໊લ ਿӜɹܒ (Sugiura Takahiro) Twitter: @ta__sugi ࣄ SpesDen גࣜձࣾͰ
React Native Λͬͨ iOS & Android ΞϓϦ։ൃ લ৬Ͱ Android ΞϓϦΤϯδχΞ
ʢͬ͘͟ΓͱʣExpo ͱ
Expoɹɹ͕ఏڙ͢Δػೳ • Expo SDK React Native + ศརͳϥΠϒϥϦͨ͘͞Μ • Ϋϥυ্ͰͷϏϧυαʔϏεʢࠓճͷςʔϚͱ࠷ؔ࿈͕ڧ͍ʣ
• ϓογϡ௨αʔϏε • Over The Air Ξοϓσʔτ
̎छྨͷϫʔΫϑϩʔ • Managed work fl owʢࢲ͕ͬͯΔͷͬͪ͜ʣ • Expo ͕ωΟςΟϒΛӅṭͯ͘͠ΕΔͷͰɺJavaScript/TypeScript ͚ͩॻ͚
։ൃͰ͖Δ • ࣮ݱͰ͖Δػೳʹ੍͕͋Δ • Bare work fl ow • ։ൃͷࣗ༝͕ѹతʹߴ͍ • ࣗͰཧ͠ͳ͍͚ͯ͘ͳ͍߲͕૿͑Δ
Expo Application Service (EAS)
Expo EAS ͷొ 2020ʹൃද͞Εͨ Expo ͷ৽ػೳ ݱࡏ Feature Preview ѻ͍Ͱɺ༗ྉձһ͚͕ͩ͑Δ
࠷ॳͷ̍ϲ݄τϥΠΞϧظؒͷͨΊແྉ
EAS ͷߏ EAS Build Ϋϥυ্ͰΞϓϦΛϏϧυ͢ΔαʔϏε ैདྷͷϏϧυ expo build ίϚϯυͰ࣮ߦͰ͖ΔɻEAS Build
ैདྷํ๏ʹ࣍ ͙ୈೋͷΦϓγϣϯ EAS Submit Ϗϧυͨ͠ΞϓϦ(ipa, aab)Λ Apple/Google ͷετΞʹExpo͕ఏग़ͯ͘͠ΕΔ αʔϏε
EAS Build ͰԿ͕Ͱ͖Δͷʁ
ΫϥυͰϏϧυ % eas build Expo ͷαʔόʔ্ͰϏϧυ ʢ͜Εैདྷಉ͡ʣ Bare work fl
ow ͷ߹Ͱ ϏϧυՄೳ ैདྷͷϏϧυ Managed work fl ow ݶఆͩͬͨ
EAS Build Ͳ͏ͬͯಈ͍ͯΔʁ • Expo αʔό͕ͬͯΔ͜ͱ 1. JS ͷґଘϥΠϒϥϦͱωΠςΟϒ ͷґଘϥΠϒϥϦΛΠϯετʔϧ
2. Fastlane / Gradle Λ࣮ߦ • Managed ϫʔΫϑϩʔͰϥϯλΠϜͷΧελϚΠζ͕Ͱ͖Δ • ৄࡉ Expo νʔϜͷϒϩάͰʂ • https://blog.expo.dev • “Expo managed work fl ow in 2021” ͱ͍͏هࣄʹৄ͘͠આ໌͕͋Γ·͢
ϝϦοτ̍ɹΞϓϦαΠζ ैདྷํࣜͱൺͯ ΞϓϦ͕খ͘͞ͳΔ Ϗϧυ࣌ʹΞϓϦͰ͍ͬͯͳ͍ ϥΠϒϥϦίʔυΛSDK͔Βআ֎͢ΔͨΊ ฐࣾΞϓϦͷ߹Ͱ 77.3MB 30.3MB
ैདྷϏϧυ EAS Build
ϝϦοτ̎ɹػೳͷ੍ݶ͕ݮΔ ωΠςΟϒίʔυΛؚΉ ϥΠϒϥϦ͑Δ ωΠςΟϒίʔυʢSwift, Kotlin ͳͲͰॻ͔ΕͨίʔυʣΛؚΉϥΠϒϥϦै དྷͷϏϧυͰ͑ͳ͔͕ͬͨɺEAS Build Ͱ͑ΔΑ͏ʹͳͬͨ
ྫɿreact-native-fast-image, react-native-blurhash, react-native-date-picker, @react-native-voice/voice ͳͲ Ϗϧυ࣌ʹωΠςΟϒίʔυՃ͢Δॲཧ͕࣮ߦ͞ΕΔͨΊ
͑ΔϥΠϒϥϦͷྫ react-native-blurhash ը૾ͰΘΕ͍ͯΔ৭ʹԠͯ͡ɺը૾ͷϓϨʔεϗϧμʔΛ͍͍ײ͡ ʹ͢Δπʔϧ͕ blurhash ɻreact-native-blurhash blurhash Λ RN
Ͱ͏ͨΊͷϥΠϒϥϦ Πϯετʔϧ ૉͷ RN ͷ߹ % npm i react-native-blurhash && npx pod-install EAS Build ͷ߹ package.json ʹՃ͢Δ͚ͩ Ϗϧυ࣌ʹ Expo ͷαʔόͰ pod install ૬ͷॲཧΛ࣮ߦͯ͘͠Ε Δ ը૾ͷҾ༻ݩ https://github.com/mrousavy/react-native-blurhash
EAS Submit ͰԿ͕Ͱ͖Δͷʁ
EAS Submit ͷ͍ํ CLI CLI ͔Β % eas submit —platform
ios ͷΑ͏ʹ͢Δͱఏग़Ͱ͖Δ ఏग़Ͱ͖ΔΞϓϦͷࡏॲ • ʢجຊʣEAS Build Ͱ࡞ͬͨΞϓϦΛExpoͷαʔόʔ͔ΒετΞʹఏग़ Ͱ͖Δ • ैདྷͷϏϧυͰ࡞ͬͨΞϓϦಉ༷ʹαʔόʔ͔Βఏग़Ͱ͖Δ • ϩʔΧϧʹ͋ΔΞϓϦ
CI ্Ͱ EAS Submit ͪΖΜ CI ͔Β EAS Submit ΛτϦΨʔ͢Δ͜ͱͰ͖Δ
Github Actions ͱ EAS Build & Submit Λͬͯɺ ϦϦʔεϒϥϯνͷ push Λ͖͔͚ͬʹϏϧυ͔ΒετΞఏग़·ͰΛࣗಈԽ͠ ͍ͯΔ
EAS Λͬͨײ
خ͔ͬͨ͜͠ͱ • ΞϓϦαΠζ͕খ͘͞ͳͬͨ • Managed work fl ow Ͱ͑ΔϥΠϒϥϦ͕૿͑ͨ •
Android Ͱ Hermes ͕͑Δ • ʢ͜Ε͔Βਖ਼ࣜରԠͷ༧ఆʣManaged Work fl ow Ͱ In App Purchase
ͪΐͬͱࠔͬͨ͜ͱ API ͕ಥવมΘΔ Կͯ͠ͳ͍ͷʹ CI ͕յΕͨʂ CLI ͷΞοϓσʔτͰҾͷܗ͕ࣜมΘ͍ͬͯͨ ใ͕গͳ͍ ӳޠɺຊޠͱʹwebʹใ͕গͳΊ
͓͔͍͠ͱࢥͬͨΒ Expo Forumʢhttps://forums.expo.dev) Ͱฉ͘ͷ͕ૣͦ͏
ैདྷͷϏϧυ͔Β Γ͑ͯྑ͔ͬͨʂ Γ͑؆୯