技術記事一覧
React Nativeに関する技術記事をまとめています。基礎から応用まで幅広くカバーしています。
AI 生成 RN コードの読み方 — 最初に見る 3 箇所
画面文言・画面名に近いファイル・保存と取得の処理。シリーズで学んだ読み方を、AI 生成プロジェクトで総復習する最終話です。
記事を読む →
API とリスト — 取得したデータを画面に並べる
fetch と useEffect でデータを取得し、FlatList で一覧表示する。行の文言から data と renderItem を辿る第5話です。
記事を読む →
フォーム入力とバリデーション - 入力値を state で追う
TextInput と useState で入力を制御し、「ラベル → 入力欄 → state」の読み方を練習する第4話です。
記事を読む →
Expo Router 入門 - フォルダ構成から画面を読む
app/ のファイル名と画面の対応を押さえ、第1話の読み方をファイルベースルーティングに広げる第3話です。
記事を読む →
useState で画面を動かす - 変わる値を、画面から辿る
ボタン操作で変わる表示を useState で実装し、「画面上の数字 → state → setXxx」の読み方を練習する第2話です。
記事を読む →
【保存版】Expoアプリのフォルダ構造を明瞭かつスケーラブルに整理する方法
Expo公式エンジニア Kadi Kraman 氏のフォルダ構造戦略を、実践ルールとともに日本語で解説します。
記事を読む →
React Native 入門 - Expo で動かしながら、画面からコードを読む
Expo で環境構築から Navigation まで一通り動かしつつ、「画面の文言から実装を探す」読み方の入口を押さえる第1話です。
記事を読む →
【重要】Cloudflare AI GatewayとGeminiパッケージ「@google/genai」を繋ぐ正しい方法
Cloudflareのドキュメントには、廃止された@google/generative-aiが使用されています。この記事では、最新の@google/genaiを使いAI Gatewayと正しく連携する方法を解説します。
記事を読む →
React Native/ExpoにおけるAI APIバックエンドアーキテクチャ選定ガイド
React Native/ExpoでAI APIを利用するアプリケーションを開発する際の最適なアーキテクチャを選定するためのガイドです。
記事を読む →
React Nativeでの状態管理
React Nativeアプリケーションでの状態管理のベストプラクティスについて説明します。Context API、Redux、Zustandなどの状態管理ソリューションを比較し、適切な選択方法を学びます。
記事を読む →