はてぶ・Qiita・Zennのトレンド記事を紹介
JavaScriptはWebページに動きを加えるためのプログラミング言語です。フロントエンド開発やサーバーサイドでも利用されています。
ITジャーナリスト／Publickeyブロガー。IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。 オラクルは、カリフォルニア州レッドウッドシティで開幕したイベント「JavaOne 2026」で、「Project Detroit
【コピペでOK】JavaScriptを使わないアコーディオンメニュー 🔖 1
コード （TailwindCSS v4） See the Pen accordion by hrel11 (@hrel11) on CodePen.コード （バニラCSS） See the Pen accordion (vanillac...
JavaにJavaScriptエンジン「V8」とPythonランタイム「CPython」を組み込む「Project Detroit」、オラクルが発表 🔖 40
オラクルは、カリフォルニア州レッドウッドシティで開幕したイベント「JavaOne 2026」で、OpenJDKの新プロジェクト「Detroit」をOpenJDKのプロジェクトプロポーザル（プロジェクト提案）として発表しました。 DetroitはJavaにJavaScriptエンジ
JavaScriptの統合ツールチェーン「Vite+」がオープンソースで公開 🔖 45
JavaScriptのESモジュールに対応した高速なビルドツール「Vite」などを開発しているVoidZeroは、Viteを含むJavaScriptの統合開発ツールチェーン「Vite+」アルファ版をオープンソースで公開しました（GitHubのリポジトリ）。 Announcing
未経験からエンジニアになって1年。今だからこそわかるJavaとJavaScriptの違い 🔖 1
はじめに未経験からエンジニアとして働き始めて約1年。現場でJavaやJavaScriptに触れる中で、ようやく「この2つの違い」を理解できるようになってきましたただ、エンジニアになりたての頃はこんなことを思っていました。JavaとJavaScriptって名前が似...
JavaScript製表計算ライブラリ「SpreadJS」、生成AIへの指示で自動集計や分析が可能になる機能搭載 🔖 15
Excelライクな表計算機能をWebアプリケーションなどに組み込めるJavaScript製ライブラリ「SpreadJS」を提供するメシウス（旧グレープシティ）は、同製品の新バージョン「SpreadJS v19J」で、生成AIとの連携機能を搭載すると発表しました。 SpreadJS
将来のChrome代替ブラウザとして注目されるLadybirdがC++からRustへの移行を開始、AIを活用し2週間でJavaScriptエンジンの移植に成功 🔖 47
ウェブブラウザのLadybirdがC++に代わるプログラミング言語としてRustを採用したことを発表しました。すでにJavaScriptエンジンをRustベースに置き換えることに成功しています。 Ladybird adopts Rust, with help from AI -
生成AIでJavaScript/TypeScriptを扱うときに設定しておきたい ESLintルール - プププなテクブ 🔖 146
このエントリはTSKaigi Mashup Kansai 生成AIでTSを扱うときに考えたい設計&ガードレールでの発表内容です。登壇資料をブログとして読めるように再構成して公開しています。 はじめに 去年あたりは「ジュニアエンジニアレベルと思ってね」と公式各所から言われていたコー
JavaScriptの `async/await` はどこから来たのか？ C#、F#、Haskell……源流を辿ったら1958年にたどり着いた件 🔖 36
ということを書いた手前、async/awaitの歴史について書いておかないといけない気がした。なお補足しておきますと、元ネタの記事はJavaScriptの async/await の歴史についていえば、間違ってないと思います。ただ、 async/awaitは...
JAXA Earth API for JavaScript 🔖 23
JAXA Earth API for JavaScript Version 2.0.0 のAPIドキュメントです。 このAPIを利用すると、地球観測データを容易にブラウザ上に表示したり、地球観測データを利用したウェブアプリを開発したりすることが可能です。 必要な範囲のデータを必要
「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく 🔖 120
「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく 回答者の国別分布を見ると米国が16％、ドイツが8％、フランスが7％、イギリス（UK）が5％、ロシアが3％、
HTML: 「JavaScriptなし」で動く最新の多機能確認ダイアログを構築する（翻訳）｜TechRacho by BPS株式会社 🔖 19
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Stylish dialogs | Fractaled Mind 原文公開日: 2025/12/18 原著者: Stephen Margheim 日本語タイトルは内容に即したものにしました。 以下のような複雑なスタイル
304 Not Modified は JavaScript も速くする？ 🔖 31
はじめに こんにちは、Repro Booster のプロダクトマネージャーの Edward Fox（@edwardkenfox）です。 HTTP 304 Not Modified というステータスコードをご存知でしょうか。ブラウザがキャッシュ済みのリソースを再検証する際、サーバー
Pythonの勉強を始めたところ標準ライブラリが強力すぎて（Javascript比較）驚きました。Pythonからプログラムの勉強を始めると多言語学習に苦労するのでは無いでしょうか？ 🔖 30
Pythonの勉強を始めたところ標準ライブラリが強力すぎて（Javascript比較）驚きました。Pythonからプログラムの勉強を始めると多言語学習に苦労するのでは無いでしょうか？PythonJavaScriptプログラミング初心者独学 そういう驚きを感じられるのは、プログラマ
なぜJavaScriptのfetchはawaitを2回しないとレスポンスを取れないのか | maguro.dev 🔖 315
const resp = await fetch("https://api.example.com/data"); await を2回書いているのが気になったことはありませんか？1回の await で一気にレスポンスボディまで取れたら楽なのに、と思ったことはないでしょうか。 とあ
【Crank.js】リアクティブという欠陥を完全解決したJavaScriptフレームワーク、Crank.jsの思想と信条 🔖 46
ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。 またなんか無限レンダリングされるとかなんか2回計算さ
【TypeScript】AWS SDK for JavaScript v2からv3への移行ガイド：S3・Lambda・Secrets Managerのコード比較 🔖 1
はじめにプロジェクトで使用している AWS SDK を v2 から v3 へと移行しました。v3 はモジュラアーキテクチャを採用しており、必要なパッケージのみをバンドルできるため、アプリケーションのサイズの削減やTypeScriptとの親和性向上が期待できます！しかし...
【Crank.js】リアクティブという欠陥を完全解決したJavaScriptフレームワーク、Crank.jsの思想と信条 🔖 46
ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。またなんか無限レンダリングされるとかなんか2回...
わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」 🔖 36
家電製品や産業機器などを制御するための組み込みシステムでは、コスト削減のためメモリの容量が限られています。近年ハードウェアの性能が向上したことにより一部でJavaScriptやPythonなどスクリプト言語がCやC++の代わり、もしくは補助として利用できるようになりました。そこで
50種類以上の商用JavaScript UIコンポーネントがオープンソースに、React、Angular、Blazor、Web Components対応。インフラジスティックスが公開 🔖 44
50種類以上の商用JavaScript UIコンポーネントがオープンソースに、React、Angular、Blazor、Web Components対応。インフラジスティックスが公開 ビジネス向けUIライブラリを提供しているインフラジスティックスは、同社が提供しているUIライブラ
2026年版：JavaScript/TypeScriptのロギング入門 🔖 170
本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨
2026年版：JavaScript/TypeScriptのロギング入門 🔖 170
本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨
【JavaScript】jQuery.ajaxでFormDataを送信する際の注意点 🔖 2
ajax通信で少しハマったajax通信を使ってデータをバックエンドに送信する際、少し仕様でハマった話です。はじめにjQueryの$.ajaxを使ってFormDataオブジェクトを送信する際に、クエリパラメータが正しく送信されない問題に遭遇したので、その原因と解決方...
Vue Fes Japan 2025レポート ～Evan Youが描く、JavaScript開発ツールの理想郷 | gihyo.jp 🔖 13
Vue Fes Japan 2025レポート ～Evan Youが描く、JavaScript開発ツールの理想郷 2025年11月、東京で開催された「Vue Fes Japan 2025」。7回目を迎える日本最大のVueカンファレンスには、過去最多となる800人超の開発者が
第三者のJavaScriptをセキュアに実行するには？― exaBase Studio のプラグイン機能 🔖 19
メリークリスマス🎄 Studio Application 開発グループの吉田です。 エクサウィザーズのAdvent Calendar 25日目、最終日です！ exaBase Studio に Figma みたいなプラグイン機能を入れたい これはけっこう前からずっと頭の片隅にあった
イベントループを裏側から腹落ちさせる：JavaScriptエンジンとブラウザの役割、TaskとMicrotaskの正体 🔖 3
!この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint 123週目の記事です！3年間連続達成まで残り36週となりました！ 3行まとめ：この記事で書いていること実行の順序制御はJavaScriptエンジンではなく、ホスト環境（ブラ
JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう - iimon TECH BLOG 🔖 38
こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025 14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい
JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう 🔖 38
こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025 14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい
V8 JavaScript engineで寒い冬を暖かく過ごしたい - iimon TECH BLOG 🔖 35
はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして
【超わかりやすい】fetch + then + mapで擬似的なAPIを取得してTodoを表示する処理を分解して解説してみた【JavaScript】 🔖 1
はじめにJavaScript の fetch を使って API からデータを取得し、それを HTML に描画するコードの動きがよく分からなかったので、詳しく解説してみました。対象コードはこちらfunction todo() { fetch('/serv/api/...
V8 JavaScript engineで寒い冬を暖かく過ごしたい 🔖 35
はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして
Web制作者は腕試し！ JavaScriptやReactなどのコードでキーボードのタイピング練習ができるAIアプリ -TypeQuicker 🔖 15
キーボードで文書や単語のタイピング練習をはじめ、JavaScriptやReactなどのコードでもタイピング練習ができるオンラインツールを紹介します。 タイピング練習できるサイトはたくさんありますが、本ツールはAIによる詳細な解析が大きな特徴で、単語による入力速度、誤入力のパターン
【JavaScript】単位をJSで取り扱えるようにしようという提案 🔖 40
たとえば1t + 2kg + 3g + 4mgみたいなことはJavaScriptではできません。単位変換ができない以前に、単位という概念がありません。例外は暦くらいで、それ以外の値については値しか扱うことができません。ということでJavaScriptで単位を扱えるよう...
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session 🔖 43
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
ついにyt-dlpのYouTubeダウンロード機能をフル活用するにはDenoなどのJavaScriptランタイムが必要に、インストール手順はこんな感じ 🔖 63
メディアダウンローダー「yt-dlp」でYouTubeの動画をダウンロードする場合、「Deno」などの外部JavaScriptランタイムを別途用意することが強く推奨されるようになりました。JavaScriptランタイムを用意しないと、YouTubeのダウンロードをうまく実行できな
"use client" は JavaScript 標準ではない - 「出所不明」な文字列が隠すリスク 🔖 28
はじめに "use client" や "use server" といったディレクティブは、React Server Components（RSC）の普及とともに広く使われるようになりました。一見すると、これらは JavaScript の標準機能である "use strict"
【JavaScript】配列を二重配列に分解する提案 🔖 15
これはなに？Iterator Chunking[1, 2, 3, 4, 5, 6, 7, 8] ↓[ [1, 2, 3], [4, 5, 6], [7, 8] ] // chunking[ [1, 2, 3], [2, 3, 4], [3, 4, 5], [...
"use client" は JavaScript 標準ではない - 「出所不明」な文字列が隠すリスク 🔖 28
はじめに"use client" や "use server" といったディレクティブは、React Server Components（RSC）の普及とともに広く使われるようになりました。一見すると、これらは JavaScript の標準機能である "use strict"
JavaScriptなしで使える！Popover APIの基本的な使い方 🔖 1
はじめにどうもどうも。最近めっきり寒くなりましたねぇ。さて、今回はPopover API（ポップオーバー API）について書いていきたいと思います。Webサイトでツールチップやドロップダウンメニューを実装する時は、JavaScriptライブラリに頼ることが多かったと思いま