2026-01-13 | lain

単一列車前提のThree.js実装を捨て、複数列車・路線・停車・折り返し・ループを持つ「運行システム」へ再設計した記録。

カテゴリ： JavaScript

タグ： #Three.js#ゲーム開発#シミュレーション#アーキテクチャ#設計思想#Bezier曲線#状態管理

2026-01-08 | lain

three.jsでフィールドからバトルへの遷移、フェーズ管理、コマンドUI、アニメーション、SE/BGMまでをゼロから実装した制作ログ。

カテゴリ： JavaScript

タグ： #three.js#RPG#ゲーム開発#状態管理#UI#アニメーション

2026-01-01 | lain

複数ゲームを切り替えるためのシンプルなシーン設計

カテゴリ： JavaScript

タグ： #リファクタリング#設計#クラス#ゲーム開発#状態管理#デバッグ#Three.js

2025-11-14 | lain

ゲーム開発における初期設計の重要性と、イベント管理や状態管理を一元化する方法について解説します。初期設計をしっかり行うことで、後のバグを防ぎ、保守性を高めることができます。

カテゴリ： JavaScript

タグ： #初期設計#ゲーム開発#イベント管理#状態管理

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#フロントエンド

カテゴリ：状態管理