もふもふ技術部

IT技術系mofmofメディア

React Native

【React Native】React Queryを使ってReact Navigationの親画面のstateを更新する

やりたいこと React Nativeのアプリで 画面遷移はReact Navigationを利用しており ノートアプリのように、一覧画面と詳細画面があるようなアプリで 詳細画面(子画面)で行った変更に合わせて一覧画面(親画面)の情報(state)を書き換えたい これがReact Nav…

新規サービスを作るときに使う技術選定

mofmofでは新規サービスをゼロから開発することが多くあります。 その際にshwldがどのように技術選定をしているのかを書いてみます。 こちらの記事がとても参考になる内容で、私なりにも書いてみようと思いこの記事を書いています。 https://zenn.dev/moga/a…

Expo, React Native, FirebaseでローカルのFirestoreエミュレータに接続する

個人で開発しているアプリで、Firestoreにつないだテストを実行したいなと思ったので、ローカルでのテストはFirebaseのエミュレータを使えば良いのではないかと考えた。Firebaseのエミュレータを使ったことがないので試しに使ってみます。 アプリケーション…

React Native(Expo)とFirebaseでカップル向けアプリを作った - Qiita

この記事の背景と目的 最近、業務で「社内のPOと一緒に二ヶ月間でMVPとなるアプリを一つ作ってリリースする」という貴重な機会があった。 実際の開発は自分一人だったため、使ってみたい技術を自由に試してみることができ、非エンジニア職からの出戻りの自分…

Expo + React Native + Recoilでグローバルに状態管理してみる

個人開発でExpo + React Nativeでアプリを作っているんですが、認証しているユーザーの情報など、アプリ全体でグローバルに変数を持ちたいという気持ちが高まってきました。 React標準でContext APIというものがあるけども、前回そっちを試したので今回はRec…

Expo + React NativeのContext APIでユーザー認証情報を引き回すサンプル

複数画面で認証済みのユーザー情報を引き回したいなあと思ってどうやったらいいか調べたところ、画面間をこえてグローバルに値を保持することが出来る、React標準のContext APIというものがあることが分かったので試してみる。 このContext APIそんなに使い…

Expo + React NativeでBare WorkflowにejectしてAppleストアリリース出来る状態にする

Expo + React Nativeで個人アプリ開発をしていてストア公開までようやくいけた。 Ricetta(リチェッタ)というレシピ管理アプリで、WEB上のレシピのURLを登録していくことで、レシピを集約管理出来るっていうコンセプトです。開発期間はたしか1週間くらいなの…

Expo + ReactNative + FirebaseでFacebook認証を実装する

Expo + ReactNativeで認証機能の実装を試してみる。本当はTwitter認証を実装したいんだけど、公式の情報がFacebook認証だったので、まずはFacebook認証を実装する。 プロジェクトを準備 FirebaseとFacebook側の設定 認証機能を実装する プロジェクトを準備 …

Expo + ReactNative + Firestoreでラーメン一覧から詳細画面への画面遷移を実装する

前回、Firestoreから取得したデータを3カラムレイアウトで表示するところまで実装できたので、今回は、一覧画面から詳細画面へ遷移する実装をしてみる。 Expo + ReactNative + Firestoreで取得したデータを3カラムレイアウトで表示する とりあえず画面遷移だ…

Expo + ReactNative + Firestoreで取得したデータを3カラムレイアウトで表示する

前回、Firestoreからデータを取得してとりあえずログに表示するところと、3カラムレイアウトを組むところを試したので、今回は取り出したデータを3カラムレイアウトで画像表示してみます。 Expo + React Native + Firestoreでデータを取得してみる Expo + Re…

Expo + React Native + Firestoreでデータを取得してみる

前回React Native + Expoに入門してみて、これはだいぶイイのではと思ったので、もう少し踏み込んで試してみます。今回はFirebaseのFirestoreに接続してデータを引っ張ってくるところまでやります。 Expo + React Nativeに入門して、iOSネイティブのCollecti…

Expo + React Nativeに入門して、iOSネイティブのCollectionViewっぽいものを作る

前回はExpoの良さを理解するために、あえてExpoなしでReactNativeに入門してみた。今回はいよいよExpoを体験してみることにします。 React Nativeに入門して、iOSネイティブのTableViewっぽいものを作る React Natvieの公式チュートリアルと、Expoの公式チュ…

React Nativeに入門して、iOSネイティブのTableViewっぽいものを作る

個人的にはSwiftネイティブでアプリを書くのが好きなんですが、やはり新規開発でiOS/Androidのプロトタイプをサクッとみたいなシーンではちょっとつらい。昨今の空気感からすると、React NativeやFlutterが市民権を得はじめている気がするので、ちょっと入門…