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
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
180
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
670
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.8k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
DROBEの生成AI活用事例 with AWS
ippey
0
130
Open source software: how to live long and go far
gaelvaroquaux
0
620
テストをしないQAエンジニアは何をしているか?
nealle
0
130
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
KATA
mclloyd
29
14k
4 Signs Your Business is Dying
shpigford
182
22k
How to train your dragon (web standard)
notwaldorf
90
5.8k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Documentation Writing (for coders)
carmenintech
67
4.6k
The Language of Interfaces
destraynor
156
24k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
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 ▸ υΩϡϝϯτͷԣʹ͍ͭͯΔͭͱಉͭ͡
Ҏ্Ͱ͢ɻ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ