Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React NativeからNativeアプリへ ~スタートアップ企業における 「機能開発と保守性担保」の両立への挑戦~

株式会社ビットキー / Bitkey Inc.
PRO
September 11, 2022
Technology
0
110

React NativeからNativeアプリへ ~スタートアップ企業における 「機能開発と保守性担保」の両立への挑戦~

株式会社ビットキー / Bitkey Inc.
PRO

September 11, 2022
Tweet

More Decks by 株式会社ビットキー / Bitkey Inc.

See All by 株式会社ビットキー / Bitkey Inc.
名ばかりSRE 〜スタートアップ1人目のSREがちゃんとSREをやれるようになるまで〜
bitkey
PRO
0
28
bitkey流DDD活用術 〜なぜDDD?なにを活かしてどこを壊すのか〜
bitkey
PRO
4
460
サクッと作る静的解析ツール_importの依存制御ツールを作る_
bitkey
PRO
0
210
はじめてのDiscordBot
bitkey
PRO
0
200
SRE_チーム立ち上げから1年_気づいたら_SRE_っぽくない仕事まで貢献しちゃってる説
bitkey
PRO
0
7k
人間の直感に対応させた複雑度<Cognitive Complexity>の計測ツールをgo/astで実装してみた
bitkey
PRO
0
160
ビットキーのプロダクトの根幹スマートアクセスをよりスケールするための破壊と創造
bitkey
PRO
0
54
ロッカーを中心にユーザー体験をConnectしていくために限界まで汎用的に考えたお話
bitkey
PRO
0
57
全てのIDを管理するために~メアド・電話番号を持っていない「こども」をどう取り扱うか~
bitkey
PRO
0
150

Other Decks in Technology

See All in Technology
どこで動いてるの？AWS IAM のコントロールプレーンとデータプレーンに思いを馳せる/iam-background
yukihirochiba
0
550
現場の泥臭い話を「QAマネジメント」という言葉で定義してみかわ
sadonosake
0
380
Ideas for introducing new methods
teyamagu
0
340
ポイント付与の非同期化 / Event Driven Point Assignment
komotani
0
110
デイリースクラムいらなくなくなくなーい！？
kitamu_mu
16
15k
PHP メモリ管理術
memory1994
PRO
2
240
fourkeys基盤を構築した話
ouchi2501
2
620
独自の共通認証基盤を用いているサービスでアカウント削除機能を提供したときの道程
shomasegi
1
200
Migrating to Compose | DevFest Bangalore 2022
rivuchk
0
250
即時通知を導入する際に考えるべきこと
aomathwift
0
1.4k
OCI IaaS 新機能アップデート 2022/6 - 2022/8
oracle4engineer
PRO
0
100
失われたグラフを求めて
bob3bob3
1
380

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
656
120k
Designing for humans not robots
tammielis
243
24k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
12
970
Rails Girls Zürich Keynote
gr2m
87
12k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
174
8.7k
Designing the Hi-DPI Web
ddemaree
273
32k
Bash Introduction
62gerente
598
210k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
127
8.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
630
Infographics Made Easy
chrislema
234
17k

Transcript

  1. 3FBDU/BUJWF͔Β/BUJWFΞϓϦ΁ dελʔτΞοϓاۀʹ͓͚Δ 
 ʮػೳ։ൃͱอकੑ୲อʯͷཱ྆΁ͷ௅ઓd 4IPHP4BJUP

  2. 0VUMJOF 1. workhubʹ͍ͭͯ 2. ελʔτΞοϓʹ͓͚Δ
 ιϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ 3. ؇΍͔ͳNativeԽ 4. NativeԽʹΑΓ


    ಘΒΕͨ΋ͷ / ೉͔ͬͨ͠఺ 

  3. ࡈ౻঑ޛ 4IPHP4BJUP   גࣜձࣾϫʔΫεΞϓϦέʔγϣϯζʹೖࣾ &$ύοέʔδͷ$.4ྖҬͷ։ൃͳͲΛ୲౰ ϏοτΩʔʹೖࣾ ϞόΠϧΞϓϦʮCJUMPDLʯͷ্ཱͪ͛ɾ࣮૷Λ୲౰ CJULFZQMBUGPSNνʔϜ΁ҟಈ إೝূٕज़Λར༻ͨ͠ΞϓϦέʔγϣϯ։ൃͳͲʹ

    ܞΘΔ  ϞόΠϧΞϓϦʮXPSLIVCʯͷ νʔϜϚωʔδϟʔͱͯ͠։ൃʹܞΘΔ 

  4. workhubʹ͍ͭͯ 

  5. 1. workhubʹ͍ͭͯ 

  6. ελʔτΞοϓʹ͓͚Δ ιϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ 

  7. 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ  0→1Λ૑଄͢ΔͨΊͷεϐʔυײΛ࣋ͬͨػೳ։ൃ 1→10ʹ͢Δʹ͋ͨͬͯาΈΛࢭΊͳ͍ͨΊͷอकੑͷ୲อ

  8. ʮอकੑʯʹ͍ͭͯ  ෆ۩߹ΛຒΊࠐΈʹ͘͘͢ΔͨΊͷ΋ͷ ෆ۩߹ൃੜ࣌ͷӨڹൣғΛ෼͔Γ΍͘͢͢ΔͨΊͷ΋ͷ ɹকདྷʹΘͨͬͯ҆શͳػೳ։ൃΛ͠΍͘͢͢Δ
 ܧଓతʹ߈ΊΔɾվળ͢ΔͨΊʹඞཁͳ΋ͷ ˠ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  9.  bitlockApp workhubApp 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  10.  2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  11.  ͜ͷΞϓϦͷอकੑΛܧଓతʹҡ࣋͢Δʹ͸Ͳ͏ͨ͠ΒΑ͍͔ʁ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  12.  /BUJWFԽΛߟҊͨͭ͠ͷཧ༝ ɾiOSUpdate΁ͷ௥ैੑͷ՝୊ײ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  13.  /BUJWFԽΛߟҊͨͭ͠ͷཧ༝ ɾiOSUpdate΁ͷ௥ैੑͷ՝୊ײ ɾۃྗϥΠϒϥϦʹґଘ͠ͳ͍ٕज़ར༻ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  14.  /BUJWFԽΛߟҊͨͭ͠ͷཧ༝ ɾiOSUpdate΁ͷ௥ैੑͷ՝୊ײ ɾۃྗϥΠϒϥϦʹґଘ͠ͳ͍ٕज़ར༻ ɾBuild࣌ؒͷ஗͞ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  15.  /BUJWFԽΛߟҊͨͭ͠ͷཧ༝ ɾiOSUpdate΁ͷ௥ैੑͷ՝୊ײ ɾۃྗϥΠϒϥϦʹґଘ͠ͳ͍ٕज़ར༻ ɾBuild࣌ؒͷ஗͞ ɾAndroidΞϓϦͷLaunchʹ͸࣌ؒత༛༧͕͋ͬͨ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  16. XPSLIVC"QQͷ/BUJWFԽʹ͍ͭͯ  બ୒ࢶ͸2ͭ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  17. XPSLIVC"QQͷ/BUJWFԽʹ͍ͭͯ  બ୒ࢶ͸2ͭ ɾϑϧNativeͰ1͔ΒผΞϓϦͱͯ͠࡞Γ௚͢ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  18. XPSLIVC"QQͷ/BUJWFԽʹ͍ͭͯ  બ୒ࢶ͸2ͭ ɾϑϧNativeͰ1͔ΒผΞϓϦͱͯ͠࡞Γ௚͢ ɾطଘReact NativeΞϓϦΛঃʑʹNativeԽ͢Δ 2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  19. ౰࣌ͷνʔϜ؀ڥʹ͍ͭͯ ɾ։ൃର৅͸workhubAppͷΈ ɾ։ൃϝϯόʔ͸3໊ XPSLIVC"QQͷ/BUJWFԽʹ͍ͭͯ  2.ɹελʔτΞοϓʹ͓͚Διϑτ΢ΣΞ։ൃʹٻΊΒΕΔ΋ͷ

  20. ؇΍͔ͳNativeԽ 

  21. /BUJWFԽͷํ๏࿦  U ػ ೳ ։ ൃ ͷ ݴ ޠ

    ׂ ߹ React Native Swift 3.ɹ ؇΍͔ͳNativeԽ

  22. /BUJWFԽͷํ๏࿦  U ػ ೳ ։ ൃ ͷ ݴ ޠ

    ׂ ߹ React Native Swift शಘظ 3.ɹ ؇΍͔ͳNativeԽ

  23. /BUJWFԽͷํ๏࿦  U ػ ೳ ։ ൃ ͷ ݴ ޠ

    ׂ ߹ React Native Swift शಘظ शख़ظ 3.ɹ ؇΍͔ͳNativeԽ

  24. /BUJWFԽͷํ๏࿦  1. ϏδωεϩδοΫΛSwiftʹدͤΔ 1. ػೳͷগͳ͍ը໘͸ը໘͝ͱSwiftUIʹϦϓϨΠε 1. ػೳ͕ෳࡶͳը໘͸ίϯϙʔωϯτ୯ҐͰ
 SwiftUIʹϦϓϨΠε 3.ɹ

    ؇΍͔ͳNativeԽ

  25.  +BWB4DSJQU 3FBDU/BUJWF #SJEHF #VTJOFTT -PHJD 3.ɹ ؇΍͔ͳNativeԽ

  26.  +BWB4DSJQU axios 3.ɹ ؇΍͔ͳNativeԽ

  27.  +BWB4DSJQU 3FBDU/BUJWF #SJEHF #VTJOFTT -PHJD axios Alamofire 3.ɹ ؇΍͔ͳNativeԽ

  28.  +BWB4DSJQU 3FBDU /BUJWF #SJEHF 3$57JFX .BOBHFS 4XJGU6*7JFX 3.ɹ ؇΍͔ͳNativeԽ

  29.  workhubApp workhubApp 3.ɹ ؇΍͔ͳNativeԽ

  30. NativeԽʹΑΓ ಘΒΕͨ΋ͷ / ೉͔ͬͨ͠఺ 

  31. ؇΍͔ͳ/BUJWFԽΛ͢Δ͜ͱͰಘΒΕͨ΋ͷ ɾBLE΍NFCɾإೝࣝͳͲͷػೳ܈ΛReact NativeͷϥΠϒϥϦʹ Ұ੾པΒ࣮ͣ૷ ɾϥΠϒϥϦͷSwiftPackageManagerҠߦ: 4ׂ΄Ͳ
 → ͜ΕʹΑΓBuild࣌ؒΛ20෼΄Ͳ·ͰʹॖΊΔ͜ͱʹ੒ޭ  4.ɹ

    NativeԽʹΑΓಘΒΕͨ΋ͷ

  32. /BUJWFԽΛਐΊ্͍ͯ͘Ͱো֐ͱͳͬͨ΋ͷ  ɾϥΠϒϥϦҠߦʹ෇͍ͯճΔσάϨͷةݥੑ ɾSwiftUIಛ༗ͷUI࡞੒ͷ೉͠͞΍ෆ۩߹΁ͷରॲ ɾSwiftUIͷΈͰ͸࡞Γਏ͍UI 4.ɹ NativeԽʹ͓͍ͯ೉͔ͬͨ͠఺

  33. ࣌ܥྻͰͷৼΓฦΓ  SwiftUI औΓࠐΈ։࢝ 4.ɹ NativeԽʹΑΓಘΒΕͨ΋ͷ Bridgeύλʔϯ ࢼߦظ NativeԽઓུ ࿅Γ࢝Ί

    ৽ن։ൃΛ SwiftUIʹҠߦ طଘViewͷSwiftUI ஔ׵ Concurrency ରԠ

  34.  ϓϩμΫτͱνʔϜʹ߹ͬͨख๏Λ࿅Δ͜ͱͰ ػೳ։ൃͱอकੑ୲อͷཱ྆͸ୡ੒Մೳ 4.ɹ ·ͱΊ

  35. ͓஌Βͤ ҰॹʹੈͷதΛม͑Δ ϞόΠϧΞϓϦΛ࡞Γ·͠ΐ͏ʂ  

  36.