#javascript

BunのコードベースにおけるRustファイルとJavaScript/C++ファイルの比率を可視化した分析。新たに追加されたRustのファイル群が全体のコード構成に占める割合をグラフで示し、Bunが徐々にRustへ移行している様子を視覚的に理解できる内容。

著者は自身のメモブログに実装した「シャッフル」機能の改良について詳しく解説。以前は全ページに全ノートIDを埋め込んでいたが、ビルドが遅くなる問題があった。そこで、単一のHTMLページにシャッフルロジックを集約する手法に変更。ユーザーが「シャッフル」ボタンを押すと専用ルートに遷移し、「Shuffling…」というフィードバック表示と共に、意図的に300msの遅延を入れてからランダムなノートへ移動する仕組みを採用した。昔のCDプレイヤーのシャッフル機能のような体験を再現したという。

Klipy API向けに型安全なJavaScript/TypeScript SDK「klipy-js」が公開された。TypeScriptの型チェックを活かしながらKlipyのAPIを簡単に利用できるSDKで、開発効率と信頼性の向上が期待できる。

本記事では、ECS（Entity Component System）とOOP（オブジェクト指向プログラミング）のメモリアクセスパターンがパフォーマンスに与える影響を比較する。特にJavaScriptにおけるECSの実装可能性に焦点を当て、CPUキャッシュの利用効率やメモリレイアウトの違いが実行速度にどう影響するかをベンチマークを通じて検証する。

ES2026で導入される注目のJavaScript新機能を網羅的に解説。Promiseの改善やパターンマッチング、レコード・タプル型などの最新仕様について、実用的なコード例とともに詳しく紹介する。開発者が知っておくべき変更点をわかりやすくまとめた内容。

この記事では、2010年代以降にJavaScriptに追加された主要な機能を包括的に解説しています。let/const、アロー関数、テンプレートリテラル、分割代入、スプレッド演算子、クラス、Promise、async/await、モジュールなど、モダンなJavaScript開発に欠かせない構文や概念を、従来の書き方と比較しながら学べる入門的内容です。

Domternal is a headless, framework-agnostic rich-text editor that works with Angular, React, Vue, and vanilla JavaScript. It decouples the editing logic from the UI, giving developers full control over the editor's appearance and behavior while providing a consistent editing experience across different frameworks.

Googleが開発したXR Blocksは、AI（人工知能）とXR（拡張現実）のプロトタイピングを迅速に行うためのオープンソースJavaScriptライブラリです。モジュール化されたブロックの組み合わせにより、複雑なインタラクティブ体験を効率的に構築できます。

GolemUIは、JSON定義から動的にフォームを生成するオープンソースライブラリです。28以上のヘッドレスコンポーネントを提供し、CSS変数でスタイリング可能。React、Angular、Vue、Lit、Vanilla JSに対応し、型付きレイヤーでプログラムによるフォーム作成も可能。LLMとの連携を想定した検証MCPツールも備えています。

CSSの状態管理（:hover、:focus、:checkedなど）とJavaScriptのイベント処理の間にある境界線が、近年のCSS機能（:has()、カスタムプロパティ、アンカーポジショニングなど）の進化によって曖昧になりつつある。本記事では、これまでJavaScriptに依存していたインタラクションの一部をCSSだけで実現できるようになった事例を紹介し、それぞれの適切な使い分けについて考察する。

Pythonの文字列.join()メソッドは、一見直感に反する動作をするため、多くの開発者が混乱する。この記事では、join()が文字列のメソッドであり、渡されたイテラブルの要素を結合する仕組みについて解説し、その設計意図と裏にあるPythonの哲学を探る。

本記事では、GUIフレームワークSlintがNode.jsのイベントループとどのように連携するかを解説する。SlintはシングルスレッドのNode.js環境で非同期処理をブロックせずにUIをレンダリングするための仕組みを提供しており、イベントループの統合方法や注意点について具体例を交えて説明する。

TypeScript と JavaScript のコードを、ブラウザ上でインタラクティブに操作できる等角投影（アイソメトリック）表示の回路基板として視覚化するツール。コードの構造や依存関係を物理的な電子回路のように表現し、視覚的に探索・理解できるようにする。

JSONハンドブックは、JSON（JavaScript Object Notation）の基本構文、データ型、パース方法、シリアライゼーション、および実践的な活用テクニックを網羅した総合ガイドです。初心者から経験者まで、JSONを正しく理解し効率的に扱うためのリファレンスとして活用できます。

console.log() は参照（オブジェクトや配列）を渡した場合、展開時点の値ではなく、コンソールで確認した時点の最新の値を表示することがあります。この非同期な挙動が原因で、デバッグ中に誤った前提でコードを追ってしまう落とし穴にハマらないよう、JSON.stringify やスプレッド構文を使ったスナップショット取得のテクニックを紹介します。

This project is a browser-based recreation of the classic Atari ST game MIDI Maze, faithfully replicating the original's wire-like visual style and gameplay. Built with JavaScript, it runs directly in the browser without any plugins, offering an authentic retro gaming experience on modern hardware.

Ziscusは、静的サイトにJavaScriptを一切使用せずにコメント機能を追加できるサービスです。サーバーサイドレンダリングによるコメント表示を実現し、ページのパフォーマンスやセキュリティを損なうことなく、訪問者同士の対話を可能にします。

jQuery 4.0では、大幅なパフォーマンス改善が導入され、レガシーな非推奨APIが削除され、最新のブラウザ機能への対応が強化されています。この記事では、jQuery 4.0がもたらす速度向上の具体的な内容と、既存プロジェクトへの影響について詳しく解説します。

Svelteの開発者Rich Harris氏が、AI技術がフロントエンド開発やSvelteフレームワークに与える影響について議論する動画です。AIツールの活用とSvelteの将来像について、開発者視点からの洞察を提供しています。

LemonadはJavaScript向けの関数型プログラミングライブラリです。ファーストクラスの関数、クロージャ、高階関数などの関数型プログラミングの概念を活用し、より宣言的で簡潔なコードを書くためのユーティリティを提供します。

Fantasy Landは、JavaScriptにおけるファンクター、モナド、セミグループなどの代数構造の相互運用性を定義する仕様です。この仕様に従うことで、異なるライブラリ間でも一貫した方法でこれらの構造を操作できるようになります。関数型プログラミングのパターンをJavaScriptで実践するための基盤を提供します。

Node.jsプロジェクトはリリーススケジュールの変更を発表しました。今後は偶数月（4月、8月、12月）にメジャーリリースを実施し、より予測可能で持続可能なリリースサイクルを目指します。これにより、開発者コミュニティは計画的に最新機能を活用できるようになります。

「Q1K3」は、わずか13KBという驚異的なサイズでQuakeライクなFPS体験を実現した、js13kgamesコンテストのエントリー作品です。テクスチャマッピングや3Dレンダリング、射撃や移動といった基本機能を極限まで圧縮し、ブラウザ上で動作します。

Hypersonic.jsは、高速なWebアプリケーション開発を目的としたJavaScriptフレームワークです。パフォーマンスの最適化と簡潔なAPIを提供し、効率的なフロントエンド開発を実現します。

Dan Abramov, known for his work on React, Redux, and Create React App, has announced that he is joining the Next.js team. This marks a significant move in the web development community, as Abramov will now be contributing to Vercel's popular React framework.

「Portal in a Browser」は、人気ゲーム「Portal」をブラウザ上で再現したプロジェクト。WebGL技術を活用し、特別なインストール不要でポータルガンを使ったパズル体験を提供する。

This article explains how to protect Supabase projects from NPM supply chain attacks. It covers the risks of malicious npm packages, best practices for dependency management, and specific measures Supabase users can take to secure their projects against such threats.

本記事では、プログラミング言語における「ホイスティング式」の概念について解説する。従来の変数や関数の巻き上げ（ホイスティング）を拡張し、式レベルでの評価順序とスコープ解決のメカニズムを考察する。特に、静的な構文解析と実行時の動作の関係性に焦点を当て、より表現力豊かな言語設計の可能性を探る。

Deno 2.9がリリースされました。このバージョンでは、パフォーマンスの改善、新しいAPIの追加、そして開発者体験の向上が図られています。詳細な変更点については公式ブログ記事をご確認ください。

Reactの深いインポートで発生するエラーをデバッグするため、ビルドツールに頼らずにimportの依存関係を可視化する手法を紹介。importマップや動的モジュール解析を活用し、バンドル不要でモジュール解決の失敗箇所を特定する方法を解説する。