ペペロミア開発ブログ

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

配色ガイドラインに合わせてtheme設定を作る

アプリのthemeの整理のため配色ガイドラインを設けてそれに合わせて実装しました。 配色ガイドライン https://www.figma.com/file/YYon1ahSQ7W15Mug0LsovHws/%E3%83%9A%E3%83%9A%E3%83%AD%E3%83%9F%E3%82%A2?node-id=2178%3A653 Figmaで画像の配色ガイドライ…

ログイン前: SQLite、ログイン後: write:RESTful API + read:Firestoreからログイン前: SQLite、ログイン後:GraphQL構成への移行

以下の2つのPull Requestで諸々のログイン前: SQLite、ログイン後:GraphQL構成への移行が完了しました github.com github.com ペペロミアのv2→v3のバージョンアップで、この辺の構成を一気に修正される予定です。 なので、改めてv2→v3への変化を記事にまとめ…

Firestoreで全文検索の機能を作成する

新設計のFirestoreの実装が、あともう少しで完了しそうなので、今回はその途中で実装した内容について記事にしてみました。 ペペロミアでは、以下みたいにタイトルを入力するとサジェストを表示する機能を実装していました。 今までは、単純に自身のCalendar…

graphql-codegen/typescript-react-apolloでHooks部分まで自動生成する

Firestoreの新設計に作り直しの作業が終わらないので、一旦途中記事を作成 https://github.com/wheatandcat/Peperomia/pull/709/files 新設計に合わせてアプリ側もGraphQLで再実装中です。 graphql-codegenとは 前に別記事で触れましたが、graphql-codegenを…

graphql-markdownでGraphQLのAPIドキュメントを自動生成する

github.com ↑最新のFirestoreの設計に合わせて全体的にGraphQLに移行していく中で、APIドキュメントを残していきたいなーと思いgraphql-markdownを使ってみました。 github.com 使い方 まずローカルで起動サーバーを起動 $ dev_appserver.py app.yaml localh…

Peperomia v2.0.6 リリースノート

GitHub Peperomia マイルストーン Peperomia v2.0.6 PeperomiaBackend v2.0.6 PeperomiaWeb v2.0.6 Peperomia LPサイト v2.0.6 PeperomiaTool v2.0.6 対応内容 [Peperomia]まだ残っているクラスコンポーネントをできるだけReact Hooksに変更する [Peperomia]…

Firestoreを新設計にマイグレーションする

元々Firestoreを使いこなせてない感がすごくあったので、改めて学習し直して新設計にマイグレーションしようとしているので、その辺の実装について記事にしていきます。 まず、現状のFirestoreの設計が以下です。 現状の Firestoreの設計(悪い例) ├──users…