React Nativeに関する記事一覧です。
Expoアプリでディープリンクを含むURLをQRコードに変換して表示する方法を解説します。react-native-qrcode-svgを使ったコンポーネントの実装とカスタマイズ例を紹介します。
React NativeとExpoでTanStack Queryを導入し、ネットワーク・フォーカス管理やクエリをJSONPlaceholderの例で学びます。
react-native-picker/pickerのインストールと各OSでの設定、使い方を例とともに解説します。
Expoのexpo-imageとexpo-assetを使い、画像の読み込みを最適化する手順を、例と問題解決のヒントとともに説明します。
ExpoのWebBrowser APIで外部リンクをアプリ内から開く方法と、WebViewとの違いを学びます。
Expoで端末の言語を取得し、i18nextで翻訳とアプリ内の言語切り替えを実装します。
React Nativeで、画面をまたいで再利用できるボトムシートコンポーネントを作ります。
React Native（Expo）でSecureStoreを設定し、安全な保存と生体認証を使う方法を学びます。
Expoのexpo-local-authenticationを使い、React Nativeアプリに指紋認証やFace IDを追加する方法を解説します。利用可否の確認、登録状態、認証オプションも紹介します。
React Native（Expo）でreact-native-svg-transformerを設定し、SVG画像を読み込んで使う方法を説明します。
React Nativeでデータを読み込む間にActivityIndicatorとSkeleton Placeholderを表示する方法を解説します。用途に合わせたローディング表示の選び方も紹介します。
React Native（Expo）で、react-native-toast-messageを使ってトースト通知を表示し、見た目をカスタマイズします。
Expo Routerでクエリパラメーター付きのディープリンクを設定し、特定の画面への移動とデータの受け渡しを行う方法を紹介します。
Expoアプリにプッシュ通知を段階的に追加します。expo-notificationsのインストール、トークンの取得、通知の送受信と処理、FCMとAPNsのネイティブ設定を詳しく説明します。
Expoでカメラ、位置情報、メディアなどの権限を安全に要求し利用する方法を、説明とTypeScriptの例で紹介します。
Expoで開発ビルドを設定し、ネイティブコードを変更できる環境を作る方法を説明します。
Expo Vector Iconsをプロジェクトに追加し、アイコンやアイコン付きボタンを使う方法を説明します。
Expo Routerのファイルベースルーティングを使い、ページ、レイアウト、ルートグループ、動的ルートを設定する方法を解説します。
React NativeアプリでAsyncStorageを使い、データを保存・読み込みする方法を解説します。Expo環境でのインストール、文字列以外のデータの扱い方、保存・取得の例を紹介します。
ExpoのFlatListとReact Query（TanStack Query）のuseInfiniteQueryを使い、効率的な無限スクロールを実装します。ページ取得とサーバー状態管理を解説します。
Expo環境でFlatListとAxiosを使い、無限スクロールを実装する基本原理と手順を解説します。jsonplaceholder APIを使ったサンプルコードで理解を深めます。
Etherscan V2 APIのキー発行方法と、React + TypeScriptで複数チェーンのEOAウォレット残高を取得する方法を解説します。
Reown WalletKitでセッションリクエストを受け取り、メッセージやトランザクションに署名して応答する方法を解説します。承認・拒否のAlert実装とhexToUtf8の注意点も紹介します。
React NativeでWalletKitのNamespace Builderを設定し、WalletConnectのセッション提案を受け取り、承認・拒否する方法をコード例とともに解説します。
Reown WalletKitをReact Native（Expo）アプリに導入し、Reownプロジェクトの作成、依存関係のインストール、WalletKit初期化とメタデータ設定を行います。
Expo環境でBIP-39 Mnemonicを生成し、ethers.jsでEVMウォレットを作成する方法を解説します。expo-crypto、Bufferの設定から画面への適用まで紹介します。
React Queryのクエリ処理をカスタムフックへ抽象化し、複数のページやコンポーネントで再利用する方法を実例で説明します。
Reactで非同期APIデータを効率的に扱うため、TanStack Queryの導入、基本操作、高度なキャッシュ戦略を例とともに紹介します。
React、Expo、React Nativeで、i18nextの初期化、言語パック、変数、書式設定、単数・複数形を利用する方法を説明します。
React、Next.js、React Native、Node.jsなどのTypeScript環境で、Axiosのリクエスト・レスポンス型とサービス層を設定します。
React NativeとExpoの環境で、Xcode 16.3への更新後に起きたビルドエラーを解消するため、Xcodeを16.2に戻した手順を紹介します。
React NativeでContext APIを使い、propsの受け渡しを簡潔にしてグローバル状態を管理する方法を、useStateとuseReducerの例で解説します。
React Native（Expo）でScrollViewとFlatListを使ってスクロール画面を作る方法を解説します。両者の描画方式や性能の違い、FlatListの主要プロパティと選び方をコード例とともに紹介します。
macOSでExpoプロジェクトを作り、エミュレーターやExpo Goで動作を確認する手順です。
React NativeでKeyを使い、特定の子コンポーネントまたはコンポーネント全体を再レンダリングする方法をコード例とともに解説します。
React NativeのRefreshControlを使って、ScrollViewにプル・トゥ・リフレッシュを実装します。状態管理、表示色、Android・iOS別の追加Propsをコード例で解説します。
Expoプロジェクトの開発に必要なESLint、Prettier、Styled-components、Recoilの導入と初期設定を、設定ファイルや使用例を交えて解説します。
WindowsでExpoのプロジェクトを作成し、エミュレーターやExpo Goで動作を確認する手順です。
WindowsにReact Nativeの開発環境を構築し、Android Studioでエミュレーターを起動するまでの手順を説明します。
JavaScriptとTypeScriptでJSDocを使い、共同開発でコードの意図や使い方を伝えるコメントを書く方法を紹介します。