React Native

BitriseでCocoaPodsのインストールが失敗する

React NativeのビルドにBitriseを使っているだけど、久しぶりにビルドしたらios向けに定義しているworkflowのRun CocoaPods installで失敗するようになってしまった。 具体的には以下のような感じで失敗している。 cocoapods version: $ pod "_1.12.1_" "--v…

【挫折】React NativeでカーナビみたいなUIを実現してみる【未完】

メモです。でも結論からするとうまく行かずに挫折。この投稿はその失敗の記録である。 はじめに タイトルどおりなんですが、Mapboxにはカーナビみたいなturn by turnのナビゲーションを実現するためのNavigation SDKというものが存在しています。でもiOSとAn…

React Nativeで開発中にローカルサーバにアクセスしたい

久しぶりのReact Nativeの小ネタ React Nativeでアプリを開発していてシミュレータなり実機でデバッグするときにローカルで起動したAPIサーバにアクセスしたいときってあると思う。 axiosなりfetchでの接続先を単にlocalhostとかにしてあげればつながるかと…

react-intlでReact Nativeアプリの国際化対応をする

はじめに だいぶ前にReact Nativeで開発中のアプリを国際化するにあたってreact-intlを使ったのでそのあたりのメモをブログに書いていたが、下書きのまま公開していなかった。今回、改めて別のアプリで同様のことをする必要があって過去の自分の下書きを見つ…

React NativeでAWS Amplifyを使わずS3にファイルアップロードしたい - マルチパートアップロード編 -

はじめに マルチパートアップロードをするには さっそく実装する まとめ ソースコード はじめに こちらの投稿の続きにあたります。 React NativeでAWSのS3にファイルアップロードする処理を実装するにあたり、AWS Amplifyを使わずにAWS SDKを使って実装しよ…

React NativeでAWS Amplifyを使わずS3にファイルアップロードしたい

はじめに AWS Amplifyでアップロードする場合 なぜAWS Amplifyを使わずにアップロードしたいのか さっそくReact Nativeからアップロードしてみる 実行 まとめ ソースコード はじめに AWSのS3にファイルをアップロードするにあたり、今だとAWS Amplifyを使っ…

AWS Amplifyを使ったReact NativeなアプリをBitriseでビルド

はじめに 今回、React Nativeで開発しているとあるアプリでAWS Amplifyを使ったのですがBitriseでビルドしたりチーム開発で使うにあたってちょっと困ったりしたのでメモ。 はじめに 前提 なぜAmplifyを使ったか Bitriseでビルドする ではどう対応するか Bitr…

BitriseでCocoaPodsのバージョンが古くてBuildが失敗するときは

React Nativeのアプリを開発してるんですが、そのビルドにBitriseを使ってます。 最近、そのプロジェクトにFirebase Analyticsをセットアップしたんですが、その際にCocoaPodsのバージョンが古いと言われてアップデートしていました。 さて、そのプロジェク…

React NativeでMapboxを使ってみる

メモです。 これまでReact Nativeでの地図として、react-native-mapsを使ってきた。これを使うとiOSではAppleのMap、AndroidではGoogle Mapsで地図が表示される。 地図そのものの表現はこれでも特に問題はなかったものの、ビジュアライゼーションとかナビゲ…

Firebase CrashlyticsとSentryで悩んでみる

React Nativeで開発しているモバイルアプリのモニタリングをどうするかなってところで簡単に調べたのでまとめ。 選択肢としては概ねFirebase CrashlyticsとSentryの2種類。どちらもこれまでモバイルアプリを主戦場としてこなかった僕でも知ってるレベルの有…

React Navigationで画面遷移時に再レンダリングする、しかも簡単に

ちょっと悩んだのでメモ。 まず、画面AとBがあってA→BにReact Navigationを使って遷移しているとする。 AにはとあるXという値が表示されていて、変更ボタンを押したらBに遷移してBでXをY変更したらAに戻ってくる、みたいな状況。 そして、Aに戻ってきたとき…

React NativeでOSSのライセンス表記を楽にやりたい (続編)

昨日以下のようなブログを書いた。 www.keisuke69.net この投稿ではlicense-checkerというツールを使って利用しているOSSライブラリの一覧とライセンス情報を出力し、それを読み取って画面に出力するという内容だった。 だがしかし、前回の投稿の最後に書い…

React NativeでOSSのライセンス表記を楽にやりたい

最初に断っておきますが、僕自身はOSSのライセンスを理解しようとし、尊重していますが、ライセンスそのものの詳細に詳しいわけではないのでもしかしたら間違っていることがあるかもしれません。その際は優しく指摘してください。優しくね。 昨今、アプリケ…

patch-packageでnpmにパッチあてる。しかも簡単に

React Nativeのアプリにとあるライブラリを入れたところビルドが失敗するようになってしまった。 実はこのライブラリってのがもうあまり活発に動いていないライブラリなんだけれど、同様の機能を持つ有償パッケージを入れるか、自前で作るかみたいな事情なの…

テストのないReact Nativeの環境に後からJestをセットアップする

先日タイトルの内容で久しぶりに勉強会で発表してきました。といっても10分のLTですが。React Native Meetupは過去に1回だけ参加したことがあって発表するのは初めてです。 ここ数年はAWSクラウドおよびサーバーレス関連での発表がほとんどだったのでそれも…

React Native製アプリをBitriseでビルドするとタイムアウトする場合

はじめに 最近、React Nativeで作ったアプリをBitriseでビルドするのを試しています。 ワークフロー自体はBitrise側が連携するリポジトリをスキャンして雛形を用意してくれるので導入自体は簡単です。 ところが、Bitriseのビルドはプランごとにビルド時間の…

BitriseでOutOfMemoryErrorが発生してビルドが失敗する場合

備忘録です。 最近、React Nativeで作ったアプリをBitriseでビルドするのを試しています。 Bitrise - Mobile Continuous Integration and Delivery このBitriseというプラットフォームはとても使いやすくて、ビルドのためのワークフローの定義も直感的にでき…

©Keisuke Nishitani, 2023   プライバシーポリシー