【2021年度最新版】これからReactNativeを学ぶ人におすすめの学習コンテンツ
こんばんは。今日はReact Nativeを学ぶために役立つ学習コンテンツをまとめておこうと思います。 ReactNativeを独学で学習するにあたって苦労するのは日本語文献の少なさかと思います。そのため、英語の文献を調...
ReactNativeReactNative
ReactNativeReactNative【ReactNative開発】カスタムフォント（Googleフォント）を適用する方法
こんにちは。今日は、React Nativeのアプリに、カスタムフォントを適用する方法について整理しておこうと思います。 今回は、カスタムフォントとして、Google Fontのフォントを使えるようにします。 カスタムフ...
ReactNative【ReactNative開発】Fetch APIの戻り値がundefinedになる原因と対処法
こんにちは。今日もReact Nativeのトラブルシューティングが続きます。 問題 以下のように、fetch APIを使用する関数から戻り値を受け取るコードを書いて実行したところ、戻り値がundefinedになってしま...
ReactNative【ReactNative開発】画面遷移時に再レンダリングさせる
こんばんは。今日は、画面遷移時に再レンダリングさせる方法のメモです。 例えば、プロフィール等の更新画面で情報を更新したのち、前の画面に戻った時に更新後の情報を表示させたい、といった場合にどうにか強制的に再レンダリングさせ...
ReactNative【ReactNative開発】Yarn/npmでパッケージを最新化する
こんにちは。今日は、React Nativeのパッケージ管理方法について整理しておこうと思います。 今、React Nativeでアプリ開発をしているのですが、パッケージのバージョンが日々変わる変わる・・・当然と言えば当...
ReactNative【React Native開発】Functionでしか使えない機能をClassでも使えるようにする方法（力技）
こんにちは。今日は、タイトルの件について、対処法をメモに残しておこうと思います。 背景 もともと、React Nativeで、各コンポーネントをクラスベースで開発していたのですが、そんな時、ある機能がFunctionでし...
ReactNative【ReactNative開発】画面遷移中にNon-serializable values were found in the navigation state のワーニングが発生する
こんにちは。今日もReact Nativeのトラブルシューティングは続きます。 前提 React Native + Type Script + Expo 画面遷移にはReact Navigationを利用 問題 画面遷移...
ReactNative【ReactNative開発】React-MobxのStore Injectionがいつの間にか廃止されていた
【失った時間：5時間】 こんにちは。ReactNative開発奮闘記が続きます。 今日は、React-MobxのStore Injectionがいつの間にか廃止になっていた件について、まとめておきます。最近、Classベ...
ReactNative【ReactNative開発】Androidエミュレータでアプリ起動時にAnimated Node with tag 2 does not exists.エラーが発生する
こんにちは、今週末もReactNative開発のトラブルシューティングメモです。今回は、Native Baseライブラリをアップデートしたことでハマりました・・・。 前提 React Native + Type Scri...
ReactNative【ReactNative開発】パッケージのインストール時ににつける@typesとは？【TypeScript】
こんにちは。今日も今日とてReactNativeに染まる週末です。 私は今、TypeScript+ReactNativeで日々開発をしているのですが、最近、パッケージをインストールしてもimport時にNot found...
ReactNative【ReactNative開発】Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.エラーが発生する
こんにちは、今週末もReactNative開発のトラブルシューティングメモです。今回は、Native Baseライブラリをアップデートしたことでハマりました・・・。 前提 React Native + Type Scri...
ReactNative【ReactNative開発】Error: useTheme: theme is undefined. Seems you forgot to wrap your app in
こんにちは、今週末もReactNative開発のトラブルシューティングメモです。今回は、Native Baseライブラリをアップデートしたことでハマりました・・・。 前提 React Native + Type Scri...
ReactNative【ReactNative開発】Fetch APIで画像をアップロードしようとするとNetwork request failedエラーが発生する
本日３本目のトラブルシューティングはこちらの問題です。いやーつまった・・・。 問題 前提 React Native + Type Script + Expo Android エミュレータでデバッグ 今、React Nat...
ReactNative【ReactNative開発】Native-Baseのバージョンを上げたら”Unable to resolve module native-base/Fonts/Roboto.ttf”エラーが出るようになった
こんにちは、今回もReact Native開発におけるトラブルメモです。エラーばっかりでめげそう笑 問題 Native-Baseのモジュールを直近化したところ、ReactNativeアプリが以下のエラーを吐いて起動しなく...
ReactNative【ReactNative開発】fetch APIの戻り値 (response) がundifinedになる
こんにちは。今日も今日とてReactNativeでの開発に苦しんでいます。ReactNative、というかJavaScriptの根本的なところで苦しんでいるのですが・・・笑 今日もまたひとつ躓きがあったので、記録を残して...
ReactNative【ReactNative+TypeScript開発】画像をアップロードする機能を作る（前編）
こんにちは、今日は、React Nativeのアプリ上で、画像をアップロードする機能を実装してみます。 前提 React Native (TypeScript) + Expo 画像アップロードの実装を効率化するライブラリ...
ReactNative【ReactNative開発】ReactNavigationで画面遷移時に再レンダリングさせる方法
こんにちは。今日も自分がつまづいたポイントメモです。同じ問題につまづいた方のお役に立てれば幸いです。 前提 構成：React Native + Expo 画面遷移：React Navigation (Version5.x...
ReactNative【ReactNative開発】AndroidエミュレータでExpoを起動したら”Unabled to resolve host”エラーが出る
こんばんは。Androidアプリのデバッグで、沼にハマったので、対処法を残しておこうと思います。 問題 Expo + React Nativeで開発したアプリをAndroidエミュレータでデバッグする際に、以下のエラーに...
ReactNative【ReactNative開発】API呼び出しの結果が{“_U”: 0, “_V”: 0, “_W”: null, “_X”: null}になる
こんにちは。今日は、React Native (Java Scriptも同様）でのAPI呼び出しで躓いたエラーについて、解決方法と合わせて整理しておこうと思います。 問題 React Nativeで、APIを呼び出して結...
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開発をする...
ReactNative【ReactNative開発】ReactNativeって？今後どうなる？
こんばんは。今日は、React Native開発シリーズの第一弾として、React Nativeの概要について調べて分かったことを自分への備忘も兼ねてまとめておこうと思います。 React Nativeの概要 React...
Profile
初めまして。
東京で働くデータ分析屋兼アプリケーションエンジニアです。旅行とカメラと江戸時代が趣味です。日々勉強したこと、趣味のことについて、自分の記録も兼ねて。
もともとは旅行記残そうと思って始めたブログですが、いつのまにか技術の話ばっかりに・・
＊記事はすべて個人の見解で、かつ記載時点の情報に基づいています。
