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
510
10分でわかるExpoEAS
React Native Matsuri 2021 のLT発表で使用した資料です。
LTの持ち時間が10分だったのでこのようなタイトルになっています。
Takahiro Sugiura
October 02, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
Random\Randomizer クラスで日常のあれこれを解決しよう! / Random\Randomizer class solves familiar trouble
cocoeyes02
0
250
"config" ってなんだ? / What is "config"?
okashoi
0
240
Anthropic Cookbook のおすすめレシピ
schroneko
7
980
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
0
250
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
760
使ってみよう Azure AI Document Intelligence
kosmosebi
2
320
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.4k
Code Reviews
bkuhlmann
4
890
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
270
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Documentation Writing (for coders)
carmenintech
60
3.9k
Designing for Performance
lara
601
67k
4 Signs Your Business is Dying
shpigford
175
21k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Web development in the modern age
philhawksworth
202
10k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Thoughts on Productivity
jonyablonski
58
3.8k
Web Components: a chance to create the future
zenorocha
305
41k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
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) Ͱฉ͘ͷ͕ૣͦ͏
ैདྷͷϏϧυ͔Β Γ͑ͯྑ͔ͬͨʂ Γ͑؆୯