https://b.hatena.ne.jp/mkusaka/javascript/ javascriptに関するmkusakaのはてなブックマーク (105) https://satteri.bruits.org/ Rust製の高速Markdown/MDXエンジン上でJavaScriptプラグインを使え、WASMでブラウザ実行も可能。 mkusaka 2026-05-29T05:01:22Z AI要約 MDX Rust JavaScript tool WASM <blockquote cite="https://satteri.bruits.org/" title="Sätteri"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsatteri.bruits.org%2F" alt="" /> <a href="https://satteri.bruits.org/">Sätteri</a></cite><p><a href="https://satteri.bruits.org/"><img src="" alt="Sätteri" title="Sätteri" class="entry-image" /></a></p><p>A Markdown pipeline forged in Rust for the JavaScript world.Sätteri puts flexible JavaScript plugins on top of a fast Rust Markdown / MDX engine. Best of both worlds. $ pnpm add satteri</p><p><a href="https://b.hatena.ne.jp/entry/s/satteri.bruits.org/"><img src="https://b.hatena.ne.jp/entry/image/https://satteri.bruits.org/" alt="はてなブックマーク - Sätteri" title="はてなブックマーク - Sätteri" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/satteri.bruits.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js bunのClaude workflowがZigのポインタstructフィールドをRust所有カテゴリへ分類し、tsv出力する（Verifyは3票反証） mkusaka 2026-05-23T08:49:49Z AI要約 GitHub bun workflow JavaScript Actions <blockquote cite="https://github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js" title="bun/.claude/workflows/lifetime-classify.workflow.js at 23427dbc12fdcff30c23a96a3d6a66d62fdc091d · oven-sh/bun"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Foven-sh%2Fbun%2Fblob%2F23427dbc12fdcff30c23a96a3d6a66d62fdc091d%2F.claude%2Fworkflows%2Flifetime-classify.workflow.js" alt="" /> <a href="https://github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js">bun/.claude/workflows/lifetime-classify.workflow.js at 23427dbc12fdcff30c23a96a3d6a66d62fdc091d · oven-sh/bun</a></cite><p><a href="https://github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/109b18385396fc7769d744db38f09c8839678d18/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F7772986cf7dbfaf73b4b78b9156b53a67133124fa597fa31822ccb38ff6ffdae%2Foven-sh%2Fbun" alt="bun/.claude/workflows/lifetime-classify.workflow.js at 23427dbc12fdcff30c23a96a3d6a66d62fdc091d · oven-sh/bun" title="bun/.claude/workflows/lifetime-classify.workflow.js at 23427dbc12fdcff30c23a96a3d6a66d62fdc091d · oven-sh/bun" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js" alt="はてなブックマーク - bun/.claude/workflows/lifetime-classify.workflow.js at 23427dbc12fdcff30c23a96a3d6a66d62fdc091d · oven-sh/bun" title="はてなブックマーク - bun/.claude/workflows/lifetime-classify.workflow.js at 23427dbc12fdcff30c23a96a3d6a66d62fdc091d · oven-sh/bun" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/oven-sh/bun/blob/23427dbc12fdcff30c23a96a3d6a66d62fdc091d/.claude/workflows/lifetime-classify.workflow.js"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://zenn.dev/ubie_dev/articles/modern-web-guidance GoogleのModern Web GuidanceでAIが最新Web機能を反映。Baseline連動で提案、npx modern-web-guidance@latest install。 mkusaka 2026-05-20T14:25:36Z AI要約 ModernWeb ガイド 導入 ClaudeCode CSS JavaScript <blockquote cite="https://zenn.dev/ubie_dev/articles/modern-web-guidance" title="GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fubie_dev%2Farticles%2Fmodern-web-guidance" alt="" /> <a href="https://zenn.dev/ubie_dev/articles/modern-web-guidance">GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する</a></cite><p><a href="https://zenn.dev/ubie_dev/articles/modern-web-guidance"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b330e02724379770e07625ee1a5da35e5004a773/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--lWavrv0b--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AGoogle%2525E3%252581%2525AEModern%252520Web%252520Guidance%2525E3%252582%2525B9%2525E3%252582%2525AD%2525E3%252583%2525AB%2525E7%252599%2525BB%2525E5%2525A0%2525B4%2525E3%252580%252582AI%2525E3%252581%25258C%2525E5%25258F%2525A4%2525E3%252581%252584CSS%2525E3%252583%2525BBJS%2525E3%252582%252592%2525E6%25259B%2525B8%2525E3%252581%25258F%2525E5%252595%25258F%2525E9%2525A1%25258C%2525E3%252582%252592%2525E8%2525A7%2525A3%2525E6%2525B1%2525BA%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3A%2525E9%2525B9%2525BF%2525E9%252587%25258E%252520%2525E5%2525A3%2525AE%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2VlOWMzMWRhODMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AUbie%252520%2525E3%252583%252586%2525E3%252583%252583%2525E3%252582%2525AF%2525E3%252583%252596%2525E3%252583%2525AD%2525E3%252582%2525B0%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2hwRUMxbUtjVjZsX01lT2R6N1Nsejk1SXR4WUZoYjB2LTNOdzNjV3c9czI1MC1j%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する" title="GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する" class="entry-image" /></a></p><p>AIにフロントエンドのコードを書かせると、一昔前の書き方をされて困ることがよくあります。 私のAIの使い方が悪いというのは前提にありつつ、最新の書き方を選んでくれないことが何度もあります。たとえばCSSではSubgridを使ってほしい場面でわざわざ古いGridのネストを書いてくる。JavaScriptではObject.groupByで済む...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ubie_dev/articles/modern-web-guidance"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/ubie_dev/articles/modern-web-guidance" alt="はてなブックマーク - GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する" title="はてなブックマーク - GoogleのModern Web Guidanceスキル登場。AIが古いCSS・JSを書く問題を解決する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ubie_dev/articles/modern-web-guidance"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 263 https://sosukesuzuki.dev/posts/jsc-using-bytecode-generation/ JSCがusing/await usingを既存try/finallyとop_yieldでバイトコード生成する実装を解説し、SuppressedError管理も示す。 mkusaka 2026-05-09T10:29:31Z AI要約 JavaScript usingawa awaitusing JSCore 実装 バイトコード tryfinally Suppressed <blockquote cite="https://sosukesuzuki.dev/posts/jsc-using-bytecode-generation/" title="JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsosukesuzuki.dev%2Fposts%2Fjsc-using-bytecode-generation%2F" alt="" /> <a href="https://sosukesuzuki.dev/posts/jsc-using-bytecode-generation/">JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装</a></cite><p><a href="https://sosukesuzuki.dev/posts/jsc-using-bytecode-generation/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e3f1d96775061d873ef24ccae2bbe4ebed5423ce/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsosukesuzuki.dev%2Fimg%2Flarge-logo.jpeg" alt="JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装" title="JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装" class="entry-image" /></a></p><p>この記事はJavaScriptCoreにおける using / await using 構文の実装について、特にバイトコードの生成に焦点をあてて解説するものです。 該当のコミットは以下の二つです: https://commits.webkit.org/308955@main https://commits.webkit.org/309389@main using / await using 構文とは using / await using 構文は、現...</p><p><a href="https://b.hatena.ne.jp/entry/s/sosukesuzuki.dev/posts/jsc-using-bytecode-generation/"><img src="https://b.hatena.ne.jp/entry/image/https://sosukesuzuki.dev/posts/jsc-using-bytecode-generation/" alt="はてなブックマーク - JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装" title="はてなブックマーク - JavaScriptCoreのusing/await usingにおけるバイトコード生成の実装" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sosukesuzuki.dev/posts/jsc-using-bytecode-generation/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 27 https://speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262 JavaScriptの正しさをTC39のTest262が50,000+テストで検証し、CIで仕様退行を検出する仕組みを解説。 mkusaka 2026-05-09T06:23:26Z AI要約 Test262 TC39 ECMA-262 JavaScript 仕様策定 <blockquote cite="https://speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262" title="知ってた？JavaScriptの&quot;正しさ&quot;を検証するテストが5万以上もあること(Test262)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Friyaamemiya%2Fzhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262" alt="" /> <a href="https://speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262">知ってた？JavaScriptの&quot;正しさ&quot;を検証するテストが5万以上もあること(Test262)</a></cite><p><a href="https://speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3e3278984e154af90b18761f513981c8a012d617/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fdf4c58cdb8f34139b4254fe439a8f057%2Fslide_0.jpg%3F39348239" alt="知ってた？JavaScriptの&quot;正しさ&quot;を検証するテストが5万以上もあること(Test262)" title="知ってた？JavaScriptの&quot;正しさ&quot;を検証するテストが5万以上もあること(Test262)" class="entry-image" /></a></p><p>Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262" alt="はてなブックマーク - 知ってた？JavaScriptの&quot;正しさ&quot;を検証するテストが5万以上もあること(Test262)" title="はてなブックマーク - 知ってた？JavaScriptの&quot;正しさ&quot;を検証するテストが5万以上もあること(Test262)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/riyaamemiya/zhi-tuteta-javascriptno-zheng-sisa-wojian-zheng-surutesutoga5mo-yi-shang-moarukoto-test262"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://ics.media/entry/260423/ AbortSignal/AbortControllerでfetchやイベント監視をまとめて中断し、クリーンな非同期処理とレース回避を解説する記事。 mkusaka 2026-04-24T04:29:23Z AI要約 AbortSi AbortCtrl JavaScript fetch 解説 <blockquote cite="https://ics.media/entry/260423/" title="fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F260423%2F" alt="" /> <a href="https://ics.media/entry/260423/">fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/260423/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ae04c23a20766e3c03f2f4097d5ae3c2ef7f5c52/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F260423%2Fimages%2Feyecatch.png" alt="fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 - ICS MEDIA" title="fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 - ICS MEDIA" class="entry-image" /></a></p><p>fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 イベント監視やリクエストのクリーンアップはウェブ開発で軽視されがちな処理のひとつです。一般にフロントエンドではページを閉じれば全てブラウザーが後片付けをしてくれるので、こうした処理はもれやすく、気づいていても対処されない...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/260423/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/260423/" alt="はてなブックマーク - fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 - ICS MEDIA" title="はてなブックマーク - fetchのキャンセルだけじゃない！　AbortSignalで実現するクリーンなJS非同期処理 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/260423/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 29 https://bcrikko.github.io/til/posts/2026-04-20/is-composing/ IME変換中のEnterでフォームがSubmitされないよう、KeyboardEvent.isComposingとcompositionstart/endで制御する方法を紹介。 mkusaka 2026-04-20T00:25:00Z AI要約 isComposin JavaScript 実装 対策 KeyboardEv <blockquote cite="https://bcrikko.github.io/til/posts/2026-04-20/is-composing/" title="IME利用者のEnterが暴発しないようにisComposingで防ぐ | ダーシノ(@bc_rikko)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbcrikko.github.io%2Ftil%2Fposts%2F2026-04-20%2Fis-composing%2F" alt="" /> <a href="https://bcrikko.github.io/til/posts/2026-04-20/is-composing/">IME利用者のEnterが暴発しないようにisComposingで防ぐ | ダーシノ(@bc_rikko)</a></cite><p><a href="https://bcrikko.github.io/til/posts/2026-04-20/is-composing/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7622bfe8ba1638a960debaa15e15935a53affd1d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbcrikko.github.io%2Ftil%2Fog%2F2026-04-20%26is-composing.png" alt="IME利用者のEnterが暴発しないようにisComposingで防ぐ | ダーシノ(@bc_rikko)" title="IME利用者のEnterが暴発しないようにisComposingで防ぐ | ダーシノ(@bc_rikko)" class="entry-image" /></a></p><p>IME利用者のEnterが暴発しないようにisComposingで防ぐ 海外製Webサービスを利用すると、日本語変換の確定時（Enter押下時）に入力途中のデータがSubmitされてしまうことが多々ある。GitHubのIssue/PRのタイトルしかり、ChatGPTの入力欄しかり。 Enterでフォームを送信するのはWebの標準的な挙動だが、IME利用者（主に日...</p><p><a href="https://b.hatena.ne.jp/entry/s/bcrikko.github.io/til/posts/2026-04-20/is-composing/"><img src="https://b.hatena.ne.jp/entry/image/https://bcrikko.github.io/til/posts/2026-04-20/is-composing/" alt="はてなブックマーク - IME利用者のEnterが暴発しないようにisComposingで防ぐ | ダーシノ(@bc_rikko)" title="はてなブックマーク - IME利用者のEnterが暴発しないようにisComposingで防ぐ | ダーシノ(@bc_rikko)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bcrikko.github.io/til/posts/2026-04-20/is-composing/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 24 https://blog.inorinrinrin.com/entry/2026/04/18/232104 Reporting API（2026年3月Baseline）をReportingObserver/Reporting-Endpointsで試し、CSP違反やdeprecationを収集する方法を解説。 mkusaka 2026-04-19T04:58:53Z AI要約 Observab 解説 ガイド JavaScript TypeScript Reporting- CSP違反 Hono tool <blockquote cite="https://blog.inorinrinrin.com/entry/2026/04/18/232104" title="2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.inorinrinrin.com%2Fentry%2F2026%2F04%2F18%2F232104" alt="" /> <a href="https://blog.inorinrinrin.com/entry/2026/04/18/232104">2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ</a></cite><p><a href="https://blog.inorinrinrin.com/entry/2026/04/18/232104"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f73bae7e0d04ddd8054cb30fe3186f6814364f8e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6802418398318546029%2F17179246901377989034%2F1776522064" alt="2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ" title="2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ" class="entry-image" /></a></p><p>2026年3月に Reporting API というWeb標準 API が Baseline に到達し主要ブラウザで利用可能になりました。 今回はこの便利な Reporting APIを実際に使ってみて、できることやユースケースについて考えてみます。 Reporting API とは Webアプリケーションを運用していると、こんな問題に遭遇したことはないでしょうか。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.inorinrinrin.com/entry/2026/04/18/232104"><img src="https://b.hatena.ne.jp/entry/image/https://blog.inorinrinrin.com/entry/2026/04/18/232104" alt="はてなブックマーク - 2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ" title="はてなブックマーク - 2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.inorinrinrin.com/entry/2026/04/18/232104"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 74 https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ MDN新フロントエンドの舞台裏を解説。Markdown→JSON→SSRでページ生成し、LitのWeb Components等で最小CSS/JS化。 mkusaka 2026-04-10T23:46:35Z AI要約 解説 HTML CSS JavaScript Web API <blockquote cite="https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/" title="Under the hood of MDN&#39;s new frontend"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fblog%2Fmdn-front-end-deep-dive%2F" alt="" /> <a href="https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/">Under the hood of MDN&#39;s new frontend</a></cite><p><a href="https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/"><img src="" alt="Under the hood of MDN&#39;s new frontend" title="Under the hood of MDN&#39;s new frontend" class="entry-image" /></a></p><p>Last year, we launched a new frontend for MDN. The most noticeable changes were adjustments to our styles; we simplified and unified the MDN design across all of our pages. In truth, the biggest changes were not reader-visible, but rather in the overhauled code that powers our frontend. This post...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/" alt="はてなブックマーク - Under the hood of MDN&#39;s new frontend" title="はてなブックマーク - Under the hood of MDN&#39;s new frontend" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 16 https://functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator パイプ演算子をLinuxの`|`やElixirの`|>`で解説し、curl→jqの例で合成の良さを紹介する感想記事です。 mkusaka 2026-04-10T04:25:06Z AI要約 解説 記事 パイプ演算子 pipeline Elixir OCaml JavaScript functional Linux <blockquote cite="https://functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator" title="I Am Very Fond of the Pipeline Operator"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffunctiondispatch.substack.com%2Fp%2Fi-am-very-fond-of-the-pipeline-operator" alt="" /> <a href="https://functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator">I Am Very Fond of the Pipeline Operator</a></cite><p><a href="https://functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/619c83fd06e95d115f166a3a843b2eb20c2ffad5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_%21vNwG%21%2Cw_1200%2Ch_675%2Cc_fill%2Cf_jpg%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Cg_auto%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252F0dd23a92-1a90-4eea-a8e7-998626206361_1920x1080.png" alt="I Am Very Fond of the Pipeline Operator" title="I Am Very Fond of the Pipeline Operator" class="entry-image" /></a></p><p>Some things in programming make me feel at peace with the world. One such thing is the pipeline (or pipe) operator. It’s so simple, but so elegant. Today, I will act as your local functional programming hype-man, and go over how it works and why it’s great (for the uninitiated). The pipe operator...</p><p><a href="https://b.hatena.ne.jp/entry/s/functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator"><img src="https://b.hatena.ne.jp/entry/image/https://functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator" alt="はてなブックマーク - I Am Very Fond of the Pipeline Operator" title="はてなブックマーク - I Am Very Fond of the Pipeline Operator" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/functiondispatch.substack.com/p/i-am-very-fond-of-the-pipeline-operator"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef ES2026の主要機能を解説するMedium記事。Temporal APIがDateの不具合を置き換える点やコード例を紹介。 mkusaka 2026-04-05T17:59:11Z AI要約 JavaScript ECMAScript 仕様 アップデート 解説 <blockquote cite="https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" title="https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsadiqueali.medium.com%2Fes2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" alt="" /> <a href="https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef">https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef</a></cite><p><a href="https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef"><img src="" alt="https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" title="https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef"><img src="https://b.hatena.ne.jp/entry/image/https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" alt="はてなブックマーク - https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" title="はてなブックマーク - https://sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sadiqueali.medium.com/es2026-is-here-the-javascript-features-that-change-how-you-code-e7cae783eeef"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/ Webのナビゲーション史を、AjaxでURL/履歴と画面状態が分離しHashやHistory API、2026のNavigation APIへと解説。 mkusaka 2026-03-24T07:37:55Z AI要約 Navigation HistoryAPI NavAPI SPA JavaScript <blockquote cite="https://bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/" title="Webナビゲーションの歴史 | ダーシノ(@bc_rikko)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbcrikko.github.io%2Ftil%2Fposts%2F2026-03-23%2Fhistory-of-web-navigation%2F" alt="" /> <a href="https://bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/">Webナビゲーションの歴史 | ダーシノ(@bc_rikko)</a></cite><p><a href="https://bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/511bca9f6ddce65b23e44727113390e2cbf08eb9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbcrikko.github.io%2Ftil%2Fog%2F2026-03-23%26history-of-web-navigation.png" alt="Webナビゲーションの歴史 | ダーシノ(@bc_rikko)" title="Webナビゲーションの歴史 | ダーシノ(@bc_rikko)" class="entry-image" /></a></p><p>Webナビゲーションの歴史 Webのナビゲーションは単なる技術的な進化ではなく、ユーザー体験と開発モデルの変化とともに再設計されてきた。URLや履歴、画面状態をどのように一致させるかという問題への解答の変遷だ。 Webの初期 Webの初期は、文書閲覧システムとして設計された。 ページごとにひとつのURLが割り当てられ...</p><p><a href="https://b.hatena.ne.jp/entry/s/bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/"><img src="https://b.hatena.ne.jp/entry/image/https://bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/" alt="はてなブックマーク - Webナビゲーションの歴史 | ダーシノ(@bc_rikko)" title="はてなブックマーク - Webナビゲーションの歴史 | ダーシノ(@bc_rikko)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bcrikko.github.io/til/posts/2026-03-23/history-of-web-navigation/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox Edge.jsはWebAssembly＋WASIXで--safe時にNode.js v24を非Dockerで安全実行し、Next.js等も未修正対応。 mkusaka 2026-03-19T09:25:16Z AI要約 release edge.js WASIX WebAss JavaScript Node.js <blockquote cite="https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox" title="Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwasmer.io%2Fposts%2Fedgejs-safe-nodejs-using-wasm-sandbox" alt="" /> <a href="https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox">Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer</a></cite><p><a href="https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f08a71cc456b1b833cca8e27a69ef07338cce5fa/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.wasmer.io%2Fblog%2Fimages%2F8637ba2036b6c52a2a772cb42aa4b54fec3189883325c06dce9259542a3edebf" alt="Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer" title="Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer" class="entry-image" /></a></p><p>Today we are incredibly excited to open source Edge.js, a JavaScript runtime specifically designed to safely run Node.js workloads for AI and Edge computing. The goal is simple: run your existing Node.js applications safely and with density and startup times that are impossible to get with contai...</p><p><a href="https://b.hatena.ne.jp/entry/s/wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox"><img src="https://b.hatena.ne.jp/entry/image/https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox" alt="はてなブックマーク - Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer" title="はてなブックマーク - Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 12 https://slint.dev/ Rust/C++/JavaScript/Python対応のGUIツール。Live-PreviewとFigma連携で即時検証可能、ランタイムは300KiB未満、GPU/DMA2D描画を選択可。 mkusaka 2026-03-16T07:47:01Z AI要約 GUI Rust JavaScript embedded OSS <blockquote cite="https://slint.dev/" title="Slint | Declarative GUI for Rust, C++, JavaScript &amp; Python"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fslint.dev%2F" alt="" /> <a href="https://slint.dev/">Slint | Declarative GUI for Rust, C++, JavaScript &amp; Python</a></cite><p><a href="https://slint.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9d90d17f7d5c2e2eb7ebcd84733f77be93a7190c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fslint.dev%2Fassets%2Fimg%2Fresponsive.png" alt="Slint | Declarative GUI for Rust, C++, JavaScript &amp; Python" title="Slint | Declarative GUI for Rust, C++, JavaScript &amp; Python" class="entry-image" /></a></p><p>&quot;Safe, reliable, and intuitive user interfaces are critical for our customers who depend on OTIV products to drive the future of rail automation. Slint has been an exceptional partner in helping us achieve this, providing the high-performance UI solutions we need to stay at the forefront of innov...</p><p><a href="https://b.hatena.ne.jp/entry/s/slint.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://slint.dev/" alt="はてなブックマーク - Slint | Declarative GUI for Rust, C++, JavaScript &amp; Python" title="はてなブックマーク - Slint | Declarative GUI for Rust, C++, JavaScript &amp; Python" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/slint.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 35 https://bloomberg.github.io/js-blog/post/temporal/ この記事は、古い Date を置き換える Temporal の歴史と設計を解説し、Stage 4到達や Temporal.ZonedDateTime の例を示します。 mkusaka 2026-03-12T08:29:59Z AI要約 Temporal JavaScript Date TC39 blog <blockquote cite="https://bloomberg.github.io/js-blog/post/temporal/" title="Temporal: The 9-Year Journey to Fix Time in JavaScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbloomberg.github.io%2Fjs-blog%2Fpost%2Ftemporal%2F" alt="" /> <a href="https://bloomberg.github.io/js-blog/post/temporal/">Temporal: The 9-Year Journey to Fix Time in JavaScript</a></cite><p><a href="https://bloomberg.github.io/js-blog/post/temporal/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/893a155de93c1a98d167b1f5713b310eb4978c69/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbloomberg.github.io%2Fjs-blog%2Fimages%2Fjavascript-logo.webp" alt="Temporal: The 9-Year Journey to Fix Time in JavaScript" title="Temporal: The 9-Year Journey to Fix Time in JavaScript" class="entry-image" /></a></p><p>Welcome to our blog! I&#39;m Jason Williams, a senior software engineer on Bloomberg&#39;s JavaScript Infrastructure and Terminal Experience team. Today the Bloomberg Terminal runs a lot of JavaScript. Our team provides a JavaScript environment to engineers across the company. Bloomberg may not be the fi...</p><p><a href="https://b.hatena.ne.jp/entry/s/bloomberg.github.io/js-blog/post/temporal/"><img src="https://b.hatena.ne.jp/entry/image/https://bloomberg.github.io/js-blog/post/temporal/" alt="はてなブックマーク - Temporal: The 9-Year Journey to Fix Time in JavaScript" title="はてなブックマーク - Temporal: The 9-Year Journey to Fix Time in JavaScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bloomberg.github.io/js-blog/post/temporal/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 30 https://devprep.co/articles DevPrepの技術記事一覧で、全153本のガイドを掲載し、DSAやsystem design、Frontend Engineeringなどをカテゴリ別に読めます。 mkusaka 2026-03-07T19:46:09Z AI要約 frontend JavaScript sysdesign チュートリアル <blockquote cite="https://devprep.co/articles" title="Technical Articles — In-Depth Guides for Developers"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdevprep.co%2Farticles" alt="" /> <a href="https://devprep.co/articles">Technical Articles — In-Depth Guides for Developers</a></cite><p><a href="https://devprep.co/articles"><img src="" alt="Technical Articles — In-Depth Guides for Developers" title="Technical Articles — In-Depth Guides for Developers" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/devprep.co/articles"><img src="https://b.hatena.ne.jp/entry/image/https://devprep.co/articles" alt="はてなブックマーク - Technical Articles — In-Depth Guides for Developers" title="はてなブックマーク - Technical Articles — In-Depth Guides for Developers" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/devprep.co/articles"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://planetscale.com/blog/drizzle-joins-planetscale DrizzleチームがPlanetScaleに参加し、open sourceのORMをJavaScript/TypeScript向けに継続開発すると発表（2026-03-03）。 mkusaka 2026-03-03T16:29:47Z AI要約 Drizzle ORM Postgres JavaScript 告知 <blockquote cite="https://planetscale.com/blog/drizzle-joins-planetscale" title="Drizzle joins PlanetScale — PlanetScale"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fplanetscale.com%2Fblog%2Fdrizzle-joins-planetscale" alt="" /> <a href="https://planetscale.com/blog/drizzle-joins-planetscale">Drizzle joins PlanetScale — PlanetScale</a></cite><p><a href="https://planetscale.com/blog/drizzle-joins-planetscale"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/980af7c5d82121fb28afb3c144b58b4eb7f152aa/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fplanetscale.com%2Fassets%2Fdrizzle-joins-planetscale-social-vEK4tOp6.png" alt="Drizzle joins PlanetScale — PlanetScale" title="Drizzle joins PlanetScale — PlanetScale" class="entry-image" /></a></p><p>PlanetScale Postgres is the fastest way to run Postgres in the cloud. Plans start at just $5 per month. Learn more By Sam Lambert | March 3, 2026 I am excited to announce that the Drizzle team is joining PlanetScale to continue their mission of building the best database tools for JavaScript and ...</p><p><a href="https://b.hatena.ne.jp/entry/s/planetscale.com/blog/drizzle-joins-planetscale"><img src="https://b.hatena.ne.jp/entry/image/https://planetscale.com/blog/drizzle-joins-planetscale" alt="はてなブックマーク - Drizzle joins PlanetScale — PlanetScale" title="はてなブックマーク - Drizzle joins PlanetScale — PlanetScale" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/planetscale.com/blog/drizzle-joins-planetscale"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://pinia-colada.esm.dev/why.html 「Why?」ページは、Pinia用のスマートな Data Fetching layerである Pinia Colada の目的と価値を説明します。 mkusaka 2026-02-25T12:26:54Z AI要約 Pinia Vue JavaScript 記事 <blockquote cite="https://pinia-colada.esm.dev/why.html" title="Why? | Pinia Colada"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpinia-colada.esm.dev%2Fwhy.html" alt="" /> <a href="https://pinia-colada.esm.dev/why.html">Why? | Pinia Colada</a></cite><p><a href="https://pinia-colada.esm.dev/why.html"><img src="" alt="Why? | Pinia Colada" title="Why? | Pinia Colada" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/pinia-colada.esm.dev/why.html"><img src="https://b.hatena.ne.jp/entry/image/https://pinia-colada.esm.dev/why.html" alt="はてなブックマーク - Why? | Pinia Colada" title="はてなブックマーク - Why? | Pinia Colada" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/pinia-colada.esm.dev/why.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://wtrclred.io/en/posts/01 この記事は、React Compilerがソースをメモ化（useMemo/useMemoCache相当）に変換し、ReactとJSの意味論が分離される可能性を問うエッセイです。 mkusaka 2026-02-24T06:23:52Z AI要約 React JavaScript compiler semantics エッセイ <blockquote cite="https://wtrclred.io/en/posts/01" title="React is React, just."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwtrclred.io%2Fen%2Fposts%2F01" alt="" /> <a href="https://wtrclred.io/en/posts/01">React is React, just.</a></cite><p><a href="https://wtrclred.io/en/posts/01"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/088756177137cb8147e7fd809153a4fdd056c0cf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwtrclred.vercel.app%2Fapi%2Fog%3Ftitle%3DReact%2520is%2520React%252C%2520just.%26subtitle%3DEssay%253A%2520Is%2520React%2520with%2520React%2520Compiler%2520%2522Just%2520JavaScript%2522%253F" alt="React is React, just." title="React is React, just." class="entry-image" /></a></p><p>I scattered my thoughts on Twitter, so I&#39;ll organize them briefly here. Introduction &amp; Premise First, as a premise, I am very much in favor of the approach of using a compiler for optimization. This approach is often effective for improving DX without breaking the interface, and I myself use a fr...</p><p><a href="https://b.hatena.ne.jp/entry/s/wtrclred.io/en/posts/01"><img src="https://b.hatena.ne.jp/entry/image/https://wtrclred.io/en/posts/01" alt="はてなブックマーク - React is React, just." title="はてなブックマーク - React is React, just." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/wtrclred.io/en/posts/01"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://blog.inorinrinrin.com/entry/2026/02/20/183408 Next.jsのCSRF対策を検証した記事で、Server ActionsはPOSTのみ許可しOriginとHostを比較して検証しますが、route.tsでは手動対策が必要です。 mkusaka 2026-02-21T11:34:46Z AI要約 Next.js CSRF JavaScript セキュリティ 解説 <blockquote cite="https://blog.inorinrinrin.com/entry/2026/02/20/183408" title="Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.inorinrinrin.com%2Fentry%2F2026%2F02%2F20%2F183408" alt="" /> <a href="https://blog.inorinrinrin.com/entry/2026/02/20/183408">Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ</a></cite><p><a href="https://blog.inorinrinrin.com/entry/2026/02/20/183408"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/950e6e66399dd5ffd236301f5f85910f391db71f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6802418398318546029%2F17179246901356638117%2F1771768953" alt="Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ" title="Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ" class="entry-image" /></a></p><p>最近、Next.jsがどのようにCSRF対策をしているのかを考える機会がありました。 そんななかで色々と学んだことを今回は書きます。 CSRFとは 本題に入っていく前に、いま一度CSRFについて改めて復習しておきましょう。CSRF(Cross-Site Request Forgery)とは、ユーザーが意図しないリクエストを攻撃者が勝手に送信させる攻...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.inorinrinrin.com/entry/2026/02/20/183408"><img src="https://b.hatena.ne.jp/entry/image/https://blog.inorinrinrin.com/entry/2026/02/20/183408" alt="はてなブックマーク - Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ" title="はてなブックマーク - Next.jsはどのようにCSRF対策をしているのか？ - プププなテクブ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.inorinrinrin.com/entry/2026/02/20/183408"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 60