The Inner Workings of JavaScript Source Maps
Source maps are the main piece in the jigsaw puzzle of mapping symbols and locations from "built" JavaScript files back to the original source code. When you debug minified JavaScript in your browser's DevTools and see the original source with proper variable names and formatting, you're witnessing source maps in action. For example, when your browser encounters an error at bundle.min.js:1:27698,
AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid
The BestJavascriptVueAngularReactJavascriptGrid in the World Add high-performance, feature rich, and fully customisable Data Grids to your application in minutes with our free, open source library.
React 19.2リリース — 新コンポーネント<Activitiy>やパーシャルプリレンダリングなど改善点多数
10月1日、Reactチームが「React 19.2」を公開した。この記事では、Reactの最新リリースに含まれる新機能や改善点を紹介する。 10月1日、Reactチームが「React 19.2」を公開した。この記事では、Reactの最新リリースに含まれる新機能や改善点を紹介する。 新しいReactの機能 <Activity /> 新コンポーネント<Activity>はアプリを「アクティビティ」に分割して管理できる仕組みである。 これにより、画面上に表示する／隠すだけでなく、効果的にマウントやアンマウント、更新の優先度を制御できる。 // 従来 {isVisible && <Page />} // 新しい書き方 <Activity mode={isVisible ? 'visible' : 'hidden'}> <Page /> </Activity> visible: 子要素を表示し、副
eslint-plugin-react-hooks – React
eslint-plugin-react-hooks provides ESLint rules to enforce the Rules of React. This plugin helps you catch violations of React’s rules at build time, ensuring your components and hooks follow React’s rules for correctness and performance. The lints cover both fundamental React patterns (exhaustive-deps and rules-of-hooks) and issues flagged by React Compiler. React Compiler diagnostics are automat
JavaScript/TypeScript実力強化書 | 技術評論社
概要 一気にJavaScript・TypeScriptのエキスパートへ！ Software Design本誌再編集シリーズ、今度はWeb開発者の必修科目であるJavaScriptとTypeScriptがテーマです。第一線のエンジニアが現場で培った、JavaScript・TypeScriptを最大活用する秘訣を伝授します。 第1章ではJavaScriptの歴史をさかのぼりつつ、基本的な仕様やコーディング作法を解説します。第2章でJavaScriptの関数について、関数のしくみ、引数、関数型プログラミングなどの観点で徹底的に解き明かします。第3章では、JavaScriptの非同期処理について、非同期処理そのものの変遷から、並行・並列処理の違い、Promiseやasync/await、AbortSignal/AsyncLocalStorageまで詳細に掘り下げます。第4章では、TypeScrip
【海外記事紹介】オープンなローカルLLM「GLM-4.5」に「インベーダーゲーム作って」と頼んだら、古いラップトップでも完璧なHTML5ゲームが出力される
コマンド例（コードサンプル） uv run \ --with 'https://github.com/ml-explore/mlx-lm/archive/489e63376b963ac02b3b7223f778dbecc164716b.zip' \ python from mlx_lm import load, generate model, tokenizer = load("mlx-community/GLM-4.5-Air-3bit") prompt = "Write an HTML and JavaScript page implementing space invaders" messages = [{"role": "user", "content": prompt}] encoded = tokenizer.apply_chat_template(messages, add_
【海外記事紹介】Node、Denoだけじゃない！過去10年間に登場した大量のJavaScriptランタイムをまとめた記事が話題に
7月25日、Jamie Birch氏が「The many, many, many JavaScript runtimes of the last decade」と題したブログ記事を公開し、話題になっている。 7月25日、Jamie Birch氏が「The many, many, many JavaScript runtimes of the last decade」と題したブログ記事を公開し、話題になっている。 この記事では、ブラウザ誕生からわずか30年足らずでJavaScriptがクラウド、エッジ、スマートTV、そして数バイトRAMのマイコンにまで到達した理由と、その過程で生まれた多様なランタイム／エンジンの系譜について詳しく紹介されている。以下に、その内容を紹介する。 ランタイムが増殖した十年 著者はまず、ランタイム多様化の理由を3つにまとめる。 第一に、実行環境の爆発的拡大。スマホや
JavaScriptのメモリリークと検出方法 - Qiita
はじめに JavaScriptアプリケーションが動作していると、時間経過とともに動作が重くなったり、不安定になったりすることがあります。 その原因の一つに「メモリリーク」があります。 本記事では、JavaScriptのメモリ管理の基本から、ChromeのDevToolsを用いたメモリリークの検出方法までを紹介します。 メモリリークとは メモリリークとは、不要になったメモリ領域が何らかの理由で解放されず、保持し続ける現象のことを指します。これにより、利用可能なメモリが徐々に減少し、システムのパフォーマンス低下や、最悪の場合にはクラッシュを引き起こす可能性があります。 JavaScriptエンジンのメモリ管理 JavaScriptエンジンはスタック領域とヒープ領域の二つのメモリ領域を持っており、扱うデータの種類によって2つのメモリ領域を使い分け、メモリ領域の割り当てを行います。 スタック領域
ChatGPT vs Claude vs Gemini コード品質比較｜同一要件で生成されたJavaScriptを徹底解析 - Qiita
ChatGPT vs Claude vs Gemini コード品質比較｜同一要件で生成されたJavaScriptを徹底解析 はじめに AI コードジェネレーターの選択は、開発効率に大きく影響します。本記事では、ChatGPT、Claude、Gemini に全く同一の要件を与えて生成されたコードを技術的観点から徹底比較します。 83サイトの構築経験を通じて得た知見をもとに、各AIの設計思想とコード品質を詳細に分析しました。 実験概要 共通要件 売上管理ダッシュボードの作成を3つのAIに依頼しました。 要求仕様： 売上データCRUD操作 Chart.js による可視化 ローカルストレージでの永続化 リアルタイムフィルタリング レスポンシブ対応 制約条件： 単一HTMLファイル 外部ライブラリはCDN経由のみ ES6以降の文法使用可 評価指標 コード品質：可読性、保守性、拡張性 アーキテクチャ：
Nuxtの開発元NuxtLabs、Next.jsの開発元Vercelへの合流を発表
Webアプリケーションフレームワーク「Nuxt」の開発元であるNuxtLabsは、同じくWebアプリケーションフレームワーク「Next.js」の開発元であるVercelへの合流（Join）を発表しました（Vercelの発表、NuxtLabsの発表）。 We are excited to announce that NuxtLabs is joining @Vercel to pursue our mission on creating the best DX to deliver the best UX. Read more at https://t.co/Lp4SPXR31B pic.twitter.com/l4D5dbJNBi — NuxtLabs (@nuxtlabs) July 8, 2025 NuxtとNext.jsのそれぞれの違いと特徴とは NuxtLabsがオープンソースソフ
「JavaScript」の商標をOracleから開放するよう求めた審判で無関係な「Node.js」の画像が証拠として使われた件に当事者が反発
プログラミング言語「JavaScript」の商標を保有しているOracleに対し、多数のエンジニアらが商標の取り消しを求めた審判で、Oracleは第三者が立ち上げたプロジェクトの画像を商用利用の証拠として提出しました。この点について当該プロジェクトの当事者が「Oracleの行為は欺瞞(ぎまん)的である」と指摘していたのですが、当局はこの主張を証拠不十分で却下しました。 JavaScript™ Trademark Update | Deno https://deno.com/blog/deno-v-oracle4 JavaScriptはOracleが商標を保有していますが、JavaScriptという言葉は一般的な用語として広く認識されているとして、エンジニアら1万4000人以上の署名をもって商標を開放するよう求める運動が展開されています。 JavaScriptの実行環境である「Deno」や「
JavaScript で Wasm 使ってるなら要注意！ そのメモリ、本当に解放されてますか？ - カミナシ エンジニアブログ
数ヶ月前、画像処理ライブラリ OpenCV.js を使って Web カメラの映像をリアルタイム処理するプロトタイプを作っていたときのことです。 OpenCV.js は C++ で書かれたコードを WebAssembly（Wasm） にコンパイルして作られており、Wasm ならではのブラウザ上での高速な処理が可能なライブラリです。 実際、画像のフィルタ処理や特徴点検出など、ユニットテストの段階では高速に実行でき、開発は一見順調に進んでいるかのように見えました。 ところが、いざアプリケーションに画像処理モジュールを組み込んでみると、起動したカメラが数秒経つとなぜか止まってしまいました。 コンソールにもエラーは出ず、Chrome を再起動すればまた数秒だけ動く……そんな不可解な状態に悩まされました。 原因は、Wasm のメモリリーク。 そう、恐ろしいことに C++ 製 Wasm で作られたライブ
CommonJS と ES Modules の違い 🚀 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? JavaScriptの世界には、モジュールを扱うための2つの主要なシステムがあります。それが「CommonJS」と「ESモジュール（ECMAScript Modules）」です。どちらもコードを分割し、再利用可能にするための仕組みですが、いくつか重要な違いがあります。 📚 モジュールとは？ モジュールとは、特定の機能やデータを持つ独立したコードの単位のことです。モジュールにすることで、コードの可読性や保守性が向上し、大規模なアプリケーション開発がしやすくなります。🚀 🌟 CommonJS モジュール CommonJSは、主にNod
JavaScript (Node.js) にはセミコロンをつけよう！ - Qiita
/Users/kosuke/Workspace/issue-recorder/greet.js:8 [hello, world] = greet() ^ ReferenceError: Cannot access 'world' before initialization at Object.<anonymous> (/Users/kosuke/Workspace/issue-recorder/greet.js:8:9) at Module._compile (node:internal/modules/cjs/loader:1378:14) at Module._extensions..js (node:internal/modules/cjs/loader:1437:10) at Module.load (node:internal/modules/cjs/loader:1212:32
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - tryandromeda/andromeda: JS runtime lolz
How I Made My Online Game Work Without JavaScript and Why You Probably Shouldn’t
bunのECMAScript仕様非準拠の挙動
【海外記事紹介】Tailwind CSSがフレームワーク非依存のコンポーネント群を発表、「Web標準重視」「クライアントJS最小化」の潮流が明確化
【JavaScript】truthyとfalsyについて - Qiita
🎯【保存版】JavaScriptの「Arrow関数 vs 通常関数」完全理解！現場での使い分け＆落とし穴🔥 - Qiita
