【JavaScript セキュリティ講座 #01】innerHTMLとXSSの危険、そしてDOMPurifyのすすめ
2025-07-26 | lain
自由な言語JavaScriptに潜む落とし穴。XSSやnpm事件を通して、安全に使いこなすための設計と心得を解説。
カテゴリ：フロントエンド
![【JavaScript 応用講座】：[WebRTC/P2P] ZIPアセットをWebRTCで双方向送受信](https://humanxai.info/images/uploads/javascript-p2p-06.webp)
【JavaScript 応用講座】：[WebRTC/P2P] ZIPアセットをWebRTCで双方向送受信
2025-07-25 | lain
JavaScriptとWebRTC（simple-peer）を使って、ゲームのアセットZIPファイルをP2Pで双方向送受信する仕組みを構築しました。チャンク分割による転送、Blob生成、ZIP展開、IndexedDBへの保存まで、実装手順を完全公開。デモ付きで応用可能な設計思想を解説。
![[CSS実践講座 #02]基本レイアウトを学ぶ (ゲームのサウンドテストUIを作成)](https://humanxai.info/images/uploads/css-course-02.webp)
[CSS実践講座 #02]基本レイアウトを学ぶ (ゲームのサウンドテストUIを作成)
2025-07-01 | lain
CSSのレイアウトに迷う人へ。サウンドテストUIを題材に、flexとgridの使い分けから、スクロール領域・モーダル・レスポンシブ対応まで丁寧に解説します。実装前の復習におすすめ！
【JavaScript 入門講座】文字化けさよなら：JavaScriptで安全にUnicodeを扱う方法
2025-08-24 | lain
JavaScriptにおけるUnicodeと文字列処理の基礎をわかりやすく解説。文字化けの原因、サロゲートペア、コードポイントの正しい扱い方、正規表現のuフラグの使い方など、実践的なTipsを多数掲載。
【JavaScript 入門講座】型とコピーのしくみを徹底解説！(プリミティブ型と非プリミティブ型)
2025-07-29 | lain
JavaScriptで値の型を調べる方法として有名な typeof と instanceof。でも、「nullはobject？」「配列はどっちで判定すればいいの？」と混乱したことはありませんか？本記事では、typeofとinstanceofのそれぞれの特徴と違いをやさしく解説
【JavaScript 入門講座】typeofとinstanceofって何が違うの？型判定の基本と使い分け
2025-07-14 | lain
JavaScriptで値の型を調べる方法として有名な typeof と instanceof。でも、「nullはobject？」「配列はどっちで判定すればいいの？」と混乱したことはありませんか？本記事では、typeofとinstanceofのそれぞれの特徴と違いをやさしく解説
【JavaScript 3D 入門講座】 イベントデリゲーションって何？動的要素に効率よくイベントを付ける方法
2025-07-13 | lain
JavaScriptで動的に追加された要素にイベントが反応しない経験、ありませんか？この記事では、addEventListenerを使った基本的なイベント処理から、イベントデリゲーションの考え方と使い方、実践例までをやさしく解説します。動的UIやカードゲームなどの開発にも役立つ内容です。
【JavaScript応用講座】Webゲーム開発者向けライブラリ10選 〜すべて試したくなる“即戦力ツール”集〜
2025-07-10 | lain
最近、自作ゲームの開発で「これは便利！」と思ったライブラリを厳選して紹介します。それぞれ簡単な使い方付きで、あなたの制作にもすぐ役立つはずです。
【JavaScript応用講座】localStorage卒業、IndexedDBでゲームデータを保存する
2025-07-10 | lain
Webゲーム開発で素材の保存に悩んだら？localStorageからの卒業、IndexedDBの導入でZIPデータやサムネイルを自在に管理する方法を実例で紹介。