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
Expoで開発してアプリを公開して得られた知見 / RNM6
Search
pochi
July 12, 2017
Programming
3
1.6k
Expoで開発してアプリを公開して得られた知見 / RNM6
React Native Meetup #6での発表資料です
pochi
July 12, 2017
Tweet
Share
More Decks by pochi
See All by pochi
React Nativeで作ったアプリでRedux-Sagaを使ったので,その話 / TOM Internal Developer Session #7
pchw
0
1.8k
Firebaseでラクラクリアルタイムアプリ
pchw
0
1.2k
MongoDB族のための組み込み軽量DB NeDB
pchw
0
1.3k
月刊ライトニングトーク2014年8月号: MEAN 祭り資料
pchw
0
4.3k
Synth - 東京Node学園2014
pchw
0
4.2k
RubyMotion 1.15で追加されたtest周りの話
pchw
1
3k
Other Decks in Programming
See All in Programming
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
7
1.9k
オブジェクト指向コードレビューの新しいアプローチ
akkie76
3
1.5k
とにかくHTTP3をライトニングに話す / Anyway, I'll talk to Lightning about HTTP3.
seike460
PRO
0
120
htmx is fun!
codehex
2
190
オブジェクト指向のリ・オリエンテーション~歴史を振り返り、AI時代に向きなおる~
hanyudaeiiti
2
170
実践!RDRAを活用した既存システムの仕様変更 / Specification Changes in Existing Systems Utilizing RDRA
imamotohikaru
0
2.7k
Laravel標準バリデーションでできること
hmb_ok
2
360
WinUI 3デモ - "CommunityToolkit.Mvvm"NuGetパッケージ編
andrewkeepcoding
0
140
Open Source Swift Workshop - Foundation and first party libraries
ikesyo
0
270
App Router への移行は「改善」となり得るのか?/ Can migration to App Router be an improvement
takefumiyoshii
1
140
Material 3で Material 2ぽい見た目にする
numeroanddev
2
250
document.write再考
brn
5
2.5k
Featured
See All Featured
Thoughts on Productivity
jonyablonski
57
3.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
Happy Clients
brianwarren
91
6.3k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
For a Future-Friendly Web
brad_frost
170
8.9k
We Have a Design System, Now What?
morganepeng
42
6.7k
A better future with KSS
kneath
230
16k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Transcript
Expoで開発してアプリを 公開して得られた知見 React Native Meetup#6 July 12, 2017
• ぽち@pchw • https://github.com/pchw • https://twitch.tv/pchw • SW2036-0981-2522 イントロ
イントロ • quickAnnict • Vainglory大会カレンダー
[ピーアール] エンジニア ボシュウ • Tokyo Otaku Mode inc. • オタク関連の全世界向けeコマース・クラウドファンディング・
ニュース・コンテンツ投稿とかのプラットフォーム • ショッピングカートから裏側の倉庫のシステムまで自前 • Shibuya(JP)/Portland(US)/Maihama(JP) • Node.js - MongoDB - Vue.js - etc.. • http://bit.ly/tom-engineer
None
Expo - expo.io
シツモン
None
None
None
None
None
CRNA と Expo
{ "expo": { "sdkVersion": "18.0.0" } } { "expo": {
"name": "18", "description": "An empty new project", "slug": "18", "privacy": "public", "sdkVersion": "18.0.0", "version": "1.0.0", "orientation": "portrait", "primaryColor": "#cccccc", "icon": "./assets/icons/app.png", "loading": { "icon": "./assets/icons/loading.png", "hideExponentText": false }, "packagerOpts": { "assetExts": ["ttf", "mp4"] }, "ios": { "supportsTablet": true } } } CRNA Expo
None
None
None
Expo を使うと楽!
Accelerometer Gyroscope Fingerprint - TouchID Location Notifications Permissions Pedometer -
Core Motion ScreenOrientation Facebook/Google Asset AV/Audio/Video Svg Font GLView BlurView Contacts DocumentPicker ImagePicker BarCodeScanner MapView Util KeepAwake Constants LinearGradient takeSnapshotAsync SQLite Lottie -Animation Amplitude/Segment - analytics Branch - linking FacebookAds Expo SDK
Expo の欠点
Native Modules が使えない
expo で使えるnpm packageか?
Check npm package • README.md • Getting Started • Installation
• $react-native link • $rnpm link
Check source code
Check peerDependencies (package.json) "peerDependencies": { "react-native": ">=0.43.0", "react": ">=16.0.0-alpha.3", "react-native-vector-icons":
"~4.1.1" },
OK • @expo/vector-icons • react-native-branch • react-native-fbads • react-native-maps •
react-native-svg
どうしても途中で Native Modulesが必要に
$exp detach
$exp detach • ExpoKitとしてExpoのライブラリの機能は使える • Push Notificationsとかはダメ • Expo XDEは一応使える
• react-native run-ios でええやん • exp publishでテスト不可に • XCode/Android Studioでビルド
OAuthとか
None
Deep link
Deep link import { Linking } from 'react-native'; const LINK_URI
= Expo.Constants.linkingUri; : componentDidMount() { Linking.addEventListener('url', this._lnk.bind(this)); } _lnk(event) { let queryString = event.url.replace(LINK_URI, ''); const responseObj = qs.parse(queryString); const code = responseObj.code; this.getToken(code).then(…) }
Deeplink on Real device (app.json) "expo":{ "scheme": "qani" }
Expo.Constants.linkingUri • expo app内 • exp://exp.host/@pchw/*****/+ • Standalone Apps •
qani://+
None
ビルド→実機チェック→ストア申請
ビルド Building Standalone Apps
Configure app.json(iOS ver) "name": "foo", "icon": "http://Ͳ͔ͬ.com", "version": “0.0.1”, "ios":
{ "bundleIdentifier": "com.bar.foo", "buildNumber": "1" },
$npm i -g exp $exp login $exp build:ios
None
$ exp build:status
None
実機チェック
None
None
初期ロードの制約 > The very first load cannot be offline
isRemoteJSEnabled: falseは "ios": { "isRemoteJSEnabled": false, },
exp build:ios ⊇ exp publish
まとめ • Expoはとても便利 • なるべくNative Modulesを使わない • どうしてもダメなら覚悟を決めてdetach • expo上でもdeep
linkは確認できる • isJSRemoteEnabledはtrueのままの方が良い