Speech Recognition 【ReactNative】音声認識で発音をチェックする方法〜アプリ実装済み〜 React Native 用の Speech-to-text ライブラリを用いて、既定の単語をユーザに発音してもらい、その結果をユーザにフィードバックするアプリの一つの機能として実装した実例をご紹介します。 2024.02.06 2024.02.09 Speech RecognitionSpeech To TextSTT
Google AdMob 【ReactNative】AdMob バナー広告を実装する方法〜アプリ実装済み〜 ユーザーに広告を表示するためAdMob モジュールを使用します。すべての広告は Google AdMob ネットワーク経由で配信されるため、Google AdMob アカウントが必要になります。 2024.02.05 2024.02.09 Google AdMobReact NativeReact Native Paper
App Tracking Transparency 【ReactNative】App Tracking Transparency (iOS) を設定する Apple は、IDFA にアクセスするための App Tracking Transparency 認証リクエストを表示することをアプリに要求しています (パーソナライズされた広告を使用するか、パーソナライズされていない広告を使用するかはユーザーに選択を委ねます)。 2024.02.05 2024.03.25 App Tracking TransparencyExpo bareExpo RouterReact NativeReact Native Paper
Expo Web Expo Webでアプリを開発しGitHub Pagesへ公開する手順〜React Native Paper〜 Expo Webで開発したWebSiteをGitHub Pagesでホスティングする手順です。カスタム ドメインを使用するためXServerでDNS レコードにCNAME設定し、GitHub Pagesのカスタムドメインの検証まで行います。 2023.10.24 Expo WebGitHub PagesReactReact NativeReact Native PaperTypeScriptXServer
Expo Web 【Expo Web】ResizeObserver ポリフィルのテスト方法 経験上、このポリフィルを適用する前はデバイスを縦から横向きに変えたら、画面の高さが縦の時の高さのままでした。適用後はもちろんクリアです! 2023.10.23 Expo WebResizeObserverWebpack
Safari Safari の 開発メニューがメニューバーに表示されない〜masOS〜 Web開発者の場合は、Safariの「開発」メニューを使用すると、開発したWebサイトがすべての標準的なWebブラウザで適切に動作することを確認できます。 2023.10.23 SafariWebデベロッパ用の機能を表示
iPhone XS iPhoneデバイスでWebインスペクタを有効にする MacBook で Safari を開き、[開発] > [デバイス] > [ホスト] に移動する際に、表示される デバイスでWebインスペクタを有効にする 方法です。 2023.10.23 iPhone XSSafariWebインスペクタ
Expo bare [How-to] Light・Dark テーマを手動で切り替える実践方法〜React Native Paper〜 Light/Darkテーマを手動で切り替えるメニューの実装方法です。アプリ内のどこにでも実装できます。 2023.10.20 2023.10.23 Expo bareExpo RouterReact Context APIReact NativeReact Native PaperTypeScript
Apollo Client VSCode エディター環境設定〜GraphQL・Nexus・Prisma〜 自作で利用中のNexus用スニペット。これを参考に自身のスニペットに変更するのも良いかもしれません!また、VSCode用のエクステンションも紹介します。 2023.10.17 2023.10.23 Apollo ClientApollo ServerGraphQLNexusPrisma
Apollo Client TypeScript with Apollo Client〜GraphQL コード ジェネレーター〜 GET_USERS にマウスオーバーすると、const GET_USERS: TypedDocumentNode<UserQueryQuery, Exact>のようにクエリのタイプが表示されることを確認できたら OK です。 2023.10.17 2023.10.23 Apollo ClientGraphQLGraphQL Code GeneratorNexusPrismaReact NativeTypeScript