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
React NativeとExpoで爆速アプリ開発
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Seiya Yoshitaka
September 22, 2018
Technology
0
270
React NativeとExpoで爆速アプリ開発
Seiya Yoshitaka
September 22, 2018
Tweet
Share
More Decks by Seiya Yoshitaka
See All by Seiya Yoshitaka
開発仲間をツノれるサービス、 ツノッテをつくっている話(仮) / Tsunotte behind the scenes
yo7
0
1.5k
Other Decks in Technology
See All in Technology
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
280
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.4k
今日から始めるAmazon Bedrock AgentCore
har1101
4
410
What happened to RubyGems and what can we learn?
mikemcquaid
0
300
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
4
1.3k
Context Engineeringの取り組み
nutslove
0
350
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
290
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
220
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.5k
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
120
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.8k
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
360
Featured
See All Featured
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
170
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
First, design no harm
axbom
PRO
2
1.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
Mind Mapping
helmedeiros
PRO
0
86
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
710
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
940
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
310
Transcript
Seiya Yoshitaka React Native + Expo で爆速アプリ開発
⾃自⼰己紹介 • Seiya Yoshitaka • twitter @__yo7__ • github yo7
• Japan Venture Research Co., LTD. • entrepedia • ami https://ami.live • React Native / TypeScript / Ruby on Rails / Kotlin / GKE・ Kubernetes / Firebase etc…
今⽇日話すこと • React Nativeでは⼤大変で、Expoが解決してくれること • Expoが提供してくれる爆速・簡単なアプリ開発体験 • Expoではできないこと、そして別れ、、
React Native • iOS / Android マルチプラットフォームなアプリを JavaScript / Reactで書ける
• ハイブリッドアプリやガワネイティブではない、 モノホンのネイティブアプリ
React Native • iOS / Androidの開発・デバッグやビルドツール・ リリース周りとか、Webエンジニアにはつらい… • テスト版の配布(TestFlight /
Fabric / DeployGate etc)に もはまりどころがたくさんあって⼤大変
そこでExpo • https://expo.io/ • ネイティブモジュールが使えない制約がある代わりに、 ⾼高速な開発&⾼高いDXを実現する仕組みが • React Nativeの公式ドキュメントも”Quick Start”でExpoで
のアプリ開発の流れが書かれていて、推されている
かんたんに実機でデバッグ • `$ yarn start` アプリ起動するとコン ソールにQRコードが、、 • Expo Clientをインストールしてお
いて、QRコードを読むだけで実機 デバッグできる!
テスト版の配布もかんたん • テストしてほしいチームのメンバーにExpo Clientをインストールしてもらう • アプリをexpo.ioにデプロイして⽣生成されたQRコードをExpo Clientで読むだ け(つまり、Expoプロジェクトのホスティングサービスでもある) • apprを使えばCIにコマンドを⼀一つ追加するだけでPull
Requestのたびに⾃自動 でデプロイしてくれる https://github.com/FormidableLabs/appr
他にも・・・ • Expo SDKが提供しているAPIに含まれるものに限り、ネイティブモ ジュールも使えます https://docs.expo.io/versions/latest/sdk • ImagePicker / Camera
/ Location / 認証周りなど割といろいろある (これで事⾜足りる!と⾔言うわけではないですが、、) • Push通知⽤用のPaaSをExpoが⽤用意してくれていたりもする (FCMの簡易易版のようなもの) • ⾃自分でまだやっていないのですが、expというCLIでアプリのApp Store ConnectやGoogle Playへのデプロイも任せられるみたい
Expoとの別れ • Expoは、Expoが提供している以外のネイティブモジュー ルを使いたくても使えない • いまつくっているアプリ(ami)は、もともとテキストが メインだったが、開発の中でライブ動画アプリに • Expoでつくっていたアプリをやめ、別のReact Nativeアプ
リを新規につくって既存アプリを移植していく • 依存していた通知やテスト版配布環境の再構築 が必要に
だけど、ありがとうExpo • 環境構築に時間をかけずにReact Nativeに慣れることがで き、⾼高速にプロトタイピングできた • それまでに享受したメリット > やめるときのコスト •
Expo + React Nativeのアプリ開発は楽しかった! またアプリをつくるときにはこのスタックでやりたい
まとめ • React NativeはReactでアプリが書けて最⾼高だけど、 ネイティブの知識がないとちょっと⼤大変 • 要件次第では、Expoを使えば爆速&DX⾼高くアプリを作 れるので、積極的に使っていきましょう!