はじめに
キッチハイクのエンジニアメンバーでReact Nativeの気になるニュースを持ち寄ってみました！
- はじめに
- React Native Japanコミュニティの1ヶ月
- iOS 15, Android 12 に向けた準備
- React Nativeがマネージャー採用
- React Nativeバージョンアップ情報
- React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック
- 定額制プログラミング教室テックジム「スマホアプリコース」を新設
- React Native OneSignal のご紹介
- さいごに
- We're Hiring
技術書典 11に共著で出展しました！キッチハイクアプリの事例も掲載されています。
React Native Japanコミュニティの1ヶ月
- React Native Matsuri 2021が10/02にオンライン開催されます！
- 弊社CTOの @shoken0x もLTにて登壇します
コメント
「noteでもReact Native Japanの記事が上がっていましたね！」
「ノベルティ、凝ってますね〜！」
「React Native コミュニティを盛り上げてくれている運営の方々には感謝です！」
iOS 15, Android 12 に向けた準備
React Native公式ブログより。 reactnative.dev
iOS 15 : 9/21にリリース済み。
Android 12 : 今年の秋にリリース予定。10月あたり？
iOS 15
QuickType Bar
TextInputのQuickType Barを無効にする方法が変更された。
Transparent Navigation Bar
iOS 15でナビゲーションバーのデフォルト動作が変更された。コンテンツを上までスクロールさせるとナビゲーションバーが透明に。
シミュレーター
iOS 15のシミュレーターはXcode 13から利用可能。
Android 12
Overscroll Effect
すべてのスクロールコンテナに影響を与える新しいオーバースクロール効果が導入された。 React Nativeアプリ開発者は、スクロール可能なコンテナを確認し、効果が正しく適用されていることを確認することをおすすめします。 overScrollMode propをneverに設定することで、この効果を無効にすることが可能。
Permission Updates
ACCESS_FINE_LOCATIONパーミッションを要求された場合でも、おおまかな位置情報（ACCESS_COARSE_LOCATION相当）のみを許可できるようになった。 詳細情報
コメント
「前回、Xcode 12にバージョンアップした時はReact Native0.63系ではビルドできなかったので0.64にバージョンアップする必要がありましたね」
「Xcode 13でビルドができない不具合のissueが上がっていました」
「どうやらStack Overflowでは、Flipperをオフにしたら解決したそうです」
「Android 12のOverScroll Effectは確認する必要がありますね！」
「位置情報のパーミッション問題は、ユーザーのプライバシー情報がより厳重に保護されるようになっていることの反映ですね。開発者としてはユーザーのプライバシーについては今以上に気を配らなければ」
React Nativeがマネージャー採用
React Native公式ブログより。 reactnative.dev
React Native for DesktopとReact Native for VRのサポートを担当する2人のエンジニアリングマネージャーを採用したとのこと。
コメント
「React NativeがよりVR業界に力を入れていくというのがわかりますね！」
「記事の中にFacebookの求人情報が記載されていました」
React Nativeバージョンアップ情報
react-native 0.65.1 リリース
8/20 にリリースされてました。
- 大きな変更はなく、内部のテスト用ライブラリのバージョンアップ、Android用の修正などが含まれている
react-native 0.66.0 の予習
- 大きな目玉は
Hermes0.9.0
we kept delivering memory and size wins, bugfixes, and made other progress behind the scene.
- 引き続きメモリやサイズの効率化、バグ修正によりHermesがさらに高速化しそう
- ほかdeprecatedだった
Picker,PickerIOS,StatusBarIOSコンポーネントの削除など
コメント
「先月の記事ではReact Native 0.65のリリース話をしていましたが、0.66ももうすぐですね！」
「Deprecatedの削除は要チェックです」
React Native導入事例: 出前館のサーバーサイド・モバイルクライアントの技術スタック
- B2C向けの「出前館」アプリは、React Native製
- B2B向けアプリはSwift, Kotlinを使っているよう
- サーバサイドはJava, Spring Boot
我々もReact Nativeは比較的初めての技術で、そこを日々学習しながら今開発しているというような状況ですが、なかなかおもしろい技術で、ネイティブエンジニアとしてもやりがいのある技術でいいかなと思って、今は取り組んでいます。
コメント
「出前館は2020年にLINEと業務提携を結んだそうです」
「開発者が多いチームでも、React Nativeを選択している例ですね」
「なぜReact Nativeを選んだのか、技術選定の詳細は気になりますね」
定額制プログラミング教室テックジム「スマホアプリコース」を新設
- テックジムでは、個人のスマホアプリ開発ニーズと、受託クライアントのスマホ対応ニーズを受け、Swift, Kotlin, React Native, Flutter, unity これら5つの中から、学習者は好きな開発環境を選んで10個のアプリを開発する
コメント
「副業ニーズをターゲットにしているのは新しいのではないでしょうか」
「本業との兼ね合いで短期集中学習ができない人にとっては有力な選択肢になりそうですね」
React Native OneSignal のご紹介
- OneSignalは、モバイルアプリ向けの無料のメール、SMS、プッシュ通知、アプリ内メッセージサービス
- SDKを使用すると、ネイティブのReact Native iOSおよび/またはAndroidアプリをOneSignalと統合できる
- セットアップ記事もある
コメント
「キッチハイクではプッシュ通知送信にはFCM(Firebase Cloud Messaging)を使っていますね」
「メールも送信できるということは、Amazon SNSやFCMよりも多機能だね」
「アプリ内メッセージが使えるということはReproにも近いかもですね」
さいごに
これからも社内で持ち寄った技術ネタを共有します！
We're Hiring
キッチハイクでは、React Native アプリエンジニアを募集中です！
