はてぶ・Qiita・Zennのトレンド記事を紹介
JavaScriptはWebページに動きを加えるためのプログラミング言語です。フロントエンド開発やサーバーサイドでも利用されています。
JavaScriptの日付処理が変わる! DateからTemporalへ - ICS MEDIA 🔖 182
JavaScriptで日付を扱ったことのある方なら、「3月のつもりでnew Date(2026, 3, 15)と書いたら4月になっていた」という経験が一度はあるのではないでしょうか。月だけが0始まりであることはDateクラスの仕様の一例ですが、そのほかにも、日付の計算やフォーマッ
レーベンシュタイン距離を動的計画法を使用して実装してみた(Python/JavaScript) 🔖 1
目次この記事の目的実行環境用語説明実装例コードの解説なぜ途中の計算結果を利用できるか最終的な計算結果動的計画法の使用例感想参考文献この記事の目的動的計画法は言葉や考え方を知っていたが実際にどのような処理をするかは理解していませんでした。そ...
JavaScriptランタイムのBun、Claude Fable 5を11日間稼働させてZigからRustへの移植を実現。Claudeをどう使ったのか? 🔖 33
JavaScriptランタイムのBun、Claude Fable 5を11日間稼働させてZigからRustへの移植を実現。Claudeをどう使ったのか? JavaScriptランタイム「Bun」の作者であるJarred Sumner氏は、7月8日付けで公開したBun公式ブログの記
文字の変化を気持ちよく見せる! テキストアニメーションのJavaScriptライブラリまとめ - ICS MEDIA 🔖 69
テキスト演出では、見た目だけでなく読み上げや選択、コピーへの影響などアクセシビリティにも注意が必要です。元のテキストが読み取りやすい構造で残るか、装飾のための文字が選択やコピーの邪魔にならないかを確認しておくと安心です。 slot-text slot-textは、短いUIラベルを
AWS WAF の JavaScript Integrations と ATP でクレデンシャルスタッフィング対策をやってみた 🔖 1
はじめに この記事で学べること 前提知識・条件 AWS WAF JavaScript Integrations と ATP とは? 検証の全体構成 やってみた Step 1: 疑似ログイン API(AWS Lambda + Amazon API Gateway)を作成 Step
序以前Qiitaにあげていた記事の更新版です(Iterator Helpersが標準入りし、メンテナンス期間のnode.js LTSで使えるようになったので)。RustとJavaScriptで似たような書き方のメソッドチェインを比較します。 Rusthttps://gi
1100万DLのYouTube広告ブロック拡張に「サーバー変更だけで任意JavaScript実行可能」との指摘 🔖 29
Chrome拡張機能「Adblock for YouTube」について、「サーバー側の設定を1つ変更するだけでユーザーのブラウザ上で任意のJavaScriptをページ内で実行できる設計になっている」とエンタープライズブラウザ企業のIslandが指摘しました。Islandは悪意ある
JavaScriptを事前コンパイルする。不可能と言われた挑戦に挑む開発者。|直也テック 🔖 142
今回はポッドキャスト「devtools.fm」に出演したOliver Medhurst氏の回をご紹介します。彼はPorffor(ポーファー)というプロジェクトの作者です。Porfforは「JavaScriptをWebAssemblyへと事前にコンパイルする(Ahead of Ti
ReactとかNext.jsとか、あたかも言語みたいな顔でこちらを見てくるJavaScript周辺技術をまとめてみた 🔖 32
はじめに こんばんは、mirukyです。 私は元文系の人間なので、プログラミングを学び始めたころ「ReactとかNext.jsってプログラミング言語なの?何?」とよく思っていました。なにせ、非常によく使われているのをいいことに、もはやプログラミング言語かのごとき堂々たる顔をしてい
Node.jsで動くのにDenoで動かないJavaScript 🔖 4
Node.jsで動くのに,Denoで動かないJavaScriptのコードに偶然出会しました.// example.tsconst あ・あ = "Hello, 世界!";console.log(あ・あ);一見なんてことはないコードですが,Denoで実行すると,次のようなエ
Node.jsで動くのにDenoで動かないJavaScript 🔖 4
Node.jsで動くのに,Denoで動かないJavaScriptのコードに偶然出会しました.// example.tsconst あ・あ = "Hello, 世界!";console.log(あ・あ);一見なんてことはないコードですが,Denoで実行すると,次のようなエ
ReactとかNext.jsとか、あたかも言語みたいな顔でこちらを見てくるJavaScript周辺技術をまとめてみた 🔖 32
はじめにこんばんは、mirukyです。私は元文系の人間なので、プログラミングを学び始めたころ「ReactとかNext.jsってプログラミング言語なの?何?」とよく思っていました。なにせ、非常によく使われているのをいいことに、もはやプログラミング言語かのごとき堂々たる...
JavaScriptのClass離れの歴史をたどる話 🔖 3
はじめに最近、Petterns.devを読み返しました。シングルトン、Provider、Context分割、ファクトリ、プロトタイプ、HOC、レンダープロップ……といったキーワードを一つずつ追っていくうちに、自分がフロントエンド領域を実務で触り始めた頃にJavaScript周
Pythonばかり書いてきた私がJavaScriptの世界観を理解するために用語(Node.js等)を整理した 🔖 3
Pythonエンジニアの自分も、JavaScriptで何が起こっているのか知っておきたい時代になった(AIがなんでも作ってくれるので)私はもともと、Pythonを中心にML/AIアプリ開発をしていました。uv を入れれば、Python本体や仮想環境まわりはかなり面倒を見てくれ
htmxがめっちゃいい!JavaScriptを書かずにモダンなWebアプリを作る革命 🔖 153
htmxとは何か htmxは、HTML属性だけでAJAX、CSS Transitions、WebSocket、Server-Sent Eventsを実現できるライブラリです。 たったこれだけで、ボタンをクリックしたらサーバーにPOSTリクエストを送り、レスポンスでボタン自体を置き
Java/JavaScript間に跨るロジック変更をAIで一括解析:端数処理の不整合を防ぐ差分レビュー術 🔖 2
はじめに「Javaの計算ロジックを直したけど、JSP側のJavaScriptも合わせて変えたっけ?」業務システムの保守をしていると、こういう不安が頭をよぎる場面があります。特にJavaのBigDecimalで端数処理を変更したような場合、同じ計算式がJavaScrip...
毎週数百万回ダウンロードされる人気JavaScriptライブラリ群「TanStack」にサプライチェーン攻撃、問題のあるバージョンをインストールした開発環境では認証情報流出の恐れ 🔖 21
JavaScriptやReact周辺の開発で広く使われているライブラリ群「TanStack」のnpmパッケージに、攻撃者がマルウェア入りのバージョンを公開するサプライチェーン攻撃が行われました。TanStack公式の事後報告によると、攻撃者は2026年5月11日に、42個のTan
Rust(Yew) vs JavaScript(React) — マンデルブロ集合で実測したWebAssemblyのリアルな速度差 🔖 1
はじめにこんにちは!株式会社ミラボでエンジニアとして働いている 梅澤 です。「WebAssembly は速い」「Rust + WASM ならフロントエンドのパフォーマンス問題は解決」——そんな話を一度は聞いたことがあるのではないでしょうか。私もその一人で、実際に手を動かして確
JavaScriptランタイムのBun、Claudeを使って開発言語をZigからRustへ移行中 🔖 79
Node.js互換のJavaScriptランタイムであるBunの作者Jarred Sumner氏は、これまでZig言語で開発してきたBunの開発言語を、Rust言語へ移行する作業を進めていることを明らかにしています。 移行にはClaudeを使ってZigからRustへの変換を実行。
JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装 🔖 26
この記事はJavaScriptCoreにおける using / await using 構文の実装について、特にバイトコードの生成に焦点をあてて解説するものです。 該当のコミットは以下の二つです: https://commits.webkit.org/308955@main ht
JavaScriptのEvent Flowを理解する — stopPropagation()・stopImmediatePropagation()・preventDefault() 🔖 1
📝 注意: 日本語が得意ではないため、翻訳ツールを使用して作成しました。読みにくい点があればご容赦ください🙇目次イベントフロー — DOMイベントの流れ1.1. Capturing・Target・Bubblingの3フェーズ1.2. フロー図イ...
C#でJavaScriptEngine+ブラウザ自作した 🔖 4
!この記事の内容は2026/5/5時点のものです。文章を書くのが苦手なので、本文は半分以上AIに書いてもらいました。 はじめにC# で JavaScript エンジンを書いていたら、最終的に簡単な Web サイトを表示して JavaScript も少し動くブラウザのよ
[Frontend Performance - Part 9] JavaScript は速いのに、なぜ React は遅いのか?再レンダリングを理解する 🔖 2
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次0. はじめに:JavaScriptは速いのにReactが遅い理由1. Reactの再レンダリングとは何か?2. 再レンダリングが...
[Frontend Performance - Part 8] JavaScriptランタイム最適化:メインスレッドをブロックさせない設計とは? 🔖 2
📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次0. はじめに:Part 5・6・7のおさらい1. 問題の本質:なぜ「速い」だけではダメなのか2. 基本原則:協調的譲歩(Coop...
JavaScriptの日付の概念を変革するTemporalオブジェクト誕生までの9年間の道のり 🔖 25
JavaScriptの標準であるECMAScriptに元々組み込まれているDateオブジェクトを置き換える新しい日時API「Temporal」が導入されます。TemporalはJavaScriptの日時操作における多くの課題を解決することを目指しています。 Temporal: T
React初心者がつまずきやすいJavaScript記法をわかりやすく整理してみた 🔖 1
React を触っていると、JavaScript のさまざまな書き方が自然と登場します。しかし、JavaScript の記法をしっかり理解していないと、React のコードが「なんとなく」でしか読めなくなってしまいます。この記事では、React で頻出する JavaSc...
余計なものが一切ないGitHub風サービス「GitClassic」、JavaScriptの使用を最小限に抑えてファイルサイズはわずか14KB未満 🔖 41
コードホスティングサイトのGitHubは2008年にサービスインして以来着実にリポジトリ数を増やし、ソフトウェア開発のプラットフォームとして不動の地位を確立しています。ただ多くの開発では不要な機能も多く実装されているため軽快さには程遠い状況となっています。また大規模なプルリクエス
GoogleがついにJavaScriptを「再定義」する。次世代解析基盤「JSIR」がASTの限界を突破する理由 | XenoSpectrum 🔖 26
GoogleがついにJavaScriptを「再定義」する。次世代解析基盤「JSIR」がASTの限界を突破する理由 Googleのコンパイラチームは2026年4月6日、JavaScriptのための高レベル中間表現(IR)である「JSIR」のRFC(Request for Comme
JSP × JavaScript (+ Ajax) の基本について 【初心者向け】 🔖 2
執筆のきっかけJavaのサーバサイドから開発業務を始めることになり、それから約1年後、ある日突然フロントサイドをJavaScriptと一部Ajaxで修正する業務が回ってきました。画面描画にはJSPを使用しているシステムでしたが、とにかく各役割が混同してしまいどのよ...
JavaScriptとTypeScriptのpolyglot 🔖 14
Polyglot とは、複数のプログラミング言語 (あるいはより一般に、何らかのファイルフォーマット) で解釈できるプログラムのことで、多言語話者にちなんでこの名前がつけられています。Polyglotはしばしば、プログラミングに関する非実用的な探求として遊ばれます。TypeSc
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」、オラクルが発表 🔖 45
オラクルは、カリフォルニア州レッドウッドシティで開幕したイベント「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%、