2026年3月に Reporting API というWeb標準 API が Baseline に到達し主要ブラウザで利用可能になりました。 今回はこの便利な Reporting APIを実際に使ってみて、できることやユースケースについて考えてみます。 Reporting API とは Webアプリケーションを運用していると、こんな問題に遭遇したことはないでしょうか。 本番環境でだけ CSP 違反が起きているが、ユーザーからの報告がない限り気づけない 使っている API がいつの間にか非推奨になっていて、将来のブラウザアップデートで壊れるかもしれない ブラウザが勝手に動画の自動再生をブロックしたが、ログに残っていない これらはすべて ブラウザ側で発生するイベント であり、従来のサーバーサイドの監視では捕捉できないものです。 このような場面で役に立つのが、Reporting API です。 R

The improvements added to React 19 require some breaking changes, but we’ve worked to make the upgrade as smooth as possible, and we don’t expect the changes to impact most apps. React 18.3 has also been published To help make the upgrade to React 19 easier, we’ve published a react@18.3 release that is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for Re

Node.jsのリリースチームは、これまで6カ月ごとに年に2回行われていたNode.jsのリリースを年に1回とし、すべてのリリースがLTS版になることを発表しました。 毎年4月にリリースされ、安定化期間を経てLTSに移行 現在までNode.jsは毎年4月に偶数バージョンがリリースされ、10月には奇数バージョンがリリースされるという年2回のリリースが行われています。 そして偶数バージョンは長期サポート（LTS：Long Term Support）版として、通常は合計30か月間にわたり重大なバグに対する修正が保証されます。 今回の発表は、この年に2回のリリースを見直して1回にする、というものです。具体的には10月のリリースがなくなり、4月のリリースのみとなります。 そして4月にリリースされたバージョンは、半年間の安定化期間を経て、10月から長期サポート期間に移行します。これが毎年繰り返されるた

TSKaigiHokuriku2025 LT - https://hokuriku.tskaigi.org/talks/41 X - https://twitter.com/sajikix

React Tokyo ミートアップ #7 のメイントークのスライド。 https://react-tokyo.connpass.com/event/358171/

乗りこなせ！ モダンフロントエンド Temporalで変わるJavaScriptの日時操作 ［JS Modern Features no.1］ 本連載について はじめまして！ サイボウズ フロントエンドエキスパートチームの左治木です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズフロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載しています。前回までの記事では「CSS Modern Features」と題して、CSSの比較的新しい機能の中でインパクトの大きいものをピックアップして弊チームの麦島が解説してくれました。 JS Modern Features / JavaScriptの進歩 この記事からは「JS Modern Features」と題して、JavaScriptに関するコンテンツを数回に分けてお届けします。 JavaScrip

Cloudflare PagesにBasic認証かけるやつ、Honoの次のマイナーアップデート「v3.1.0」で簡単にできる予定。 import { Hono } from 'hono' import { basicAuth } from 'hono/basic-auth' import { EventContext, handle } from 'hono/cloudflare-pages' type Bindings = { eventContext: EventContext } const app = new Hono<{ Bindings: Bindings }>() app.all( '*', basicAuth({ username: 'foo', password: 'bar', }), async (c) => { return c.env.eventContext.ne

↑↓Up or down tonavigate↵Enter toselectESCEscape toclose

Background effects powered by JavaScript can bring depth, interactivity, and motion to your web pages. This collection of JavaScript background effects includes particle systems, animated gradients, parallax scrolling, and interactive canvases that react to user input or time-based triggers. The Minimalist Canvas Animated Particle Background is an ambient UI element that generates a field of drift

Microsoftのテックコミュニティに「Teams is KILLING my Mac Every Day(Microsoft Teamsが毎日私のMacを殺す」という、なんとも過激なタイトルの書き込みがなされています。 Teams is KILLING my Mac Every Day - Microsoft Tech Community https://techcommunity.microsoft.com/t5/microsoft-teams/teams-is-killing-my-mac-every-day/m-p/2790094 書き込みはMacユーザー・shilocase氏により、2021年9月27日に行われたもの。タイトルは当初もうちょっと過激なものだったのか、ガイドラインに抵触するものだったということで、コミュニティマネージャーのJohn Steckroth氏が修正を行っ

Re: 僕らを縛る Node.js という呪いについて - あるいはなぜ TypeScript 以外が真っ当な選択肢にならなかったか https://d.potato4d.me/entry/20220405-nodejs/ へのアンサーソング。 プログラミング言語としての JavaScript の話をする。 2010年頃、Python 2 でプログラミングを学習した自分にとっては Node.js + CoffeeScript が Better Python だった。 CoffeeScript は当時の JS(ES3~5) に足りない機能を補ってくれて、Python と同じく空白制御のオフサイドルールなのが気に入った。見た目が少しだけ Ruby っぽいので当時全盛だった Rails の人間に訴求するにも有利だった。 Node.js のモジュールシステムである Commonjs は Pytho

Build complete frontend features, even if your API doesn't exist. Mirage JS is an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend services.