Chrome Built-In AI、皆さん使っていますか？ 登場して2年くらいの技術になりますが、今年の春についに Prompt API が Chrome にデフォルトで組み込まれるようになりました。 せっかく広く使えるようになりましたが、まだまだ利用が普及していない印象を受けます。 最初に GA したのがクセの強い領域であったことや、Gemini 自体への期待値の低さなどが要因だと考えたため、この記事では「思ったより悪くないよ」ということを伝えられればと思います。 技術概要 Built-In AI はその名の通り、ブラウザに内蔵されている AI を使うことができる機能です。 用途別に異なる API が提供されており、一応 Web 標準に載せる想定ですが、基本的には Google が主導している Chrome の機能であるのが実情です。 そのため、本記事では便宜上 Chrome Buil

JavaScriptには、scrollTo()メソッドやscrollBy()メソッドなど、目的のところまでスクロールする関数があります。これらの関数と一緒に使われることが多いのがbehaviorプロパティに"smooth"を設定して、目的地まで滑らかにアニメーションさせる方法です。たとえば目次をクリックしたら該当の章までスムーズにスクロールさせるなど、使ったことがある方も多いと思います。 スムーズスクロールの課題として一番大きなものは、スクロールの完了後に行う処理が書きづらいことです。Chrome・Edge 150から使えるプログラマティック・スクロール・プロミスでは、今までscrollendイベントの監視やsetTimeout()メソッドなどで検知していたスクロール完了を、Promiseを使って制御できるようになります。 スクロール完了をPromiseであつかう Promiseは非同期の

管理画面を作るのが面倒な Web アプリケーションで、自分のユーザに admin フラグを立てておいて無双している。アプリケーションの画面上からスパム投稿を非表示にしたり、ユーザを BAN したり。手が滑って普通の投稿を削除すると怖いので confirm を挟んだりもしている。 任意の時間にできる機能なんかも定番ですね。月初に出るバナーが本当に出るのか、割引が本当に開始するのかを、来月の時間ということにしてアクセスして確認したい。 こういうのを、自分一人ならいいが、チームで作っていると、管理者には見えているので「来月のバナーが出ちゃってます！」って勘違いで慌てる、みたいな場面も何度か目にしてきた。「管理者にしか見えないので大丈夫です」って返事したことあるよね。 問題は一般ユーザのつもりで管理者ロールを引き受けてしまっていることにある。 そこで「管理者になる」を明示的に押したときだけ「管理者

OpenTelemetry でブラウザを計装する方法が公式ドキュメントに書かれていて、その中に次のような記述がある。 opentelemetry.io <!-- https://www.w3.org/TR/trace-context/ Set the `traceparent` in the server's HTML template code. It should be dynamically generated server side to have the server's request trace ID, a parent span ID that was set on the server's request span, and the trace flags to indicate the server's sampling decision (01 = sampled,

OSS開発者は今何をするべきか？ソフトウェアサプライチェーン侵害対策を考える June 23, 2026

Feature-Sliced Design is a modern architectural methodology tailored for building scalable front-end applications, particularly in the React ecosystem. The core principle is to organize project structure by focusing on application features rather than purely technical layers. In traditional paradigms, developers often group code by technical concerns—such as components, services, or styles—leading

VoidZero, the company behind Vite, Vitest, Rolldown, Oxc, and Vite+, is joining Cloudflare. As part of this change, all team members of VoidZero are joining Cloudflare, too. Before saying anything else, we want to make the most important thing clear: Vite, Vitest, Rolldown, Oxc, and Vite+ will stay open source, vendor-agnostic, and community-driven. Nothing about that changes. Cloudflare's mission

Published: May 19, 2026 The web has long since moved on from the static, document-driven medium that it started as. Modern, rich web apps are used by everyone for many reasons, from communicating, purchasing, consuming rich content, to managing our complex lives. HTML, despite all its advances, is still delivered in-order in a top-to-bottom fashion with little regard for when content is ready or w

クラウドが当たり前になって20年近くたちましたが、その裏側で無数の物理サーバーが稼働していることを忘れてはいけません。 余談 キャリアのほとんどをAWSに甘やかされてきた私ですが、1日だけサーバールームのネットワーク敷設に携わったことがあります。 それは10年も前の出来事で、社会人になりたの頃でした。 だいぶ記憶が曖昧ですが、その日は蒸し暑かったような気がします。サーバールームは涼しかったと思います(暑いと壊れるので)。 そんなおぼろげな記憶の中で、 作業指揮をしていたおじさん のことだけは鮮明に覚えています。背は小さいながらもただならぬ雰囲気でした。(メガネをかけてました) おじさんは終始、なんか設計図？っぽいやつを見ながら、床のタイルをガパッと開けたり、ケーブルをグワングワンさせたりしてました。釣竿もグイグイやってました。何を言っているかわからないかもしれないですが、 とにかくかっこよ

Two weeks ago we announced that we had identified and fixed an unprecedented number of latent security bugs in Firefox with the help of Claude Mythos Preview and other AI models. In this post, we’ll go into more detail about how we approached this work, what we found, and advice for other projects on making good use of emerging capabilities to harden themselves against attack. Suddenly, the bugs a

これからリリースするHonoのNode.jsアダプタのv2では、ボディパースのベンチマークで従来のv1系と比べて2.3倍速くなります。 近日中にリリースしますが、現在RC版が使えるので試してみてください。 v2 Node.jsアダプタはメジャーバージョンアップをしてv2系になります。といってもメインのAPIは変わらず、これから紹介する大幅なパフォーマンス向上が目玉となります。他の変更点はNode.js v18系のサポートを切ることと不要になったVercel用のアダプタをobsoleteにします。 Node.jsアダプタの役割 Node.jsアダプタは何をしているのか？というおさらいをすると⋯これはHonoのアプリケーションをNode.jsで動かすために作られました。HonoではWebスタンダードAPIを使っていますが、それをそのままNode.jsでサーバーとして動かすのは不可能です。そこで

こんにちは、広報チームの id:ysaito2015 です。 次のYAPC::Japanの開催が決まりましたので、お知らせいたします！ 次のYAPC::Japanは、｢YAPC::Tokyo 2026｣として、2026年11月27日（金）に前夜祭、11月28日（土）にDay1＋懇親会、11月29日（日）にDay2を、東京ビッグサイト（東京都江東区）にて開催することとなりました!!! 今回は、YAPC::Japanとしては初めて（YAPC::Asia Tokyo 2015 以来初）となる、東京ビッグサイトでの開催です。 この他の情報につきましては、決定し次第、この運営ブログやX（ @yapcjapan ）にてお知らせいたします。 今年、YAPC::Japan は 10 周年をむかえます。この節目に、11月の東京で皆さまとお会いできることを楽しみにしています!!!

まだ触り始めて1ヶ月ぐらい。困りが発生する程度には使ってきたとは思う。 Inertia.js とは inertiajs.com 主に Laravel コミュニティで管理されている OSS。ひと言で言うとフロントエンドをモダンに書けるようになるアダプタ……かなぁ。GitHub でも 7000 star 集めているぐらい。ちょうど先週 v3.0.0 が出ましたね。元気に開発されています。 概要は僕もこの後説明するけど、作者のブログ記事 を見るのが一番イメージ沸くと思う。 間違いなくいつもの MPA Inertia.js は、古き良き Web アプリケーションフレームワークの View 層のみをモダンな UI フレームワークに差し替えられるもの、という理解をしている。決定的なのは Routing をサーバが持つこと、レスポンスをサーバが返しているかのような感覚で書けることだろう。 具体例は 公式

みなさんにもマウスホバーで表示されるバルーン内のリンクが開けなくてイラついた経験があるかと思います. リンクにカーソルを移動しようとすると閉じてしまうバルーン 丁寧に吹き出しの三角形の部分を通ったときだけリンクに辿り着ける. イライラ棒か? こんな体験は今すぐ滅ぼしましょう. Web なら floating-ui を使うと, そもそものバルーン自体の実装も簡単にできますし, この問題への対策も 1 行で済みます. 対策 1. バルーンが閉じるのを遅延させる リンクにカーソルを合わせようとするとマウスホバーが外れ, その瞬間にバルーンが閉じてしまうのが問題の原因です. ということで, 素朴にはバルーンが閉じるまでに遅延を入れてあげると良いですね. floating-ui での実装では delay を追加するだけです. // ... const hover = useHover(context

公開日: 2026 年 3 月 5 日 focusgroup HTML 属性は、ロービング tabindex JavaScript を記述することなく、ツールバー、タブリスト、メニュー、リストボックスなどの複合ウィジェットにキーボードの矢印キー ナビゲーションを追加するための宣言型の手法として提案されています。1 つの属性で数百行のボイラープレートが置き換えられます。リリース前にフィードバックをお寄せください。 ぜひお試しになり、フィードバックをお寄せください focusgroup は、Chrome、Edge、その他の Chromium ブラウザで、次のいずれかの方法で有効にすることで、今すぐお試しいただけます。 ローカル テスト: ブラウザで about://flags ページを開き、[試験運用版のウェブ プラットフォーム機能] フラグを有効にします。または、--enable-blink