モバイル

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

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

モバイルアプリのホーム画面で表示される名前を国際化対応させる (Android/iOS)

インストールされたアプリのタイトルをデバイスの言語設定によって切り替えたいときのハナシ。いわゆる国際化対応で英語だったら英語のアプリ名、日本語だったら日本語のアプリ名を表示するみたいに切り替えたい場合のことですね。 iOSの場合 iPhoneの場合は…

GoogleのPlay Storeで配信したアプリの署名を実際にインストールされたデバイス上のapkから確認する方法【Android】

GoogleのPlay StoreでAndroidアプリを配信するときに最近だとapkファイルをアップロードするのではなくてaabファイルをアップロードする。 そしてこのアプリへの署名はPlay Store側でやってくれるけれども、その署名された証明書のフィンガープリントを別の…

ストアで公開済のアプリ名を変更する(Android・iOS)

小粒なネタ。 どちらも新しいバージョンのリリースタイミングで変更可能。つまり、公開中のものは変更できない。 新しいバージョンを申請するときに同時に変更する。 Androidの場合は『メインのストアの掲載情報』から。 メインのストアの掲載情報 iOSの場合…

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

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

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でビルドする ではどう対応するか Bi…

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に戻ってきたときに変更後の値であるYが表示…

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というプラットフォームはとても使いやすくて、ビルドのためのワークフローの定義も直感的にでき…

XcodeでArchiveがグレーアウトされてて実行できない!

なんか最近めっきりモバイルアプリのネタが増えつつありますが、今回も小ネタです。 タイトルどおりです。 XCodeでいざ、プロジェクトをArchiveしてExportしてipaを作ろうと思ってメニューの Product > Archive を実行しようとしたら Archive がグレー表示さ…

VS Code + Remote Containersの環境でReact Native開発する

Remote Containersシリーズです。 はじめに 全体の流れ コンテナのセットアップ iOSのシミュレータで実行 Androidのエミュレータで実行(失敗) 追記1 まとめ はじめに 自分はいつも開発環境としてRemote Containersを使った環境を用意しています。多くの場…

VS Code + Remote Containers環境下でReact Native + Expoを動かしてみたメモ

モバイル界隈はあんまり知らないんですが、React Nativeの開発環境としてExpoというものの存在を最近知ったと思ったらたまたまReact Native + Expoで作られているものを手元で動かしたい要件が。僕は普段、手元のMacには言語系のランタイムとかは入れておら…

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