![[JavaScript] Mermaid / Graphviz / Cytoscape / elkjs 図式化/実用比較](https://humanxai.info/images/uploads/javascript-diagramming-compare-2025.webp)
[JavaScript] Mermaid / Graphviz / Cytoscape / elkjs 図式化/実用比較
2025-09-30 | lain
Markdownで描けるMermaidから、大規模ネットワークに強いCytoscape.jsまで。主要な図式化ライブラリのクイックスタートと使い分け指針をまとめました。
カテゴリ：JavaScript
【緊急対策あり】npm史上最悪のワーム攻撃『Shai-Hulud』とTinyColor侵害の全貌
2025-09-18 | lain
2025年9月中旬――500以上のパッケージを侵害したnpm史上最悪のサプライチェーン攻撃『Shai-Hulud』。TinyColorを含む有名ライブラリも被害に遭った事件の経緯と技術的背景、そして今すぐ実践できる対策をまとめました。
![[JavaScript] 効果音はBEEPで十分！Web Audioで作るゲームサウンド](https://humanxai.info/images/uploads/javascript-web-audio-beep.webp)
[JavaScript] 効果音はBEEPで十分！Web Audioで作るゲームサウンド
2025-09-14 | lain
MP3や外部ライブラリを使わずに、Web Audio APIだけで効果音を鳴らす方法を解説。ゲーム通知音やチャイム、コイン音などの実装例つき。
【JavaScript入門講座】 JSが触れないメモリに手を伸ばす ─ WebAssembly超入門
2025-08-17 | lain
JavaScript は安全なサンドボックス言語として設計されているため、メモリ操作やネイティブレベルの高速処理には不向きです。そんな「JSの限界」を補うために登場したのが WebAssembly (WASM)。この記事では、なぜ必要になったのか、仕組みと役割分担、サンプルコードを交えて分かりやすく解説します。"
【JavaScript入門講座】 関数に状態を持たせる!? JavaScriptでできる意外な活用法
2025-08-17 | lain
関数に設定や状態を持たせるテクニックは、グローバル変数を減らし、シンプルな設計を可能にします。Proxy・getter・Hidden Class最適化・実測ベンチマークまで幅広く網羅し、実務で役立つベストプラクティスを紹介。
【JavaScript応用講座】localStorageでゲーム設定＆履歴を保存する
2025-07-06 | lain
ユーザーのゲーム設定や履歴を保存したい？localStorageを使えば、ブラウザにデータを永続的に保存できます。この記事では、localStorageの基礎から、JSONを使った設定保存、プレイ履歴の管理まで、ゲーム開発に活用できる実用的なテクニックを初心者向けに解説します。
【JavaScript応用講座】JSONで始める！i18n（多言語対応）実装入門
2025-07-06 | lain
多言語対応（i18n）は、ゲームやWebアプリを世界に届けるために欠かせない技術です。この記事では、JavaScriptとJSONを使ったシンプルで実用的なi18nの実装方法を初心者向けに解説します。言語ファイルの設計から動的なUI切り替え、localStorageを使った設定の保存までをステップ形式で紹介します。
【JavaScript入門講座】 fetch・データ処理・HTML連携まで、JSON基礎講座
2025-07-06 | lain
JavaScriptで非同期データを扱ううえで欠かせないのが「JSON」。この記事では、基本構文からfetch()での読み込み、データの加工、HTMLへの反映方法までをやさしく解説。初心者がつまずきやすい [object Object] や undefined 問題、非同期処理のポイントも実例付きで紹介します。
【JavaScript入門講座】クラス設計 #01：thisの意味、状態のカプセル化、メソッド化、そして再利用性
2025-07-02 | lain
「関数で足りていたのに、なんでクラスが必要になるの？」「thisって結局なに？」「クラスにすると何が楽になるの？」この記事では、実際にクラスを導入したときの設計つまずき・解決法を元に、「クラス設計って何から始めればいいのか」を丁寧に紹介していきます。