【JavaScript応用講座】localStorageでゲーム設定＆履歴を保存する
ユーザーのゲーム設定や履歴を保存したい？localStorageを使えば、ブラウザにデータを永続的に保存できます。この記事では、localStorageの基礎から、JSONを使った設定保存、プレイ履歴の管理まで、ゲーム開発に活用できる実用的なテクニックを初心者向けに解説します。
ARCHIVE_INDEX / PAGE_47
TOTAL_ITEMS: 650
【JavaScript応用講座】JSONで始める！i18n（多言語対応）実装入門
多言語対応（i18n）は、ゲームやWebアプリを世界に届けるために欠かせない技術です。この記事では、JavaScriptとJSONを使ったシンプルで実用的なi18nの実装方法を初心者向けに解説します。言語ファイルの設計から動的なUI切り替え、localStorageを使った設定の保存までをステップ形式で紹介します。
【JavaScript入門講座】 fetch・データ処理・HTML連携まで、JSON基礎講座
JavaScriptで非同期データを扱ううえで欠かせないのが「JSON」。この記事では、基本構文からfetch()での読み込み、データの加工、HTMLへの反映方法までをやさしく解説。初心者がつまずきやすい [object Object] や undefined 問題、非同期処理のポイントも実例付きで紹介します。
![[DevTools] 入門講座 #02：クリックできない原因は“透明な背後霊”？DevToolsで見るレイヤーの真実](https://assets.lain-lab.com/images/uploads/devtools-course-02.webp)
[DevTools] 入門講座 #02：クリックできない原因は“透明な背後霊”？DevToolsで見るレイヤーの真実
本記事では、Chrome DevTools の 「Layers」ビューを使った立体レイヤー解析で、問題の真相に迫ります。見えない“背後霊”のようなレイヤーと、どう戦い、どう解決したのか──その記録です。
![[Human x AI] ChatGPT(4o)との対話録 ～ AIは神様ではなく友達 ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-07-06.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ AIは神様ではなく友達 ～
[Human x AI] ChatGPT(4o)との対話録 ～ AIは神様ではなく友達 ～
![[Human x AI] ChatGPT(4o)との対話録 ～ AIでコーディング速度が上がる理由 ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-07-04-2.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ AIでコーディング速度が上がる理由 ～
[Human x AI] ChatGPT(4o)との対話録 ～ AIでコーディング速度が上がる理由 ～
![[Human x AI] ChatGPT(4o)との対話録 ～ スガシカオ / 黄金の月 ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-07-04.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ スガシカオ / 黄金の月 ～
[Human x AI] ChatGPT(4o)との対話録 ～ スガシカオ / 黄金の月 ～
![[Human x AI] ChatGPT(4o)との対話録 ～ AIと人間の“誤読のすれ違い ～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-07-03.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ AIと人間の“誤読のすれ違い ～
[Human x AI] ChatGPT(4o)との対話録 ～ AIと人間の“誤読のすれ違い ～
【JavaScript入門講座】クラス設計 #02：「クラスを育てる」ためのリファクタ設計術
この記事では、JavaScriptのクラスを実際に育てていく過程を通して、リファクタリングの視点や責務の見直し、状態管理の整理など、実践的な設計のヒントを紹介します。「クラスを最初から完璧に作る必要はない」と思えるようになる、等身大のリファクタ講座です。
![[Human x AI] ChatGPT(4o)との対話録 ～ゲーム開発の中で学んだ沢山の事～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-07-02.webp)
[Human x AI] ChatGPT(4o)との対話録 ～ゲーム開発の中で学んだ沢山の事～
[Human x AI] ChatGPT(4o)との対話録 ～ゲーム開発の中で学んだ沢山の事～
【JavaScript入門講座】クラス設計 #01：thisの意味、状態のカプセル化、メソッド化、そして再利用性
この記事では、UI機能を作る中で自然に必要になったクラス設計の導入プロセスを、実体験ベースで丁寧に解説します。thisの意味、状態のカプセル化、メソッド化、そして再利用性の話まで。「クラスって難しそう」と感じていた方にこそ読んでほしい入門講座です。
![[CSS実践講座 #02]基本レイアウトを学ぶ (ゲームのサウンドテストUIを作成)](https://assets.lain-lab.com/images/uploads/css-course-02.webp)
[CSS実践講座 #02]基本レイアウトを学ぶ (ゲームのサウンドテストUIを作成)
本記事では、ゲームのサウンドテスト画面を題材に、CSSでの基本レイアウト設計を実践的に学びます。flexとgridの使い分け、スクロール領域の制御、カードUI配置、モーダル表示、レスポンシブ対応など、現代的なUIの基礎を網羅。