【React Native開発】React Native Debuggerの導入方法
こんにちは。今日は、React Nativeのデバッガーの１つである、React Native Debuggerの導入方法について整理しておきたいと思います。 前提 Mac + React Native (0.64.x)...
ReactNativeExpo
ReactNativeReactNative【ReactNative開発】Expo-Image-Pickerで画像のGPS/EXIF情報を取得する
こんにちは。今日は、ReactNative+Expoのアプリで、画像のGPS情報を取得する方法について整理しておきます。 それでは早速参ります。 コードの実装 React Native + Expoで開発しているアプリの...
ReactNative【ReactNative開発】React Navigation 6でBottom TabからFull Screen Modalを開く
こんにちは。今週末もReact Nativeの開発を進めております。今日はReact Navigationをまた色々と触ったので、備忘としてこの記事をこ残しておこうと思います。 前提 React Native Expo ...
ReactNative【ReactNative開発】スワイプして画面リロードをできるようにする
こんばんは。今日は、ReactNativeでスワイプリロードをできるようにする方法について、記事に残しておきたいと思います。 もう眠くて意識朦朧としているので参ります笑 スワイプでリロードさせる方法 ありました！ Rea...
ReactNative【ReactNative開発】外部URL上の画像をクラウドストレージ(Azure Blob Storage) にアップロードする
こんばんは。今週も引き続きReactNativeにおける画像のハンドリングと戦っております。あーつまりすぎて苦しい笑 しかし進んでいくしかないのであります・・・参ります。 やりたいこと 外部URL上の画像をクラウドストレ...
ReactNative【ReactNative開発】AndroidでFetch APIを使った画像アップロードできない(Network Request Failed / Bad Format)【超絶苦戦】
こんにちは。今週は、画像アップロードと戦い続けて終わった一週間でした・・ 結局正しい解決方法は分かっていないのですが、いくつかの問題に遭遇したので、苦闘の記録を残しておこうと思います。 前提 React Native E...
ReactNative【ReactNative開発】プラットフォーム(iOS/Android etc)毎に処理を分岐する方法
こんばんは。この記事では、React Nativeアプリでプラットフォーム毎に、レンダリング等の処理を分岐する方法についてまとめておこうと思います。 ちなみに、今回なんでこんな処理が実装したくなったかと言いますと、以下の...
ReactNative【ReactNative開発】入力キーボード上に完了ボタンを表示させる方法
こんばんは。今晩もReact Nativeと戦っております。今日は、入力キーボード上に完了ボタンを表示する方法について整理しておきます。 どいうことか、もう少し説明します。 React Nativeで入力フォームを作成し...
ReactNative【ReactNative開発】Test FlightにアプリリリースしたらFacebook認証でクラッシュするようになった
こんばんは。今日は、ついにApple Test Flightにアプリをリリースしてみることができました。（まだまだ完成していませんが） わーい！と思ってアプリを起動すると、Facebook認証でクラッシュしました笑 なん...
アプリ開発【iOSアプリ開発】Apple Test FlightにiOSアプリのベータ版をリリースするための全ステップ
こんにちは。今日は、Apple Test FlightにiOSアプリをリリースする手順について整理しておこうと思います。 前提 手順の大きな流れは変わらないと思いますが、今回の手順は、以下構成のアプリをリリースする手順に...
ReactNative【ReactNative開発】DeepLinkを使ってリンク先サービスのモバイルアプリを開けるようにする（動作サンプルあり）
こんにちは。会社の夏休みも終盤ですが、今日もReact Nativeと戦っております。（まだ友達に慣れていない笑） 今日は、Deep Linkという技術に触れたので、その実装方法含めてこの記事に学んだことを整理しておこう...
ReactNative【ReactNative開発】ReactNative + Expo+FirebaseでFacebook認証を実装する方法を、しくみと合わせて整理してみた
こんにちは。今日は認証周りのお話です。 私は今React Nativeでモバイルアプリの開発をしていて、このFacebook認証の機能も使っているのですが、そういえばあまりちゃんと理解してなかったな、と思ったのでこの機会...
ReactNative【ReactNative開発】Functionを跨いでStateを更新しようとすると”Warning: Cannot update a component while rendering a different component “エラーが出る
こんばんは。今夜もReact Nativeと戦っております。 前置きも省略し、早速本題に参りたいと思います。 前提 以下の構成ですが、今回のエラーは単純にReact Nativeのエラーのようです。 React Nati...
ReactNative【2021年度最新版】ReactNativeの開発ツール(Expo, ReactNativeCommunity/CLI, ReactNativeCLI）まとめ
おはようございます。まだまだReact Nativeと奮闘する夏季休暇を過ごしております。毎日トラブルシューティングばかりで疲れてきたので、たまにはこういった内容も調べてみようかなと思った次第です笑 本日は、React ...
ReactNative【ReactNative開発】フェードしながら画面遷移させる方法
こんばんは。今晩もReactNativeと終わらない戦いを繰り広げております。 今日は、画面遷移でフェードさせる方法について調べてみました。 前提 React Native Expo TypeScript React N...
ReactNative【ReactNative開発】Expo Google Sign Inをローカルでテストしようとすると”expo-google-sign-in is not supported in the Expo Client”エラーが発生する
こんにちは。会社でもらった夏休みを使って、引き続きReact Nativeと苦闘しております。 問題 React Native + ExpoでGoogle Sign Inを使うためのライブラリ”expo-go...
ReactNative【ReactNative開発】Azure Blob StorageのClientを作成しようとしたら”undefined Unable to resolve module XXXX”エラーが出る
こんにちは。今週は、１週間会社の夏休み休暇中なのですが、引き続きReact Nativeと格闘しております。今日は、Azure Storgeとの連携に際して発生した問題のトラブルシューティング。 いやあ・・かなり時間を食...
ReactNative【ReactNative開発】グラデーションカラーを使えるようにする方法
こんばんは。今日は、React Nativeで開発するアプリUIの背景色にグラデーションカラーを使えるようにしていきたいと思います。 必要なライブラリをプロジェクトに追加する 初めに、ライブラリを追加します。 React...
ReactNative【ReactNative開発】Yarn/npmでパッケージを最新化する
こんにちは。今日は、React Nativeのパッケージ管理方法について整理しておこうと思います。 今、React Nativeでアプリ開発をしているのですが、パッケージのバージョンが日々変わる変わる・・・当然と言えば当...
ReactNative【ReactNative開発】画面遷移中にNon-serializable values were found in the navigation state のワーニングが発生する
こんにちは。今日もReact Nativeのトラブルシューティングは続きます。 前提 React Native + Type Script + Expo 画面遷移にはReact Navigationを利用 問題 画面遷移...
ReactNative【ReactNative開発】Androidエミュレータでアプリ起動時にAnimated Node with tag 2 does not exists.エラーが発生する
こんにちは、今週末もReactNative開発のトラブルシューティングメモです。今回は、Native Baseライブラリをアップデートしたことでハマりました・・・。 前提 React Native + Type Scri...
ReactNative【ReactNative開発】AndroidエミュレータでExpoを起動したら”Unabled to resolve host”エラーが出る
こんばんは。Androidアプリのデバッグで、沼にハマったので、対処法を残しておこうと思います。 問題 Expo + React Nativeで開発したアプリをAndroidエミュレータでデバッグする際に、以下のエラーに...
ReactNative【ReactNative開発】”Couldn’t start project on Android: No Android connected device found ….”エラーが発生
こんにちは。今日は、手短にタイトルのようなエラーが発生した時の対処方法についてまとめておきたいと思います。 どういう時に発生するか 私は、Expo+React Nativeで開発したアプリをAndroid Simlato...
ReactNative【React Native開発】Expo+TypeScript+React Nativeの最初のプロジェクトを作成する
こんばんは。今日は、Expo + TypeScript + React Nativeで最初のプロジェクトを作成するまでの手順を残しておこうと思います。こちらの記事はMac OSでの開発を前提としていますが、もしReact...
ReactNative【ReactNative開発】Expo×ReactNativeアプリをビルドする
こんばんは。今日は、Expo+React Nativeアプリをビルドする方法について整理しておこうと思います。 ビルドの前準備 最初のReact Nativeアプリをまだ作成していない場合は、以下の記事をご参照ください。...
ReactNative【ReactNative開発】Expo×React Nativeの最初のプロジェクトを作成する
こんばんは。今日は、Expo + React Nativeで最初のプロジェクトを作成するまでの手順を残しておこうと思います。こちらの記事はMac OSでの開発を前提としていますが、もしReact Nativeの開発環境が...
ReactNative【ReactNative開発】MacでReactNative開発を行う環境を整える
こんばんは。今日は、MacでReact Native開発を行うための環境構築を行いましたので、その手順について備忘のため残しておこうと思います。 必要なツールをインストールする MacでReact Native開発をする...
Profile
初めまして。
東京で働くデータ分析屋兼アプリケーションエンジニアです。旅行とカメラと江戸時代が趣味です。日々勉強したこと、趣味のことについて、自分の記録も兼ねて。
もともとは旅行記残そうと思って始めたブログですが、いつのまにか技術の話ばっかりに・・
＊記事はすべて個人の見解で、かつ記載時点の情報に基づいています。
