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で始めるiOSアプリ開発
Search
Yudai Konishi
August 19, 2017
Programming
0
500
React Nativeで始めるiOSアプリ開発
フロントエンド夏祭り in 広島
Yudai Konishi
August 19, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
Open source software: how to live long and go far
gaelvaroquaux
0
620
Spring gRPC について / About Spring gRPC
mackey0225
0
220
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
Immutable ActiveRecord
megane42
0
130
Grafana Cloudとソラカメ
devoc
0
140
Software Architecture
hschwentner
6
2.1k
Introduction to kotlinx.rpc
arawn
0
630
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
A Philosophy of Restraint
colly
203
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Designing for Performance
lara
604
68k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Transcript
React NativeͰ࢝ΊΔ iOSΞϓϦ։ൃ FED Summer Festival 2017 @iioffice Hiroshima by
yudai524
ࣗݾհ SPEAKER ▸ খ ༤େ ▸ @yudai524 ▸ גࣜձࣾϫϯμʔφοπ ▸
Lifmo
None
None
React Native ͱʁ
React Nativeͱʁ ReactͰϞόΠϧΞϓϦͷ։ൃ͕Ͱ͖Δͭ ▸ Learn once, write anywhere. ▸ ReactͷΈΛͬͯΞϓϦ։ൃ͕ग़དྷΔ
▸ iOSAndroid͍͚Δ ▸ ͪΌΜͱωΠςΟϒͬΆ͍ ▸ طଘͷΞϓϦͷωΠςΟϒίʔυʹ౷߹Մೳ
React Nativeͱʁ ReactͰHello world!
React Nativeͱʁ React NativeͰHello world!
React Native Λ࠾༻͍ͯ͠ΔΞϓϦ
None
React Native Λ࠾༻ͯ͠Έͯײͨ͡ϝϦοτ
React NativeΛ࠾༻ͯ͠Έͯײͨ͡ϝϦοτ ֶशίετͷ͞ ▸ ͦͦJavaScriptͰॻ͚Δϋʔυϧͷ͞ ▸ ReactΒReduxपΓͷܦݧ͕͋Εͬͱ͍ ▸ खʹೃછΜͩΤσΟλͱλʔϛφϧͰ։ൃ ▸
Xcode࠷ݶͰ͍͍ ▸ εϓϥογϡεΫϦʔϯͷઃఆ ▸ ΞʔΧΠϒͱϏϧυͷఏग़ ▸ αϯϓϧίʔυ͕๛ ▸ Native Base Kitchen Sink ▸ F8 App 2016 ▸ Hacker News React Native
React NativeΛ࠾༻ͯ͠Έͯײͨ͡ϝϦοτ ։ൃεϐʔυ ▸ Hot Reloading ▸ ίϯύΠϧͷͪ࣌ؒͳ͠ ▸ Twitterݟʹߦͬͯ͠·ͬͯɺͦͷ··ؼͬͯ͜ͳ͍
▸ Ϗϧυجຊɺ࣮ػςετͱΞʔΧΠϒͷͱ͖͚ͩ ▸ Chromeͷ։ൃऀπʔϧͬΆ͍σόοΨ ▸ React Native Debugger ▸ Web։ൃฒͷεϐʔυʢମײ
React NativeΛ࠾༻ͯ͠Έͯײͨ͡ϝϦοτ ରԠϓϥοτϑΥʔϜͷଟ͞ ▸ ରԠϓϥοτϑΥʔϜ ▸ iOS ▸ Android ▸
Apple TV (tvOS) ▸ Amazon Fire TV Stick ▸ ReactͰॻ͍ͨWebͱ͔طʹ͋ΕReduxपΓྲྀ༻ग़དྷΔ ▸ ٯવΓ
React Native Λ࠾༻ͯ͠Έͯײͨ͡σϝϦοτ
React NativeΛ࠾༻ͯ͠Έͯײͨ͡σϝϦοτ ࠓͷͱ͜Ζಛʹͳ͠ ▸ Α͘ݴΘΕΔͷ… ▸ jsͰॻ͘ϩδοΫͷ෦ʹॏ͍ॲཧ͕ೖΔͱΩπ͍Β͍͠ ▸ ར༻ͯ͠ΔSDK͕RNରԠͯ͠ͳ͍ͱࣗͰϒϦοδ͢Δ ωΠςΟϒίʔυΛॻ͔ͳ͍ͱ͍͚ͳ͔ͬͨΓ͢Δ
݁ɿͬͯΈͯͲ͏ͳͷʁ
݁ɿͬͯΈͯͲ͏ͳͷʁ ελʔτΞοϓʹ͍ͬͯͩͬͨ͜ ▸ සൟʹมߋ͞ΕΔཁ݅ ▸ ϐϘοτ ▸ Ϣʔβʔࠂओ͔ΒͷϑΟʔυόοΫ ▸ iOSͱAndroidͱϒϥβʹՃ͑ͯɺApple
TVͱFire TV StickͷରԠ… ▸ ٻΊΒΕΔεϐʔυײ ▸ ࢿՈͷ ▸ গͳ͍ΤϯδχΞ ▸ ݱࡏ1໊
ͪΐͬͱಈ͔ͯ͠Έ·͔͢
ಈ͔ͯ͠ΈΔ ͪͳΈʹWebγϛϡϨʔλʔ͕͋Γ·͢ ▸ https://github.com/dabbott/react-native-web-player ▸ υΩϡϝϯτͷԣʹ͍ͭͯΔͭͱಉͭ͡
Ҏ্Ͱ͢ɻ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ