Expo WebExpo Webでアプリを開発しGitHub Pagesへ公開する手順〜React Native Paper〜 Expo Webで開発したWebSiteをGitHub Pagesでホスティングする手順です。カスタム ドメインを使用するためXServerでDNS レコードにCNAME設定し、GitHub Pagesのカスタムドメインの検証まで行います。 2023.10.24Expo WebGitHub PagesReactReact NativeReact Native PaperTypeScriptXServer
Expo Web【Expo Web】ResizeObserver ポリフィルのテスト方法 経験上、このポリフィルを適用する前はデバイスを縦から横向きに変えたら、画面の高さが縦の時の高さのままでした。適用後はもちろんクリアです! 2023.10.23Expo WebResizeObserverWebpack
SafariSafari の 開発メニューがメニューバーに表示されない〜masOS〜 Web開発者の場合は、Safariの「開発」メニューを使用すると、開発したWebサイトがすべての標準的なWebブラウザで適切に動作することを確認できます。 2023.10.23SafariWebデベロッパ用の機能を表示
iPhone XSiPhoneデバイスでWebインスペクタを有効にする MacBook で Safari を開き、[開発] > [デバイス] > [ホスト] に移動する際に、表示される デバイスでWebインスペクタを有効にする 方法です。 2023.10.23iPhone XSSafariWebインスペクタ
Expo bare[How-to] Light・Dark テーマを手動で切り替える実践方法〜React Native Paper〜 Light/Darkテーマを手動で切り替えるメニューの実装方法です。アプリ内のどこにでも実装できます。 2023.10.20 2023.10.23Expo bareExpo RouterReact Context APIReact NativeReact Native PaperTypeScript
Apollo ClientVSCode エディター環境設定〜GraphQL・Nexus・Prisma〜 自作で利用中のNexus用スニペット。これを参考に自身のスニペットに変更するのも良いかもしれません!また、VSCode用のエクステンションも紹介します。 2023.10.17 2023.10.23Apollo ClientApollo ServerGraphQLNexusPrisma
Apollo ClientTypeScript with Apollo Client〜GraphQL コード ジェネレーター〜 GET_USERS にマウスオーバーすると、const GET_USERS: TypedDocumentNode<UserQueryQuery, Exact>のようにクエリのタイプが表示されることを確認できたら OK です。 2023.10.17 2023.10.23Apollo ClientGraphQLGraphQL Code GeneratorNexusPrismaReact NativeTypeScript
GraphQLPrisma でデータを PostgreSQL に一括入力する方法 仮に以下のように Daibunrui、Chubunrui テーブルがあるとします。大分類データを先に入力し、各大分類別 中分類でーたを入力することを想定します。 2023.10.16 2023.10.23GraphQLNexusPostgreSQLPrismaReact Native
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 型も追加する必要があります。 2023.10.16 2023.10.23Apollo ServerGraphQLNexusPrismaReact Native
未分類【ReactNative】GraphQL Backend 構築 ❸ 〜Nexus Type 作成〜 Nexus Type を作成して GranphQL Type に変換させる方法を見ていきます。 2023.10.16 2023.10.23未分類