アプリの審査で2回連続、iPad周りのレイアウトで落とされてたので、その辺の対応しました。 対応にはreact-responsiveを使用 github.com Expoで使用する場合は以下を参照 blog.expo.io react-responsiveを使うとReact NativeでもMediaQueryっぽい判定が使用…
今までTravis CIを使ってましたが、それをGitHub Actionsに移行しました。 github.com 元々Travis CIでは以下のことを移行しました jest実行 eslint実行 tsc実行 GitHub Actionsは.github/workflows配下にymlファイルを配置すれば実行されるようになります。…
ヘルプ用のサイトをGatsby.js + mdxで作ってたので紹介 www.gatsbyjs.org Gatsby.jsは、Reactベースで静的サイトを簡単に作成できるツール github.com MDXはMarkdownでJSXをimportして使用したり、JS側にMarkdownで記載 したファイルをimportしたりできるラ…
今後の発展としてWeb版の実装のためログイン後のデータ管理はFirestoreで行う実装に変更しています。 で、実際にFirestoreに繋いで動かしてみたら、(当たり前ですが)SQLiteに比べるとデータ読み込みの遅いので色々と表示がチラつく部分があったので、ロー…
backend側のコードも増えてきたのでテストコードを追加しました。 backendのテストをする時はfirestoreに接続したくなかったので、回避するためにGoMockを使って実装してみました。 github.com GoMockはテスト用のモックを実装することで、テスト時に呼びた…
Firestoreにはオフラインモードがあって firebase.google.com これを使用するとオフラインの状態でデータ保存ができて、さらにオンラインになったタイミングでデータ同期させてくれると、良さ気だなあと前々から思っていたので、SQLiteからの移行を試してみ…
github.com ↑の対応で@react-native-community/eslint-configを導入したら、 66:5 warning Do not use setState in componentDidMount react/no-did-mount-set-state 79:7 warning Do not use setState in componentDidUpdate react/no-did-update-set-state…