Notes
Rust・Go・TypeScriptを中心に、Web開発の実践知識をまとめたコンテンツ一覧
Articles
Vue3 Suspenseで非同期処理のUXを改善する方法【実装パターン・コード例付き】
Vue3で非同期データの取得中にローディング表示を出す処理は、v-if と ref フラグの管理が煩雑になりがちです。<Suspense> は、この非同期描画の制御を宣言的なテンプレー …
Vue useTemplateRefの使い方 - ref()との違い・TypeScript型付け・実践パターンまで網羅
Vue 3のComposition APIでDOM要素を参照するとき、ref(null) を使って変数名とテンプレートの ref 属性を一致させる方法が主流でした。しかしこの方法には「変数名の制 …
Vue3で仮想スクロールを実装する方法｜ライブラリ比較・自作・最適化まで
数千〜数万行のリストやテーブルを Vue 3 で描画すると、ブラウザが重くなりフレームレートが急激に落ちます。原因は DOM ノード数の爆発的な増加です。仮想スクロール（Virtual Scroll …
Vue3 ジェネリクスコンポーネント完全ガイド｜generic属性で型安全なUI部品を作る方法
Vue 3.3（2023年5月11日リリース、コードネーム「Rurouni Kenshin」）でgeneric属性が追加され、SFC（単一ファイルコンポーネント）で型パラメータを宣言できるようになりま …
React NativeでGraphQLを導入する方法 - Apollo Client 4.0・urql・Codegenまで網羅
モバイルアプリ開発では、画面ごとに必要なデータが異なり、REST APIでは過剰取得（over-fetching）や取得不足（under-fetching）が頻発します。GraphQLは「必要なフィー …
React NativeアプリをApp Store・Google Playに公開する全手順【2026年最新】
React Nativeで開発したアプリをApp StoreやGoogle Playに並べるには、コードを書き上げるだけでは足りません。開発者アカウントの取得、証明書やキーストアの管理、ストア固有のメ …
React Native CodePushとは？App Center終了後のOTAアップデート完全ガイド【2026年版】
React Nativeアプリのバグ修正やUI微調整を、ストア審査を通さずにユーザーへ即座に届けたい。そんなニーズに応えてきたのがCodePushです。
ただし2025年3月のApp Center終了 …
React Native Expo Routerの導入から実践まで｜ファイルベースルーティング完全ガイド
React Nativeアプリの画面遷移を実装するとき、ルーティングの設計で手が止まった経験はないでしょうか。Next.jsやNuxtで定番のファイルベースルーティングをモバイルアプリでも実現するの …
React NativeアプリをGoogle Playに公開する全手順【Expo・CLI両対応】
React Nativeで開発したAndroidアプリをGoogle Playに公開するには、ビルド設定・署名鍵の管理・Play Consoleでのストア情報登録など、コーディング以外の作業が数多く必 …
React Native Server Componentsの全体像 ― Expo Routerで始めるサーバー駆動UI開発
React Server Componentsとは ― モバイル開発における新しい選択肢 React Server Components（RSC）は、コンポーネントのレンダリングをサーバー側で実行し、 …