AIに「React使って」と言う前に　2025年Web標準技術Vanilla HTML CSS JavaScriptでここまでできる 🔖 66

AIに「React使って」と言う前に 2025年Web標準技術Vanilla HTML CSS JavaScriptでここまでできる はじめに フロントエンド開発において、React、Vue.js、jQueryなどのライブラリやフレームワークが当たり前のように使われている現在です

JavaScript/TypeScript実力強化書 | 技術評論社 🔖 41

概要 一気にJavaScript・TypeScriptのエキスパートへ！ Software Design本誌再編集シリーズ、今度はWeb開発者の必修科目であるJavaScriptとTypeScriptがテーマです。第一線のエンジニアが現場で培った、JavaScript・TypeS

JavaScriptビルドツール徹底ガイド──歴史と進化、LINEヤフーの技術選定 - Findy Tools 🔖 56

公開日 2025/09/09更新日 2025/09/08 JavaScriptビルドツール徹底ガイド──歴史と進化、LINEヤフーの技術選定 本記事は、LINEヤフー株式会社のフロントエンドスペシャリスト、浜田真成さんによる寄稿です。 JavaScriptのビルドツールについて、

JavaScript三十六景Tips集 🔖 70

[背景] このようなまとめが欲しかった。 LeetCodeを解きながら長い間書き留めてきたJavaScript Tips集です。 チーム開発ではもちろん可読性が重視されますので、その点もご留意ください。 elseブロックを段落で表現する if(!l1) return l2 els

【JavaScript】おおよその位置情報を取得できるようにしようという提案 🔖 4

現在、JavaScriptで位置情報APIを使用すると、周囲の環境や引数にもよりますがメートル単位で正確な値を取得することができます。つまり、自宅や職場や通勤通学路やその他入り浸っている宗教病院風俗など全てを正確に把握されてしまうということです。しかし天気予報など、そこ...

JavaScriptのプロトタイプとクラス 🔖 1

JavaScriptのプロトタイプとクラスプロトタイプとはプロトタイプは、JavaScriptオブジェクトが互いに機能を継承するための仕組みですすべての関数は prototypeオブジェクト を持つことができ、作成したオブジェクトはこのプロトタイプ経由でメソッ...

JavaScriptのコールバック関数を理解する - Express.jsの実装から学ぶ非同期処理の基本 🔖 1

JavaScript のコールバック関数を理解する - Express.js の実装から学ぶ非同期処理の基本Express.js でシンプルな API を作りながら、コールバック関数の仕組みとJavaScript の非同期処理について深く理解していきます。 はじめにクラウ

「宣言的スタイル」から学ぶ、JavaScriptと比較したReactの利便性 🔖 1

はじめに こんにちは、山本です。 今回は、自主学習をする中でReactなどのJavaScriptフレームワークの利便性について具体的に理解する経験をしたので当記事で紹介します。 ReactなどのJavaScriptフレームワークはしばしば 「JavaScriptでの面倒な実装を簡

異世界JavaScript 🔖 43

最近は異世界転生も珍しくなくなりました。もしも異世界にJavaScriptがあったら、それは我々の知るJavaScriptとどう違うでしょうか？ この記事では、ECMAScriptまたはその亜種に実装された機能で、標準化に至らなかったものを取り上げます。モダンなECMAScrip

GitHub - image-js/image-js: Image processing and manipulation in JavaScript 🔖 18

異世界JavaScript 🔖 43

最近は異世界転生も珍しくなくなりました。もしも異世界にJavaScriptがあったら、それは我々の知るJavaScriptとどう違うでしょうか？この記事では、ECMAScriptまたはその亜種に実装された機能で、標準化に至らなかったものを取り上げます。モダンなECMAScrip

JavaScriptで要素を複製・追加する主なメソッド 🔖 3

はじめにJavaScriptでのインデックス管理に慣れていなかったため、理解を深める目的で各メソッドを比較・整理しました。つまずいた点や、Vue.js・Reactで同様の処理を実装する際の例もまとめています。DOMとは？DOM（ドム）とは、Document Obj...

JavaScriptの非同期処理とイベントループ 🔖 2

JavaScriptの非同期処理とイベントループコールスタックコールスタックは「いまどの関数が動いていて、その中でどの関数を呼び出したのか」を管理する仕組みですスタック構造なので、最後に呼ばれた関数から順番に処理が戻っていきますシングルスレッドJav...

夏休みの終わりこそ復習しておきたい、ES2016以降のモダンJavaScript再入門 🔖 131

はじめに 夏も終わりに近づいてきましたね。みなさん夏休みはいかがお過ごしでしょうか？海に山に、はたまたエアコンの効いた部屋でJavaScriptでコーディング三昧もアリかなと思ったりもします。ところで、コーヒー片手にコードを書きながら、「うわっ...私のJavaScript、古す

Chrome で JavaScript から言語検出・翻訳がブラウザ単独でできるようになった話 🔖 1

はじめにこんにちは、hamaguchi です普段仕事ではバックエンドエンジニアとして Ruby on Rails を使ったウェブサービスの開発を行なっていますが、プライベートで色々作ったりする中ではバックエンドだけではなくフロントエンドやインフラの領域も触らざるを得ないため色

夏休みの終わりこそ復習しておきたい、ES2016以降のモダンJavaScript再入門 🔖 131

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 はじめに夏も終わりに近づいてきましたね。みなさん夏休みはいかがお過ごしでしょうか？海に山に、はたまたエアコンの効いた部屋でJavaScriptでコーディング三昧もアリかなと思ったりもします。

夏休みの終わりこそ復習しておきたい、ES2016以降のモダンJavaScript再入門 🔖 131

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 はじめに夏も終わりに近づいてきましたね。みなさん夏休みはいかがお過ごしでしょうか？海に山に、はたまたエアコンの効いた部屋でJavaScriptでコーディング三昧もアリかなと思ったりもします。

JavaScript・Node.js・npmの関係性 🔖 3

はじめにNode.jsとnpmの棲み分けが曖昧だったため先輩社員に伺ったところ、JavaScriptとも関わりがあると教えていただきました。なんとなく雰囲気で理解していたNode.jsとnpmを、なぜ開発されたか、JavaScriptとの関係を交えながら理解していきま...

ESLint v9.34.0 released - ESLint - Pluggable JavaScript Linter 🔖 17

JavaScriptの便利な関数機能と構文まとめ 🔖 2

JavaScriptの便利な関数機能と構文まとめ（デフォルト引数、スプレッド構文、レスト構文、分割代入）1. デフォルト引数（Default Parameters）関数の引数に値が渡されなかった場合やundefinedだった場合に、あらかじめ設定したデフォルト値...

The JavaScript Oxidation Compiler 🔖 11

【JavaScript】複数の配列を合体したい、ができるようになる 🔖 3

// 前[ [0, 1, 2], [3, 4, 5],]↓// 後[ [0, 3], [1, 4], [2, 5],]これは需要がある！…………のか？ということで複数の配列を同期して回転させるIterator.zipの紹介です。...

The JavaScript Oxidation Compiler 🔖 21

JavaScriptの関数と配列操作の基礎まとめ 🔖 2

JavaScriptの関数と配列操作の基礎まとめ配列を操作する代表的なメソッド🔄 forEach配列の各要素に対して順番に処理を実行します。戻り値はありません。const fruits = ['りんご', 'バナナ', 'みかん'];fruits.forE...

JavaScriptオブジェクトの基本まとめ 🔖 2

JavaScriptオブジェクトの基本まとめ📝 目次オブジェクトとは？オブジェクトリテラルの書き方オブジェクトから値を取得する方法キーとデータ型の扱いに注意値の参照・更新・追加配列とオブジェクトの違いまとめオブジェクトとは？オブジェクトは...

Railsサーバーとブラウザで同一のJavaScriptコードを使う：mini_racer 🔖 2

聖杯とされる物の一つ「サクロ・カティーノ」（本文とは関係ありません）。Sylvain Billet, CC BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0, via Wikimedia Commons kickfl

JavaScript配列（Array）の基本まとめ 🔖 2

JavaScript配列（Array）の基本まとめ配列とは？配列（Array）は、**順序を持った「値のコレクション」**です。複数の値をひとまとめにして管理できます。配列の作成と値の特徴どんな型の値でも混在して格納できます。// 空の配列let st...

【JavaScript】ボタンの２重クリックを防止する方法 🔖 5

ボタンの２重クリックを防止する方法登録フォームやお問い合わせフォームのbuttonが２重クリックや連打されると、DBに重複登録が起きたり、メールの複数送信などの問題が起きてしまいます。その問題を解決する際に、jQueryのメソッドを使う方法を解説します。jQuer...

JavaScriptのループ構文まとめ 🔖 2

JavaScriptのループ構文まとめ【for, while, for...of, for...in】📝 目次ループとは？JavaScriptの主なループ構文for文while文for...of文for...in文for文の基本構文と例無限ル...

JavaScriptの「関数(Function)」基礎まとめ 🔖 2

JavaScriptの「関数(Function)」基礎まとめ💡 関数とは？プログラムを書いていると、同じような処理を何度も書く場面がよくあります。関数を使えば、よく使う処理をまとめて定義し、何度でも呼び出して実行できます。コードの再利用性がグッとアップします...

この夏押さえておきたいJavaScriptの文字列操作コレクション 🔖 3

!この記事は、CYBOZU SUMMER BLOG FES '25の記事です。こんにちは！サイボウズ株式会社フロントエンドエンジニアの おぐえもん（@oguemon_com） です。サイボウズの技術ブログの夏フェス・CYBOZU SUMMER BLOG FES '25が7

【JavaScript】let だらけのコードが劇的に読みやすくなる const の使い方 🔖 1

はじめにJavaScriptを書き始めて少し経った頃、僕の書くコードはletだらけでした。例えば、以下にピザの注文システムを想定したサンプルコードを書いてみます。// ピザの注文システムlet orderStatus = "pending";let totalP...

【海外記事紹介】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がかなり面白い 🔖 7

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

Vanilla JavaScript support for Tailwind Plus 🔖 53

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

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

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

皆さん、こんにちは！ デジスマチームの小島(@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 までの全機能を体系的に解説するも