【海外記事紹介】Node、Denoだけじゃない！過去10年間に登場した大量のJavaScriptランタイムをまとめた記事が話題に 🔖 13

7月25日、Jamie Birch氏が「The many, many, many JavaScript runtimes of the last decade」と題したブログ記事を公開し、話題になっている。 7月25日、Jamie Birch氏が「The many, many,

JavaScriptの「関数まわり」応用まとめ 🔖 3

JavaScriptの「関数まわり」応用まとめ～スコープ・関数式・高階関数・メソッド・this・エラーハンドリング～🗺️ スコープとは？スコープとは「変数や関数がどこから見えるか？」という**“見える範囲”**のこと。どこで宣言したかによって、その変数が使え...

Vanilla JavaScriptでHeadless UI的なことを実現するTailwind Elementsがかなり面白い 🔖 2

!この記事で使用しているソースコードはGitHubで公開しています。またデモアプリはVercelで公開しています。 はじめにUIライブラリとして最近話題なのはshadcnです。これは擬銃的にはRadix UIのスライル無しなコンポーネントにTailwind CSSでスタ

Vanilla JavaScript support for Tailwind Plus 🔖 54

JavaScriptの条件文・比較演算子・論理演算子まとめ 🔖 2

JavaScriptの条件文・比較演算子・論理演算子まとめ目次1. 比較演算子2. よく使う標準関数3. ファイルからJavaScriptを実行する4. 条件分岐（if, else if, else）5. TruthyとFalsy6. 論理演算子7. ...

JavaScript の Object 比較を変えるか？ 新しいプロポーザル proposal-composite とは 🔖 22

皆さん、こんにちは！ デジスマチームの小島(@jiko_21)です。 このブログはデジスマチームブログリレーの 2 日目の記事です。 JavaScript の進化は止まりませんね！ 毎年、新しい仕様が TC39（ECMAScript の標準化委員会）にて議論され追加されています。

JavaScriptの文字列・NULL/Undefined・Mathオブジェクトまとめ 🔖 2

JavaScriptの文字列・NULL/Undefined・Mathオブジェクトまとめ📝 この記事で学べることJavaScriptの「文字列操作」「null/undefinedの違い」「Mathオブジェクトの基本」を初心者向けに分かりやすくまとめました。目...

【CSS】リンクの色をJavaScriptから取得できるようになる、予定 🔖 4

CSS疑似クラス:visitedのプロパティcolorは取得することができません。なぜなら、リンク先の色を取得すると、そのリンク先を訪れたことがあるかどうかを識別できてしまうからです。HTML

JavaScriptのプリミティブ型と変数の基本まとめ 🔖 2

JavaScriptのプリミティブ型と変数の基本まとめ🟢 プリミティブ型（基本のデータ型）JavaScriptの主なプリミティブ型は、次の5つです。型説明例Number数値型42, 3.14String文字列型"Hello", '...

JavaScript の using と DisposableStack#defer で Go の defer 風 🔖 3

JavaScriptのExplicit Resource Managementという提案では using という構文が注目されがちな気がする。しかし実は構文以外にもいくつかのビルトインが追加される。こないだExplicit Resource Managementで追加されたビル

JavaScriptのforEachでawaitが効かない理由 🔖 85

背景 JavaScriptでは forEach という配列から要素を取り出して反復処理できる関数があります。 前の記事 JavaScriptのforEach内でbreakができない理由【備忘録】 では、 forEach の中では break が使えず、途中でループを抜けることがで

JavaScriptのforEachでawaitが効かない理由 🔖 85

背景JavaScriptでは forEach という配列から要素を取り出して反復処理できる関数があります。前の記事 JavaScriptのforEach内でbreakができない理由【備忘録】 では、 forEach の中では break が使えず、途中でループを抜ける...

JavaScript で Wasm 使ってるなら要注意！ そのメモリ、本当に解放されてますか？ - カミナシ エンジニアブログ 🔖 107

数ヶ月前、画像処理ライブラリ OpenCV.js を使って Web カメラの映像をリアルタイム処理するプロトタイプを作っていたときのことです。 OpenCV.js は C++ で書かれたコードを WebAssembly（Wasm） にコンパイルして作られており、Wasm ならでは

JavaScript で Wasm 使ってるなら要注意！ そのメモリ、本当に解放されてますか？ 🔖 107

数ヶ月前、画像処理ライブラリ OpenCV.js を使って Web カメラの映像をリアルタイム処理するプロトタイプを作っていたときのことです。 OpenCV.js は C++ で書かれたコードを WebAssembly（Wasm） にコンパイルして作られており、Wasm ならでは

JavaScript で Wasm 使ってるなら要注意！ そのメモリ、本当に解放されてますか？ 🔖 107

数ヶ月前、画像処理ライブラリ OpenCV.js を使って Web カメラの映像をリアルタイム処理するプロトタイプを作っていたときのことです。 OpenCV.js は C++ で書かれたコードを WebAssembly（Wasm） にコンパイルして作られており、Wasm ならでは

JavaScriptのif/else地獄をリファクタリングで解消する（翻訳） 🔖 4

Table of contents • Exploring JavaScript (ES2025 Edition) 🔖 26

【海外ニュース】ES2025対応の詳しすぎるJavaScript解説書が無料公開され全プログラマ大歓喜 🔖 188

6月14日、Axel Rauschmayer氏は新刊書籍「Exploring JavaScript (ES2025 Edition)」を公開した。 本書は、モダン JavaScript の習得を容易にし、初学者から上級者までを対象に ES2025 までの全機能を体系的に解説するも

JavaScriptのforEach内でbreakができない理由【備忘録】 🔖 4

背景社内でJavaScriptの反復処理について話が上がった際に、「forEach は break を使って抜けることができない」と聞きました。なんとなくの理解しか持ち合わせていなかったため、こ…

新・JavaScript文法（6）：スコープとクロージャ 🔖 2

前回の記事 では、JavaScriptの関数について、従来の関数宣言から最新のアロー関数までを扱いました。今回は、JavaScriptのスコープとクロージャについて、基本的な概念から実践的な活用方法…

全世界のソフトウェア開発者は4700万人。最も多いのがJavaScript開発者で2800万人、Java、Pythonが続く。スラッシュデータの調査 🔖 182

全世界のソフトウェア開発者は4700万人。最も多いのがJavaScript開発者で2800万人、Java、Pythonが続く。スラッシュデータの調査 IT業界に関する調査を行っているSlash Dataは、全世界のソフトウェア開発者に関する調査結果を発表しました。 発表によると、

JavaScript PrimerのNotebookLMで利用可能になりました！ 🔖 157

JavaScript PrimerのNotebookLMが利用可能になりました。 NotebookLMは、Googleが提供するAIを活用したノートブック環境で、登録したソースに対して質問をしたり、情報を検索したりすることができます。 次のリンクから、JavaScript Pri

A JavaScript Developer's Guide to Go 🔖 20

JavaScriptジェネレータ関数とユーティリティで楽に配列を生成する 🔖 21

JavaScriptジェネレータ関数とユーティリティで楽に配列を生成する 🔖 21

uhyo さんのジェネレータ関数についての記事に触発されました。https://qiita.com/uhyo/items/ee7fb36c050a934a345f僕もたびたび実務でジェネレータ関…

Rolldown | Rust bundler for JavaScript 🔖 12

Why are 2025/05/28 and 2025-05-28 different days in JavaScript? 🔖 29

Google Gen AI TypeScript/JavaScript SDK の使用方法 🔖 1

Google Gen AI SDK for TypeScript and JavaScript は、開発者が Gemini モデルの最先端機能をアプリケーションにシームレスに統合することを可能にしま…

JavaScriptを書かない2025年のモーダルの実装方法 – TAKLOG 🔖 240

2025年のモーダルの実装方法のメモ書き。 <dialog> 要素の利用を前提とします。 Web アプリケーションで UI ライブラリを利用する場合は話が変わってきます。 1年前にdialog要素を使用したモーダルウィンドウの実装例を投稿しましたが、大幅にアップデートされているた

モバイルアプリ開発におけるJavaScript CallbackのWebとの定義共通化 🔖 4

目次 はじめに JavaScript Callback の課題 TypeSpec とは プロジェクト ...

SDK for JavaScriptで発生したInvalidChunkSizeErrorを解消する 🔖 1

はじめにDockerのversionを18から20にアップグレードしたところ、SDK for JavaScript v3でS3へアップロードする際に、InvalidChunkSizeErrorのエラーが発生したため、その解消方法について記事にしていきます。InvalidChu

自分がやってよかったweb製作でのJavaScriptの勉強方法 🔖 6

はじめに現在web制作の勉強として、jQueryの勉強をしているのですが、jQueryの学習が楽に感じたJavaScriptの勉強法を紹介します！JavaScriptの勉強方法web制作のため…

ESLint v9.0.0: A retrospective - ESLint - Pluggable JavaScript Linter 🔖 15

GitHub - sqliteai/sqlite-js: Create custom SQLite functions in JavaScript. Extend your database with scalars, aggregates, window functions, and collations directly in JavaScript. 🔖 28

GitHub - microsoft/mcp-for-beginners: This open-source curriculum is designed to teach the concepts and fundamentals of the Model Context Protocol (MCP), with practical examples in .NET, Java, TypeScript, JavaScript and Python. 🔖 32

JavaScriptのジェネレータ関数を実務で使った話 🔖 39

ジェネレータ関数はJavaScriptの機能の中でもマイナーな機能で、functionの代わりにfunction*で関数を作るのが特徴です（アロー関数版のジェネレータ関数式はありません）。また、その中ではyieid式が使用可能になります。 ジェネレータ関数については、存在は知って

JavaScriptのジェネレータ関数を実務で使った話 🔖 39

ジェネレータ関数はJavaScriptの機能の中でもマイナーな機能で、functionの代わりにfunction*で関数を作るのが特徴です（アロー関数版のジェネレータ関数式はありません）。また、その…

【JavaScript/HTML】4x4ミニオセロゲームを作ってみた 🔖 3

こんにちは！今回は4x4のミニオセロゲームをHTML、CSS、JavaScriptのみで実装する方法をご紹介します。盤面が小さいミニオセロは通常の8x8オセロよりも戦略が単純でわかりやすく、Java…

JavaScript不要! HTMLとCSSでつくるカルーセルUI - ICS MEDIA 🔖 150

2025年4月にリリースされたChrome 135、Edge 135からHTMLとCSSのみでカルーセルUIがつくれるようになりました。新たに追加された::scroll-button()、::scroll-marker疑似要素を使用して、ボタンやインジケーターが実装可能です。 ▼

Converting values to strings in JavaScript has pitfalls 🔖 8

WebAssemblyはJavaScriptの何倍速く動くのかベンチマークしてみた。 🔖 35

近年のWebアプリケーションは、単なる情報表示にとどまらず、複雑なデータ処理や高度な計算処理を必要とするケースが増えています。TypeScriptは型安全性と優れた開発体験でフロントエンド開発の標準となりつつありますが、パフォーマンスが重要な処理においては限界に直面することもあり

WebAssemblyはJavaScriptの何倍速く動くのかベンチマークしてみた。 🔖 35

近年のWebアプリケーションは、単なる情報表示にとどまらず、複雑なデータ処理や高度な計算処理を必要とするケースが増えています。TypeScriptは型安全性と優れた開発体験でフロントエンド開発の標準となりつつありますが、パフォーマンスが重要な処理においては限界に直面することもあり

Giving V8 a Heads-Up: Faster JavaScript Startup with Explicit Compile Hints · V8 🔖 10

JavaScript フロントエンド開発入門 - 簡単Todoアプリを作ろう (１回目) 🔖 2

はじめにHI Engineer Collegeでは、実務未経験のエンジニアの方や、エンジニアに興味がある方を募集したおります、まずはお気軽にお問い合わせください。※ (株)G&amp;T（【内々定まで最…

JavaScript PrimerのES2025対応を手伝ってくれるContributorとSponsorを募集しています 🔖 11

JavaScript Primer (https://jsprimer.net/) では、毎年ECMAScriptの新しい仕様への追従を行っています。 ES2025はもうすでにリリース候補が公開されていて、2025年6月に正式リリースされる予定です。 Release ES2025

JavaScript or TypeScriptで大きい数字を扱うときは罠がいっぱい。 🔖 3

はじめにどうもこんにちは torihaziです。今日はTypeScriptのnumberを扱っていた時に少し詰まったのでその備忘録になります。特に formで大きな数値を扱ったり、表示したり…

JavaScript のサンプルコードの作成ガイドライン - MDN Web Docs | MDN 🔖 45

この節では、 JavaScript のサンプルコードを書く際に留意すべき一般的なガイドラインを説明します。後の節では、より具体的な詳細について説明します。 正しいインデント、ホワイトスペース、行の長さに関する意見は常に論争の的となってきました。このようなトピックに関するディスカッ

【JavaScript】MDNが推奨する最強の書き方 🔖 78

はじめに MDNのドキュメントを眺めていたら、JavaScript のサンプルコードの作成ガイドラインという章を見つけました。第三者にコードを公開するような人向けにまとめられたものですが、正しい書き方の実践としてみることができるので、クローズドなプロジェクトの中でも使えるかもしれ

【JavaScript】MDNが推奨する最強の書き方 🔖 78

はじめにMDNのドキュメントを眺めていたら、JavaScript のサンプルコードの作成ガイドラインという章を見つけました。第三者にコードを公開するような人向けにまとめられたものですが、正しい書き…

応用情報に合格したあと、どうしても作りたかった「過去問演習サイト」をHTML＋JavaScriptで自作した話 🔖 3

応用情報に合格したあと、どうしても作りたかった「過去問演習サイト」をHTML＋JavaScriptで自作した話はじめに2024年春、応用情報技術者試験に独学で合格しました。そのときずっと思って…