![[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)との対話録 ～ スガシカオ / 黄金の月 ～
ARCHIVE_INDEX / PAGE_44
TOTAL_ITEMS: 608
![[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の基礎を網羅。
![[DevTools] DevTools入門講座 #01：HTML CSS JavaScript 開発に必要な基本5タブ](https://assets.lain-lab.com/images/uploads/devtools-course-01.webp)
[DevTools] DevTools入門講座 #01：HTML CSS JavaScript 開発に必要な基本5タブ
「DevTools入門：HTML/CSS/JavaScript開発に必要な基本5タブ」― Elements / Styles / Computed / Console / Network を使いこなす入口に
![[CSS実践講座 #01]position・z-index・display・opacity・overflow：仕組み](https://assets.lain-lab.com/images/uploads/css-course-01.webp)
[CSS実践講座 #01]position・z-index・display・opacity・overflow：仕組み
本記事では、ゲーム開発中に躓いたCSSについて、「どこでハマったか」「なぜそうなるのか」「どう対処したか」を、実践ベースでわかりやすく整理。初心者から中級者にステップアップしたい人へ、自分自身への備忘録も兼ねたメモシリーズの第1回。
![[Human x AI] ChatGPT(4o)との対話録 ～中島聡さんの『MulmoCast』について～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-06-29.webp)
[Human x AI] ChatGPT(4o)との対話録 ～中島聡さんの『MulmoCast』について～
[Human x AI] ChatGPT(4o)との対話録 ～中島聡さんの『MulmoCast』について～
【JavaScript入門講座】 アロー関数と無名関数を使った非同期処理の基本：sleep関数を自作してみよう
本記事では、sleep関数のようなdelay()の自作コードを題材に、それぞれの要素を基礎から丁寧に解説します。初心者でも理解できるように、図解・例付きで解説します。
![[Human x AI] ChatGPT(4o)との対話録 ～チクセントミハイ『フロー体験 喜びの現象学』～](https://assets.lain-lab.com/images/uploads/ai-dialogue-2025-06-27.webp)
[Human x AI] ChatGPT(4o)との対話録 ～チクセントミハイ『フロー体験 喜びの現象学』～
[Human x AI] ChatGPT(4o)との対話録 ～チクセントミハイ『フロー体験 喜びの現象学』～
【JavaScript】アニメーション大全：手作りエフェクトで魅せるUI演出テクニック集（全14種
JavaScriptを活用したアニメーション大全：手作りエフェクトで魅せるUI演出テクニック集