maricuru tech blog

Hack The Wedding!! "株式会社maricuru"の技術ブログです

React Native入門: FirebaseのCloud Firestoreでレコーディングダイエットアプリを作ってみる(前編)

弊社ではiOS, Androidアプリの開発にReact Native + Expoを使用していますが、非常に開発効率が高く、その恩恵を日々感じています。 今回はそのバックエンドにFirebaseの提供する「Cloud Firestore」を利用して簡単なアプリを作ってみようと思います。 せっ…

【React Native】【Expo】iOSのパーミッション要求ダイアログで審査リジェクトされた話とその対応

Qiitaに書けや!ってレベルの小ネタも書いていきますよ〜w 弊社のアプリはReact Native + Expoで開発していますが、先日のiOSストア申請でリジェクトされたときのお話と、その対応です。 こんな理由でリジェクトが Guideline 5.1.1 - Legal - Privacy - Data…

【React Native】【Expo】分析ツールAmplitudeの導入方法とそのメリット

アプリの分析ツールといえば、Google Analytics, Firebase Analytics, Mix Panelなど様々ありますが、今回はAmplitudeというサービスをご紹介します。 弊社のアプリ"maricuru"では分析に、このAmplitudeをフル活用しています。 Amplitudeとは アメリカのAmpl…

【React Native】Expo SDK v28.0.0の変更点まとめ

先日Expo SDKのv28.0.0がリリースされました。 大きな変更もあったようなので、変更点をまとめてみます。 Expo SDK v28.0.0 is now available – Exposition AndroidのtargetSdkVersionが26にアップデートされました Androidの方針で、今後新規リリース、及び…

React NativeにStorybookを導入したらUI開発がめちゃめちゃ捗った話

Storybookとは StorybookはUI開発用の環境で、アプリ自体を立ち上げずにUIコンポーネント単位でレイアウトや挙動の確認をすることができます。 また、どんなコンポーネントがあるのかを一覧するための、コンポーネント図鑑のようにも使えます。 導入方法は先…

Elasticsearchを導入してみた(Rails, Docker, AWS Elasticsearch Service)

弊社アプリ"maricuru"で全文検索機能を実現するために、Elasticsearchを導入しました。 構成はこんな感じです。 サーバーサイドはRuby on Rails 環境構築はDocker 本番にはAmazon Elasticsearchを利用 このあたりを利用した導入の手順をご紹介します。 Docke…

【React Native】【Expo】Expoでプッシュ通知を送る

React Native + Expoでプッシュ通知を送る方法をご紹介します。 公式で it's almost too easy. と書かれている通りで、実装はとても簡単です。 ちなみにExpoベースのアプリでプッシュ通知を送る場合、このExpo公式のプッシュ通知を使う以外方法はありません…