React Native

Expo Web

Expo Webでアプリを開発しGitHub Pagesへ公開する手順〜React Native Paper〜

Expo Webで開発したWebSiteをGitHub Pagesでホスティングする手順です。カスタム ドメインを使用するためXServerでDNS レコードにCNAME設定し、GitHub Pagesのカスタムドメインの検証まで行います。
Expo bare

[How-to] Light・Dark テーマを手動で切り替える実践方法〜React Native Paper〜

Light/Darkテーマを手動で切り替えるメニューの実装方法です。アプリ内のどこにでも実装できます。
Apollo Client

TypeScript with Apollo Client〜GraphQL コード ジェネレーター〜

GET_USERS にマウスオーバーすると、const GET_USERS: TypedDocumentNode<UserQueryQuery, Exact>のようにクエリのタイプが表示されることを確認できたら OK です。
GraphQL

Prisma でデータを PostgreSQL に一括入力する方法

仮に以下のように Daibunrui、Chubunrui テーブルがあるとします。大分類データを先に入力し、各大分類別 中分類でーたを入力することを想定します。
Apollo Server

【Nexus・Prisma】Json 型を実装する

Error: NEXUS__UNKNOWN__TYPE was already defined and imported as a type, check the docs for extending types⬆︎ DateTime 型と同じく、Json 型も追加する必要があります。
Apollo Server

【ReactNative】GraphQL Backend 構築 ❶ 〜Apollo Server4・Nexus・Prisma・PostgreSQL〜

既に Apollo Server 3 ベースのバックエンドを稼働中だが、今回新しい環境を作ることになったので、Apollo Server 4 で行うことに! ライブラリ別相互関係 頭の整理を含め、PostGreSQL や SQLite など...
Expo bare

【ReactNative】カスタマイズ可能な Undo/Redo 機能を実装する方法

開発環境 この記事では、以下の開発環境を前提としています。 Undo/Redo 動作を理解する Undo/Redo 機能はアプリの状態 ( State ) の一部であり、それを実装するなら下記のようにその状態の履歴を追跡する必要があります。...
Expo bare

React Navigation環境からExpo Routerに乗り換える方法〜React Native Paper〜

マテリアル デザインライブラリ・コンポーネントライブラリである React Native Paper を Expo Router と連携するための手順をご紹介します。React Native Paper + React Navigation...
Expo.io

ScrollView の Scroll 機能を ON・OFF して使おう!〜ReactNative〜

環境・条件 React Native の初心者向け Expo 開発環境:v36.0.2 ScrollView を関数コンポーネントで実装します。 手順 App.js を以下のように作成し、設定を追加していきます。 // App.js imp...
Expo.io

Reduxの代わりにReact Context APIでStateを管理してみる

条件・関連リソース この記事のコードは react-with-redux-philosophy を React Native 用に修正したものです。 この記事の構成:実装 ( Doing ) >>> 解説・説明 ( Explaining )...