IndexedDB

【JavaScript 応用講座】：[WebRTC/P2P] ZIPアセットをWebRTCで双方向送受信

2025-07-25 | lain

JavaScriptとWebRTC（simple-peer）を使って、ゲームのアセットZIPファイルをP2Pで双方向送受信する仕組みを構築しました。チャンク分割による転送、Blob生成、ZIP展開、IndexedDBへの保存まで、実装手順を完全公開。デモ付きで応用可能な設計思想を解説。

カテゴリ： JavaScript

タグ： #JavaScript#WebRTC#P2P#simple-peer#IndexedDB#Blob#ゲーム開発#ファイル送受信#フロントエンド

【JavaScript 応用講座】：[P2P通信入門] simple-peerでシグナリングと接続を理解する

2025-07-20 | lain

Webアプリ上でのP2P通信にチャレンジ！「WebRTCは難しそう…」と思っていたけれど、simple-peerを使えば意外とシンプルに実装できました。この記事では、実際の接続手順、initiator問題、シグナリングの中身までを丁寧に解説し、将来的な分散アプリ構想まで視野に入れたP2Pの可能性を探ります。

カテゴリ： JavaScript

タグ： #JavaScript#学習記事#P2P#WebRTC#P2P通信#simple-peer#JavaScript#フロントエンド開発#分散アプリ#IndexedDB#リアルタイム通信#Webアプリ#シグナリング

【JavaScript応用講座】なぜ画像が表示されない？BlobとcreateObjectURLの落とし穴

2025-07-11 | lain

この記事では createObjectURL() の仕組みと、BlobとFileの違い、IndexedDBとの相性、そして「なぜ画像が表示されないのか？」という問題に対する本質的な解決策を、実体験ベースで解説します。

カテゴリ： JavaScript

タグ： #JavaScript#Blob#IndexedDB#File API#Web開発#バグ事例

【JavaScript応用講座】localStorage卒業、IndexedDBでゲームデータを保存する

2025-07-10 | lain

Webゲーム開発で素材の保存に悩んだら？localStorageからの卒業、IndexedDBの導入でZIPデータやサムネイルを自在に管理する方法を実例で紹介。

カテゴリ： JavaScript

タグ： #IndexedDB#idb#Webゲーム開発#localStorage#フロントエンド#ブラウザストレージ#HTML5#GameDev#ZIP管理

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

2025-07-12 | lain

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

カテゴリ： Human x AI

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

Decap CMS × Duplicateバグ × IndexedDBの罠

2025-05-31 | lain

Decap CMSで「Duplicate」でしか記事修正できなくなった問題の原因と修正方法

カテゴリ： Decap CMS

タグ： #Duplicate#IndexedDB#developertool#Chrome

Decap CMSとの格闘録 ― Duplicate問題とIndexedDBの残高の6時間

2025-05-31 | lain

Decap CMSとの格闘録 ― Duplicate問題とIndexedDBの残高の6時間

カテゴリ： Decap CMS

タグ： #Duplicate#IndexedDB#バグ

[Human x AI] ChatGPT(4o)との対話録～挫折と断酒～

2025-07-16 | lain

[Human x AI] ChatGPT(4o)との対話録～挫折と断酒～

カテゴリ： Human x AI

タグ： #オープンダイアローグ#対話#AI対話#自己探求#エッセイ#indexedDB#JavaScript#ゲーム開発#断酒#挫折#DevTools#scoop#デバッグ#Safari#Webインスペクタ#iTunes#iPhone#powershell#proxy#Live Server#断酒アプリ

カテゴリ：IndexedDB