ジェイスのブログ

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

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

2023/10/24 12:24

【Expo Web】ResizeObserver ポリフィルのテスト方法

2023/10/23 15:06

Safari の 開発メニューがメニューバーに表示されない〜masOS〜

2023/10/23 14:50

iPhoneデバイスでWebインスペクタを有効にする

MacBook で Safari を開き、[開発] > [デバイス] > [ホスト] に移動する際に、表示される デバイスでWebインスペクタを有効にする 方法です。

2023/10/23 14:01

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

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

2023/10/20 17:14

VSCode エディター環境設定〜GraphQL・Nexus・Prisma〜

自作で利用中のNexus用スニペット。これを参考に自身のスニペットに変更するのも良いかもしれません！また、VSCode用のエクステンションも紹介します。

2023/10/17 15:16

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

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

2023/10/17 14:00

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

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

2023/10/16 20:27

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

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

2023/10/16 18:13

【ReactNative】GraphQL Backend 構築 ❸ 〜Nexus Type 作成〜

Nexus Type を作成して GranphQL Type に変換させる方法を見ていきます。

2023/10/16 16:02

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

2023/10/16 15:36

【ReactNative】GraphQL Frontend 環境〜apollo-client + apollo3-cache-persist〜

persistCache？CachePersistor？どちらを採用するかはプロジェクトのニーズによりますが、書き込みが多かった別のアプリの開発時は CachePersistor を採用し、手動( trigger: false )で保持するタイミング( persistor.persist() )を制御したことがありました。

2023/10/16 11:20

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

既にリリース済みの自作アプリで利用中のReact Native の GraphQL バックエンド環境を紹介します。ApolloServer4, Nexus, Prisma, PostgreSQL 環境！

2023/10/13 16:13

【ReactNative】GraphQL Backend 構築 ❷ 〜Prismaと接続するためのPostgreSQLを設定する〜

ReactNativeのバックエンド環境をGraphQLサーバであるApollo Serverを採用します。PostgreSQLをmacOSに設置 & プロジェクト用の DB を追加しPrismaと接続する準備をします。

2023/10/13 14:59

[How-To/Expo Rotuer] tabBarのレイアウトを中央寄せに調整する

2023/10/12 10:55

Google AdMob リワード広告 – 誤解を招く開示情報 問題を解決〜経験共有〜

意外と簡単に解決できましたが、リワード広告 - 誤解を招く開示情報 要修正 の詳細などを読みながら色々勉強になった気がしました。

2023/10/11 10:20

Google AdMobでバナー広告を設定する方法〜expo-bare〜

開発環境は既に @react-native-firebase/app: 18.5.0 バージョンが設定されていることを前提とします。AdMob を使用してアプリを開発するときは、Google AdMob アカウントの本番広告ではなくテスト広告を使用するようにしてください。そうしないと、アカウントが無効になる可能性があります。

2023/10/11 00:34

react-native-firebase/auth@18.5.0で匿名認証を追加する〜expo-router〜

React Native Firebase の他のパッケージ ( Analyticsなど ) を利用する時には匿名認証を含め、Firebase認証が必須ですので、ログイン機能を持たなくても追加しておくの良いと思います。

2023/10/10 11:40

The Swift pod `FirebaseCoreInternal` depends upon `GoogleUtilities`, which does not define modules. エラーを修正する方法

react-native-firebase v15+ 以降では フレームワークを使用するように CocoaPods を変更する必要があるようです。実際の内容を反映し問題なくビルドした ios/Podfile の中身 をご参考ください

2023/10/10 11:02

Task :app:processDebugGoogleServices FAILED エラーを修正する方法

Task :app:processDebugGoogleServices FAILED Firebaseコンソールで作成した Android アプリのパッケージ名とReactNative プロジェクトのAndroid アプリのパッケージ名を一致させる方法が変わっているようです。

2023/10/10 10:22

デベロッパモードをONにする方法〜iOS 16.6.1〜

「your_app_name」を起動できませんでした「local_path」を起動できません: 操作を完了できませんでした。org.name.your_app_name は、コード署名が無効であるか、資格が不十分であるか、プロファイルがユーザーによって明示的に信頼されていないため、起動できません。

2023/10/05 19:46

信頼されていないデベロッパ 警告を処理する〜iOS 16.6.1〜

このiPhoneでデベロッパ ”Apple Development: xxxx@gmail.com(123ABCD4EF)" のAppを使用することは現在のデバイス管理設定では許可されていません。これらのAppの使用は、"設定"で許可することができます。と、警告が出た場合の対応方法を見てみます。(※ iOS 16.6.1 基準)

2023/10/05 19:45

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

Undo/Redoで管理したいデータを保存・追跡する方法を分かりやすく解説して、数値、文字列、配列、オブジェクトのどれでも問題なくUndo/Redoで管理可能なサンプルアプリを作成します。

2023/10/01 15:40

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

マテリアル デザインライブラリ・コンポーネントライブラリである React Native Paper を Expo Router と連携するための手順をご紹介します。React Native Paper + React Navigation環境から乗り換える方法にもなると思います。

2023/10/01 15:39

Expo Router・TypeScriptで開発環境を作る〜Expo bare〜

2023/10/01 15:37