【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

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

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

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

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