React

2026-02-07 | lain

Three.jsを理解している前提で、R3FでglTF/VRMを扱うための本質だけをまとめる。Three.jsとR3Fの思想の違い、glTF読込みの仕組み、VRM特有の落とし穴、モデルビューアー設計の基礎を効率的に整理する。

カテゴリ： Next.js

タグ： #ReactThreeFiber#glTF#VRM#Three.js#React

2026-02-06 | lain

Next.js で DOM・2D Canvas・3D Canvas（R3F）を3層構造で扱うための設計パターンを解説します。ゲームUIやインタラクティブな Web 表現に必須となる多段キャンバス構造の実装方法をまとめました。

カテゴリ： Next.js

タグ： #React#R3F#Three.js#Canvas#WebGL

2026-02-05 | lain

R3F や WebXR に進む前に、Next.js(App Router) の UI の基礎を整理する回。layout / page / component の役割や、Server/Client Component の境界をまとめて理解する。

カテゴリ： Next.js

タグ： #Next.js#AppRouter#React#WebDev

2026-02-01 | lain

Next.js・React・Tailwind の設計思想を体系的に理解するための回。なぜ継承を捨て、なぜUIを“状態の写像”と捉え、なぜフォルダ構造でルーティングが生まれるのか──それぞれの背景を哲学レベルで解説する。

カテゴリ： Next.js

タグ： #React#Next.js#Tailwind#Philosophy#WebDev

2026-02-01 | lain

Next.js を触り始めた初心者が絶対につまずくポイントを、実体験ベースで最短整理。React・Tailwind・TypeScript への混乱を避ける。

カテゴリ： Next.js

タグ： #Next.js#React#Tailwind#TypeScript#Web Development

2025-11-04 | lain

ReactのuseEffectフックを使った副作用の処理方法を学びます。データのフェッチや外部ライブラリとの連携、ライフサイクルに基づく動作を深堀りします。

カテゴリ： React

タグ： #React#useEffect#副作用#ライフサイクル#データ取得

2025-11-02 | lain

Reactでのコンポーネント間のデータの流れ、親子間でのデータ渡し（Props）や子から親へのデータ更新（Callback関数）、さらに複数のコンポーネント間で状態を共有する方法（Context API）について学びます。

カテゴリ： React

タグ： #React#コンポーネント#Props#状態管理#Context API#Callback

2025-11-01 | lain

Reactでのイベントハンドリングと状態管理の基本を学ぶ。useStateフックを使った状態管理、ボタンクリックやフォーム入力による状態変更を通じて、動的なUIの作成方法を解説します。

カテゴリ： React

タグ： #React#useState#イベントハンドリング#状態管理#JavaScript#フロントエンド

2025-07-12 | lain

[Human x AI] ChatGPT(4o)との対話録～諦めたらそこで試合終了～

カテゴリ： Human x AI

タグ： #オープンダイアローグ#対話#AI対話#自己探求#エッセイ#JavaScript#indexedDB#ZIP#JSZip#ゲーム開発#React#TypeScript#PWA

カテゴリ：React