ペペロミア開発ブログ

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

React Custom Hooksでコンポーネントを整理

コンポーネントのコードにキーボードイベントの処理やスクロールイベントなど、 直接UIに関わらない処理が混じって、コードの可読性がしていたのでReact Custom Hooksを使用して整理しました。 ja.reactjs.org React Custom Hooksはコンポーネントとロジック…

今年も本を作成 するので表紙を公開

前にBoothに本を出展しましたが、1年経って内容が古くなったので新しく書こうかと思います。 booth.pm 時期的に技術書典9に出せたら良いかなーと思います。 blog.techbookfest.org 内容的にはQiitaに投稿した以下の振り返り記事の拡張版みたいな感じにする予…

Peperomia v2.0.5 リリースノート

リリース日 2020年07月21日 GitHub Peperomia マイルストーン Peperomia v2.0.5 PeperomiaBackend v2.0.5 PeperomiaWeb v2.0.5 PeperomiaHelp v2.0.5 Peperomia LPサイト v2.0.5 PeperomiaTool v2.0.5 対応内容 [Peperomia] DeepLinkでスケジュールを開く [P…

Reactで作成したLPサイトにアニメーションを追加してみた

peperomia.app ↑のLPサイトにに以下みたいなアニメーションを追加してみたので実装方法を紹介 Pull Request LPサイトにアニメーション追加 by wheatandcat · Pull Request #8 · wheatandcat/PeperomiaWebSite · GitHub 実装 まず、1つのコンポーネントで書い…

gqlgenとgraphql-codegenでGraphQLのtypeを自動生成してフロントエンドのコード作成する

バックエンドをgqlgenで実装して gqlgen.com graphql-codegenでスキーマ情報からTypeScriptのtypeを自動生成する構成で実装したました。 graphql-code-generator.com 実装 gqlgenでバックエンドを実装 ■ Pull Request https://github.com/wheatandcat/Pepero…

ExpoでPush通知を実装してみた

Push通知の実装をした後、すぐにExpo SDK38でexpo-notificationsが書き換わって、もろもろ書き換えてたら結構実装に時間がかかった https://blog.expo.io/expo-sdk-38-is-now-available-ab6cd30ca2ee 対応PR backend Expo Pushのtokenを保存 by wheatandcat …

リリースノートを自動生成するスクリプトを書いてみた

ペペロミアをリリースして1年くらい立ったので、振り返りしたいなーと思いリリースノート作りたいなーと思ったので、自動生成するスクリプトを書きました。 自動生成したリリースノート v1.0.3〜2.0.4まで以下で確認できます。 リリースノート カテゴリーの…