カテゴリー: ReactNative

Expoでエミュレーターが再起動出来ない時

はじめに 以前こちらでExpoというフレームワークを使いReactNativeでアンドロイドアプリを作成する方法をまとめました。 しばらく開発を続けているとAndroidStadioのエミュレーターの挙動がおかしくなることがあります。理由は分かりませんが、電源マークからリスタートをしても永遠に動かなくなってしまうのです。 一つ目の対応策としてはExpoのコマンドで再起動を行うことです。expo... 御覧になる | 御シェアする

ReactNativeとFirebaseを連携する

やること ReactNativeではiOSやAndroid両方で動作するアプリを作成出来ます。モバイルアプリはデータベースを外部に持つ場合が多いかと思いますが、その候補によく上がってくるのがFirebaseです。 今回はExpoというReactNativeのフレームワークを使ってアプリを作る場合の、Firebase連携方法をまとめたいと思います。 Firebaseアプリ追加 まずはこちらからFirebaseコンソールにログインしてプロジェクトを作成します。 プロジェクトが作成出来たら次に「アプリを追加」からプロジェクト内にアプリを作成していきます。今回はウェブアプリプラットフォームを選択しています。 アプリのニックネームの欄にapp.jsonと合致するように任意のパッケージ名を入力します。 「Firebase... 御覧になる | 御シェアする

ReactNative+ExpoのAndroidアプリにAdMobの広告を貼る方法

はじめに 前回ReactNativeとExpoフレームワークを使ってAndroidアプリをGooglePlayに公開する方法をまとめました。今回はアプリの中に広告を設置して収益化する方法を備忘録としてまとめようと思います。 ドキュメントの量が多かったのと一番簡単そうだったという理由から、アプリに設置する広告はAdMobにしたいと思います。アプリの審査が通っていない場合でも広告のテストは可能です。 AdMob広告作成 アプリ作成 まずはここからGoogle... 御覧になる | 御シェアする

ReactNative＋ExpoでAndroidアプリを作る〜GooglePlayリリースまで〜

はじめに ReactNativeでAndroidアプリを作ってみたいと思います。Googleディベロッパーアカウントも作成してGooglePlayで公開する所まで行いたいと思います。 御存知の通りReactNativeはiOSアプリも作れます。私も以前にiOSの方で作った事があるのですが、AppleDeveloperProgramの登録料が高いのと、AppleStore公開までの審査が厳しかったので開発を辞めてしまいました。そのため今回はiOSアプリの作成方法は割愛します。 ちなみにこちらは先日公開した麻雀の符計算アプリです。 環境構築 ReactNativeの開発環境構築から行っていきます。まずはXcodeとAndroidStudioをインストールして下さい。AndroidSturdioを起動したらエミュレータを作成しておきましょう。 また下記のコードを~/.zshrcに追記してパスを通して下さい。 export... 御覧になる | 御シェアする