wheatandcatの開発ブログ

React Nativeで開発しているペペロミア & memoirの技術系記事を投稿してます

2020-01-01から1年間の記事一覧

react-responsiveを使ってiPadの対応をする

アプリの審査で2回連続、iPad周りのレイアウトで落とされてたので、その辺の対応しました。 対応にはreact-responsiveを使用 github.com Expoで使用する場合は以下を参照 blog.expo.io react-responsiveを使うとReact NativeでもMediaQueryっぽい判定が使用…

GitHub ActionsでJest、ESLint、tscを実行する

今までTravis CIを使ってましたが、それをGitHub Actionsに移行しました。 github.com 元々Travis CIでは以下のことを移行しました jest実行 eslint実行 tsc実行 GitHub Actionsは.github/workflows配下にymlファイルを配置すれば実行されるようになります。…

Gatsby.js + mdxでヘルプサイトを作ってみる

ヘルプ用のサイトをGatsby.js + mdxで作ってたので紹介 www.gatsbyjs.org Gatsby.jsは、Reactベースで静的サイトを簡単に作成できるツール github.com MDXはMarkdownでJSXをimportして使用したり、JS側にMarkdownで記載 したファイルをimportしたりできるラ…

React Nativeでローディング画面を実装

今後の発展としてWeb版の実装のためログイン後のデータ管理はFirestoreで行う実装に変更しています。 で、実際にFirestoreに繋いで動かしてみたら、(当たり前ですが)SQLiteに比べるとデータ読み込みの遅いので色々と表示がチラつく部分があったので、ロー…

GoMockを使ってHTTP Requestのテストを書いてみる

backend側のコードも増えてきたのでテストコードを追加しました。 backendのテストをする時はfirestoreに接続したくなかったので、回避するためにGoMockを使って実装してみました。 github.com GoMockはテスト用のモックを実装することで、テスト時に呼びた…

【失敗談】ExpoだとCloud Firestoreのオフラインモードは使用できない

Firestoreにはオフラインモードがあって firebase.google.com これを使用するとオフラインの状態でデータ保存ができて、さらにオンラインになったタイミングでデータ同期させてくれると、良さ気だなあと前々から思っていたので、SQLiteからの移行を試してみ…