AIと創作の記録をここに。

「AIと人が、共に学び、創る場所」

学びと再出発の旅路へ。

注目のプロジェクト

注目

[ブロック崩しゲーム] ブロック☆パレット魔法で描く不思議な世界

「ブロック☆パレット魔法で描く不思議な世界」は、ブロック崩しゲームの新しいアプローチを取り入れた作品です。魔法とアニメーションの要素を融合させ、プレイヤーに魅力的な体験を提供します。

注目

[PIECE BY PIECE] 記憶のカケラ：失われたピースを集める神経衰弱ゲーム

「記憶のカケラ」は、失われた記憶を取り戻すためにピースを集める神経衰弱ゲーム。ひとつひとつのピースがあなたの記憶を呼び覚まし、挑戦する度に新しい発見が待っています。

注目

[Chrome Add-on] ChatGPT Question Redactor

ChatGPT の会話で、文末が「？」の行を自動的に折りたたむ Chrome 拡張をリリースしました。

注目

FramePack-eichiによるAIアニメーション

FramePack-eichiでAIアニメーションを作成する方法の紹介、及び、画像生成AIの活用方法。

最新記事

[JavaScript] IndexedDBのエラーとその解決方法: TransactionInactiveError

2025-11-20 | lain

IndexedDBのエラー「TransactionInactiveError」の原因とその解決方法を解説。トランザクション管理のコツと非同期処理の適切な使い方について学びます。

カテゴリ： JavaScript

タグ： #IndexedDB#エラー解決#非同期処理#Web開発

[JavaScript] requestAnimationFrameに関するトラブルシューティングと実際の問題解決事例

2025-11-19 | lain

JavaScriptの`requestAnimationFrame`に関する問題解決の実際の事例を紹介。ゲーム開発でよく直面するアニメーションのトラブルシューティングと、それに対する効果的な解決策を解説します。

カテゴリ： JavaScript

タグ： #requestAnimationFrame#トラブルシューティング#パフォーマンス#ゲーム開発

[Human x AI] ChatGPT(5.1)との対話録～「AIと伴走した半年を振り返る」～

2025-11-18 | lain

[Human x AI] ChatGPT(5.1)との対話録～「AIと伴走した半年を振り返る」～

カテゴリ： Human x AI

タグ： #ChatGPT-5.1#対話ログ#javascript#canvas#requestAnimationFrame#個人開発#ゲーム開発#バイブコーディング#デバッグ#非同期処理

[JavaScript] ベクトル演算の基礎をブロック崩しゲームで学ぼう

2025-11-16 | lain

ゲーム開発を通して、ベクトル演算の基本を学ぶための記事。ブロック崩しゲームを題材に、ボールの反射や加速、速度ベクトルの計算について理解しよう。

カテゴリ： JavaScript

タグ： #ベクトル演算#ゲーム開発#物理エンジン#ブロック崩し#JavaScript

[JavaScript] 2D 描画の基本テクニック：save,restore,translate,scale

2025-11-14 | lain

ゲーム開発やアニメーションの描画処理でよく使われる `ctx.save()`, `ctx.restore()`, `ctx.translate()`, `ctx.scale()` の使い方を解説します。

カテゴリ： JavaScript

タグ： #2D描画#Canvas#ゲーム開発

[JavaScript] イベントリスナーで迷わない this と bind() の仕組みを徹底解説

2025-11-14 | lain

JavaScript の this の基本的な挙動を理解し、特にイベントリスナー内での使い方について解説します。this の制御方法として、bind() やアロー関数を使う方法も紹介します。

カテゴリ： JavaScript

タグ： #this#bind()#イベントリスナー#JavaScript 基礎

[JavaScript] ゲーム開発におけるイベント管理と状態管理のベストプラクティス

2025-11-14 | lain

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

カテゴリ： JavaScript

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

[JavaScript] Phaser.js vs. ネイティブ: Canvasで作るブロック崩しゲーム

2025-11-13 | lain

Phaser.jsを使ったゲーム開発と、ネイティブCanvasを使ったゲーム開発を比較し、それぞれのメリットとデメリットを紹介。簡単なブロック崩しゲームを通じて学べるポイントも解説します。

カテゴリ： JavaScript

タグ： #Phaser.js#Canvas#ゲーム開発#ブロック崩し

[JavaScript] IndexedDB: ネイティブ実装の基本と応用

2025-11-12 | lain

IndexedDBをネイティブAPIで実装する方法を解説。非同期処理、データベース管理、パフォーマンス最適化の基本を学びましょう。

カテゴリ： JavaScript

タグ： #IndexedDB#WebStorage#JavaScript#データベース

AIと創作の記録をここに。

注目のプロジェクト

おすすめ記事

最新記事