2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ
2026年3月に Reporting API というWeb標準 API が Baseline に到達し主要ブラウザで利用可能になりました。 今回はこの便利な Reporting APIを実際に使ってみて、できることやユースケースについて考えてみます。 Reporting API とは Webアプリケーションを運用していると、こんな問題に遭遇したことはないでしょうか。 本番環境でだけ CSP 違反が起きているが、ユーザーからの報告がない限り気づけない 使っている API がいつの間にか非推奨になっていて、将来のブラウザアップデートで壊れるかもしれない ブラウザが勝手に動画の自動再生をブロックしたが、ログに残っていない これらはすべて ブラウザ側で発生するイベント であり、従来のサーバーサイドの監視では捕捉できないものです。 このような場面で役に立つのが、Reporting API です。 R
TypeScript製ライブラリ VerifyFetch で「切れない」ファイルダウンロードを作ってみる - プププなテクブ
Webブラウザで数KBのJSONを取得するなら標準の fetch で十分ですが、例えばブラウザ上のWeb Viewerで画像を数十枚表示するなどのユースケースに標準のfetchで対応しようとする場合以下のような問題がつきまとうことが多いでしょう。 再開不能: ネットワーク瞬断やリロードでダウンロード進捗が0に戻る 整合性不明: ダウンロードが完了しない限りファイルが破損なくダウンロードできているかわからない メモリ逼迫: 全データをメモリに展開する必要があり、クラッシュのリスクがある これらの問題を解決するためのライブラリとして、今回は VerifyFetch を使ってみようと思います。 github.com VerifyFetchの特徴 先述の3つの問題への対処として、VerifyFetchは3つの機能を提供しています。 1. 分割ダウンロードと都度検証 VerifyFetchでは、あら
バックエンド TypeScript を嫌悪する理由はなんですか？ TypeScript だからだめで JavaScript はいいのか、JavaScript 自体だめなのか…。 Rails に対抗できるフレームワークの存在がないからなのか…。 Node.js がランタイムとしてだめなのか…。 ちなみに私も最近 TypeScript でバックエンドを書くのは厳しいと思い始めました。 理由は、Rails ほど規約的なフレームワークがないからです。Express や Hono のようなルーティングだけのWebフ
バックエンド TypeScript を嫌悪する理由はなんですか？ TypeScript だからだめで JavaScript はいいのか、JavaScript 自体だめなのか…。 Rails に対抗できるフレームワークの存在がないからなのか…。 Node.js がランタイムとしてだめなのか…。 ちなみに私も最近 TypeScript でバックエンドを書くのは厳しいと思い始めました。 理由は、Rails ほど規約的なフレームワークがないからです。Express や Hono のようなルーティングだけのWebフレームワークは、規模の拡大とともにメンテ不能になりがち。 自分がTypeScriptを嫌悪するのは、まさにTypeScriptでバックエンドを書くのは、すぐにメンテナンス性が低下するのを避けられないと確信しているからです。 その理由は主に、言語機能の限界、"熱狂"、バックエンドフレームワー
2026年版：JavaScript/TypeScriptのロギング入門
本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨大なオブジェクトがそのまま出力されているだけでは、原因特定は困難です。 かといって、本格的なロギングライブラリを導入するのは大げさに感じることもあります。winstonやPinoは高機能ですが、設定項目が多く、エッジ環境では動かなかったり、依存関係が増えたりと、ちょっとしたAPIサーバーには重たい選択肢かもしれません。 本記事では、console.logの限界を整理した上で、実用的なロギング環境の構築方法を紹介します。サンプルコードにはLogTapeを使います。依存ゼロで軽量、Node.js・Deno・Bun・エッ
If I Wrote a Linter, Part 2: Developer Experience | Goldblog
This is how I would tailor the developer experience for a modern linter from scratch: focusing on end-to-end type safety, self-apparent configs, and native workspaces. Today’s web linters are great. ESLint is robust and has a huge ecosystem of plugins and configs. Newer native speed linters such as Biome, deno lint, and Oxlint are fast and easy to set up with their own burgeoning ecosystems. I’ve
An Update on Fresh | Deno
Fresh is a simple web framework based on the latest web standards that we built and use quite heavily here at Deno. We’ve teased the next version for quite some time now, but haven’t yet cut a release. Rest assured we haven’t forgotten about it. In fact, a pre-release version of Fresh 2 is being used in production here at Deno — on our main website as well as on Deno Deploy. Whenever we post an up
How I Use Claude Code
One month ago, I subscribed to Claude Max. I've been using AI agents including Claude Code for some time prior, but with the flat pricing, my usage skyrocketed and it's become a daily driver for many tasks. I find myself going to VS Code much less often now. Since AI agents are new for everyone right now, I thought it might be fun to share some patterns I've been noticing recently. Here's how I us
Announcing Oxlint 1.0
TL;DR: The first stable version Oxlint has been released! With a 50~100x performance improvement over ESLint, support for over 500 ESLint rules, and usage in major companies like Shopify, Airbnb, and Mercedes-Benz, you should give it a try. Get started now. Oxlint is a Rust-powered linter for JavaScript and TypeScript is designed to be fast and simple to adopt. Since its first announcement back in
JavaScriptのジェネレータ関数を実務で使った話 - Qiita
ジェネレータ関数はJavaScriptの機能の中でもマイナーな機能で、functionの代わりにfunction*で関数を作るのが特徴です（アロー関数版のジェネレータ関数式はありません）。また、その中ではyieid式が使用可能になります。 ジェネレータ関数については、存在は知ってるけど実務で使ったことがないという方も多いのではないかと思います。 そこで、今回は筆者がこれまでの経験で唯一、ジェネレータ関数を実務で使ったケースを紹介します（具体的なユースケースについては実際の業務そのままではなくこの記事用に用意したシチュエーションとなるので、そこはご了承ください）。 配列の組み立てが複雑になりがち 例えば、「メインメニューの表示内容が、ユーザーが管理者ユーザーかどうかで異なる」という仕様を実装したい場合を考えましょう。普通に実装すると、こんな感じになるはずです。 function getMai
Reports of Deno's Demise Have Been Greatly Exaggerated | Deno
There’s been some criticism lately about Deno - about Deploy, KV, Fresh, and our momentum in general. You may have seen some of the criticism online; it’s made the rounds in the usual places, and attracted a fair amount of attention. Some of that criticism is valid. In fact, I think it’s fair to say we’ve had a hand in causing some amount of fear and uncertainty by being too quiet about what we’re
Intro to Wasm in Deno | Deno
JavaScript is a scripting language—distant from the machine code your CPU actually consumes. But JavaScript has a way to execute binary machine code, or something close to it, called WebAssembly. WebAssembly, or Wasm, is a low-level, portable binary format that runs at near-native speeds in the browser. Wasm is a compilation target for languages like C, C++, and Rust, enabling high-performance app
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
If I Wrote a Linter, Part 4: Summary | Goldblog