knowledge-flow
← Categories

Frontend

570 件の記事

2026

11

  1. 国産SaaSの致命的欠点「アプリ」 AIより先に手を付けるべきでは？
  2. 「Error: Expected key descriptor but found "" in ""」 RTLでinput type="number"のデフォルト値0を消す
  3. 無料・インストール不要で日本語を含む13言語のリアルタイム文字起こしがブラウザからできる「Voxtral Mini 4B Realtime WebGPU」、WebGPUを駆使して完全ローカル動作可能
  4. Fixing a WebKit bug to see if promises are made of train tracks
  5. Kitesurf is now open source
  6. Obsidian 1.15でMermaid図の描画がPeleに変わりました。互換性と--mermaid-*変数での色の変え方を確かめる
  7. Remove GPS and EXIF from a JPEG in the browser, without re-encoding it
  8. Google、AIエージェント向けUIプロトコル「A2UI」バージョン1.0を公開
  9. Creating Diagrams and Graphs Using Modern CSS
  10. WebサイトをAgent Readyにしよう
  11. AI ファーストな管理画面を、WebMCP もどきで実現したい
  12. Font Fam
  13. Google Chromeを開きっぱなしの人は要注意。またもやセキュリティパッチが配信されました
  14. テストフレームワーク「Playwright」がBunを正式サポート。テストランナーの実行を可能に
  15. 2026 年、すべての主要ブラウザで使えるようになった CSS 機能
  16. Regressive JPEGs
  17. Hyper-Realistic Sand with WebGL2
  18. Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives
  19. 「.NET MAUI 11」がついにXamarin由来のMonoランタイムから脱却、CoreCLRに統一
  20. A Chromium Bug Caused by a 25-Hour Day
  21. Front End Observability: Why Your window.onerror Reports Say "Script error." (and How to Fix Them)
  22. Your setTimeout Didn't Break — Chrome Killed It
  23. Launching the Vite Ecosystem Fund
  24. マイクロソフト、150以上のオープンソースUIコンポーネントがBlazorに寄贈されたことを発表。InfragisticsとSyncfusionから
  25. ShopifyのReact Native→ネイティブ移行を支える「Reflex」をSwiftとKotlinで試す
  26. Zed の UI フレームワーク GPUI で Rust のデスクトップ ToDo アプリを作る
  27. Web Pushを実装する前に知っておきたい仕組みの全体像
  28. Designing Agentic Interfaces Beyond the Chatbot
  29. Reactのアンマウントはいつ起きる？位置と種類で理解する
  30. 【React】再レンダリングが起きるタイミングと memo / useCallback で防ぐ方法
  31. JIT bitmap text rendering for microcontrollers
  32. Libghostty 1.0
  33. Every Windows 11 app should kill Electron, and Discord just showed why
  34. VoidでWebアプリを作ろう！
  35. 【公式】Pyxel 3.0リリース！世界初（？）レトロ3Dゲームエンジン機能を搭載！
  36. LDRライクなRSSリーダのIrodrをReact 19 + Vite+で書き直して、iPhone Duoにも対応した
  37. X、Webアプリ基盤をゼロから再構築 ―3つのサーバーを統合し低速回線での表示を大幅にスピードアップ
  38. Blender's UI and Runtime: Much Faster Than GPUI
  39. Rune: A native GPU-rendered Rust UI framework for macOS, Windows, Linux and web
  40. Figmaのリアルタイム同期の仕組みを、Node.js + WebSocketの最小構成で実装してみた
  41. リモートのエージェントが起動した dev server を手元でプレビュー：VS Code 1.145 の Remote browser proxy を試した
  42. Vite+ 1.5 がリリースされたので、vp migrate は ts-node をどこまで移行してくれるのか試してみた
  43. 「Firefox」に新しい「ミニウィンドウ」--マルチタスク派にとって夢のような機能
  44. A Look at Datastar
  45. September in Servo: progress, rounded rectangles, and more
  46. Declarative Dragging
  47. 「Google Chrome 157」安定版リリース、Android版でオンデバイスの言語判定が可能に
  48. iPhone Duoの折り目やカメラの位置を取得する
  49. 日本語プログラミングフォント「Cyroit」とそのファミリー8種が一斉アップデート
  50. Webデザインのインスピレーションを得られる！ デザインの細部に関するアイデアがまとめられた -Design Details
  51. Introducing Adaptive Dark Mode
  52. Death comes for XSLT
  53. Firefox Security & Privacy Newsletter 2026 Q3
  54. FlutterKaigi 2026 公式サイトにコントリビュートした話と、Jaspr 開発者によるセッションのレポート
  55. CheerpJ 5.0: Java 21/25 in the browser, full OpenJDK, and a new WasmGC engine
  56. New Release: Tor Browser 16.0
  57. Apple、いきなりGoogleにケンカ売り始めた。公式サイトでChromeをボロクソに貶す
  58. Figma Motionで作ったUIアニメーションをCSSで再現してみた
  59. Firebase Dynamic Links is gone. Here's what you can still recover, and how to move.
  60. The AI cost of JavaScript frameworks
  61. streamAppendHTML() で AI の回答を HTML のままストリーミング描画する
  62. Vite+ 1.0がリリースされたので、アルファ版から増えた機能を試してみた
  63. Material 3 Expressiveの画面をブラウザで組み立てて画面同士をつなぎタップして確かめてそのままAIコーディング用のプロンプトにするツール「M3E Canvas」
  64. Tangled, hire a front-end accessibility expert
  65. AI 時代の新たなCMS「EmDash」を AWS 環境で動かして、WordPress からの移行を試してみた
  66. computedStateOf と derivedStateOf の使い分け

10JPEG XL 対応の広がりと、Chrome 156 の CSS random()

  1. Defending the patch gap against automated attackers
  2. VS Code 1.144：Customizations の新ホーム Browse と Copilot connectors。探す・つなぐ・整える・配るを整理する
  3. LFM3-Omni-2B running locally in-browser on WebGPU
  4. Design the interface for functionality not familiarity
  5. CSSのスクロール連動アニメーションが主要ブラウザーで利用可能に、Firefox 159が対応
  6. Google Chromeがなりすまし対策を強化。一部の正規サイトも開けなくなるかも
  7. The Web Can't Afford a JavaScript Runtime Monoculture
  8. Firefox の Intl.Segmenter で「メロス」を「彼」にすると「した」が文字扱いされなくなる
  9. パスキーはなぜ偽サイトに強い？登録とログインの流れを図で追う
  10. Forging a Microsoft Edge Full Chain with Logic Bugs Only
  11. Scalable Vector Grief
  12. 「Firefox 159」正式版リリース、保存済みパスワードへのアクセスが簡単に
  13. Chrome’s AI-powered Autofill can now dig through your Gmail to fill out forms
  14. Flutter やめました。電話アプリを Native にした理由
  15. JavaScriptランタイムの「Bun」がPrettier互換で300倍以上高速なフォーマッタに。Prettier設定ファイルもそのまま利用可能
  16. VS Codeの新規セッションで「ハーネス」がデフォルトに　複数AIモデルを競わせる新機能も
  17. Chromium(V8)のArray.prototype.lastIndexOfを最大約26000倍高速化した
  18. 近未来のデザインが大好物な人に！ ネオン、SF、サイバーパンクにインスパイアされたUIコンポーネント -NeonBlade UI
  19. CSS-Tricks has a new owner
  20. Stop Ignoring the Crease: Ship Your iOS App for iPhone Duo Before the April 2027 Deadline
  21. 最近の E2E 戦略（2026 年 10 月現在）
  22. Our React App Worked Perfectly—Until Someone Closed Their Laptop
  23. Websites Should Be Printable
  24. さよならWordPress。ゲ制工房は新時代のCMS、EmDashに移行しました。
  25. HTMX creator on the history of REST and why he thinks we got it wrong
  26. Vue Fes Japan 2026で「あなたの await、OS まで届いてる？ strace で覗く JavaScript の非同期」というタイトルで登壇しました
  27. 作ったゲームのソースコードをまるごと「Xのポスト」に詰め込めるゲームエンジン現る。“URL”なら3KBまでセーフ - AUTOMATON
  28. GitHub - enesozturk/dimensional-drawing
  29. Chromeで「HTTPサイトにつなぐと警告」が標準に――Googleが設定変更
  30. JSがこんなに減る！ HTML・CSS最新技術2026
  31. 決定的なフロントエンドアーキテクチャがいい
  32. 【速報】VS Code 1.142 に Canvas が来た！チャットの横でエージェントと同じ画面を触れる「Interactive Canvases」を整理してみた
  33. [Kitesurf] I let Claude drive Cloudflare's new Kitesurf browser: lighter browser, slower agent~
  34. TTFBは速いのに表示が遅いVercelのページ、関数リージョンが既定のままだった
  35. Please don't mess with links
  36. pnpm 12.9で社内レジストリだけ並列リクエスト数を下げる
  37. Arc browser sunsets December 22 as The Browser Company doubles down on Dia
  38. CSSで乱数を生成できるrandom()関数がついにサポート！ Chrome 156で新しく追加された6つのCSSの機能
  39. Reactのレビュー基準を公式ドキュメントに揃えたいので、Claude Codeで50項目のチェックリストを作ってみた話
  40. Faster than earcut: triangulating 3.7M map polygons in 489 ms
  41. 「Google Chrome 156」安定版リリース、CSSだけでランダムな配置が可能に＆IndexedDBの保存方式がSQLiteベースに変更
  42. The Future of CSS
  43. Firefox security patch tests are now private for at least a week
  44. Firefox Local Mode
  45. Zig製GUIツールキット「nanoui」、複数OSでネイティブUIを開発、一部でGPU描画を利用
  46. Announcing TypeScript 7.1 Beta
  47. Introducing tsrs: a Port of TypeScript to Rust
  48. 「Visual Studio Code」でUIのモダナイズが進行中、従来の「クラシックUI」はいずれ廃止へ／詰まった表示の［Compact］やタブがエディターにくっついたデザインも選択可能
  49. Chromium(V8)のArray.prototype.fillを最大約7倍高速化した
  50. Oxlint + Oxfmt で規約をコード化するモノレポ運用
  51. August in Servo: CSS Grid, text selection, and more
  52. iPhone Duo向けにiOS 27.1で追加されたAPIは何ができるのか
  53. AttributedString構造で実現した大規模なiOS設定システム
  54. Inline rendering with document.currentScript
  55. クエリキーも型安全に変換するユーティリティを作った
  56. Void でフルスタックアプリを構築して Cloudflare にデプロイする
  57. One Request, Many Callers: Coalescing Duplicate fetch() Calls in JavaScript
  58. 【Vite】ビルド時に出た Error: Cannot find native binding. npm has a bug related to optional dependenciesを解決
  59. Pele – Mermaid diagrams as themeable SVG
  60. E2E テストのフィードバックループを小さくするためのプラクティス | フューチャー技術ブログ
  61. Vitest v5.0 で新しくなったBenchmarkをCIで実行して比較する - プププなテクブ
  62. iOSアプリ開発の気になる変更まとめ（2026/10/17）：Xcode 27.1正式リリース、App Review Guidelines改定ほか
  63. Deploy with Void
  64. 漢字の上にふりがなを表示する日本語フォント「Furifont」オープンライセンスで公開
  65. HTTP 402は29年「予約済み」のまま — x402をNext.jsで動かす
  66. 「Firefox 158」正式版リリース、次世代画像形式「JPEG XL」に対応
  67. JPEG XL vs AVIF for web use-cases
  68. Chrome 155でJPEG XLを表示する。picture要素のフォールバックとJPEGからの可逆変換を確かめた
  69. Figma announces new features to define how agents work on its platform
  70. 「apple.com」に見えて実はキリル文字。Chromeの偽装対策をすり抜けるURLが見つかる
  71. Appleの新しい「Switch to Safari」キャンペーンではChromeからSafariに乗り換えるべき理由が詳しく説明されている
  72. Next.jsの公開ページで、1回遊ぶ間に読むchunkを48本から16本にした
  73. 【備忘録】CSSのstickyで作る、せり上がりながら背景が見える演出
  74. Webアプリフレームワークの「SvelteKit 3」正式リリース。設定をViteに集約、型安全やエラー処理の改善など
  75. iPhone/iPad向けアプリ開発者に迫る「画面サイズ自由化」の難題、“iPad切り捨て”では逃げられない。更新か諦めるか、開発者に実態としんどさを訊く
  76. Firefox Enterprise
  77. LINEスキマニのトップページにおけるパフォーマンス改善（インターンレポート）
  78. 無料で7種類の超小型AIモデルをブラウザで動かせる「MicroLLM lab」、WebGPUで端末のGPUを活用
  79. GitHub - snuri00/ps2-web-recomp: PS2 games in the browser: static recompilation to WebAssembly with a native runtime
  80. Fingerprints are the new cookies
  81. pnpm 12.11のRust toolchain管理を試す：rust-toolchain.tomlからcargo、pnx、グローバル導入まで
  82. How I Build UIs with AI
  83. Making big downloads resumable in firefox
  84. Making React Context Cheap with React Compiler
  85. pnpm 12.9.1でWebContainers版を@pnpm/wasmへ分離、本体は約4MBへ戻った
  86. The wild west of polyglot docs sites
  87. 【SwiftUI】 Xcode 27 でアラートが Bool なしで出せるようになった
  88. Iframes that finally fit their content
  89. Adding Go's defer to the TypeScript Compiler
  90. Hundreds of AI-decompiled or vibe-coded clones of games appeared in recent weeks, ported to run in browsers
  91. 印刷物基準の文字組みをウェブの世界で。日本デザインセンター様から生まれたiOS用文字組みエンジンをJavaScriptに移植しました。
  92. Deeper dive: Keyboard differences between Windows and Macs
  93. There are many themes, but this one is yours
  94. Bevy 0.20
  95. return await は付けても付けなくても同じ？ try の中では catch と finally の動きが変わる
  96. Web制作者は要チェック！ 余分なマージンを取り除くmargin-trimプロパティなど、Chrome 155で追加されたCSSの新機能
  97. JavaScriptの言語仕様を決める委員会「TC39」の会議に参加してきた
  98. CSSの`text-box`で文字を上下中央に揃えたい
  99. Bridging technical depth and usability: The story behind Radar’s redesign
  100. 嫌われるデザインの歴史
  101. Shipping JPEG XL in Chrome
  102. CPUが2コアだとjestは終わらない — in-band実行とpendingのままのMutation
  103. God of War on PSP, recompiled to WebAssembly and running in the browser
  104. Show HN: Bigwords.page – Turn any screen into a sign. The URL is the app
  105. SVGアイコンを探すときにこれは便利！ 無料で商用利用できるアイコンのライブラリを横断検索できる便利サイト -IconsDB
  106. 15 merged IME fixes: the recurring ways Japanese typing breaks web apps
  107. Googleドキュメント、ドライブでMarkdownファイルを変換なしで表示、編集可能に
  108. cfコマンドを使ってViteで作成したReactアプリをCloudflare Workersにデプロイする
  109. iOSアプリ開発の気になる変更まとめ（2026/10/07）
  110. アール・デコの美しい幾何学模様をデザインに取り入れた、CSSで実装されたボタン -Art Déco Buttons
  111. Another step towards Elm 1.0
  112. Example.com Just Launched the Biggest Redesign in Decades
  113. Friendship ended with Deno, now Node is my best friend
  114. オブジェクト指向UIデザインをAgent Skillにして、Claudeが作るUIはどう変わるかの検証
  115. 「JSConf JP 2026」11/22に開催、チケット販売中
  116. 何これ、すごすぎる！！ PhotoshopやIllustratorをオープンソースで再構築、しかもWin、Mac、Linux、Web対応で無料
  117. Red, green and mud: fixing color mixing in Total Draw
  118. VueUseのIssue対応記録: v-element-sizeの修正から見るResizeObserverの値をwatchする際の注意点
  119. A browser-native classic Visual Basic VB6 IDE
  120. An Update on Orion for Linux and Windows
  121. Why don’t more developers "use the platform"?
  122. Qwik 2.0 RC で何が変わったのか、HTML コメントまで削った設計のこだわりを読んでみた
  123. 【React】「1つのuseEffect内でrefを立てる」useUpdateEffectはStrictModeで壊れる
  124. `use cache: private` のキャッシュはブラウザに残ることもある
  125. Readable Regular Expressions for JavaScript/TypeScript, Inspired by Emacs' rx
  126. Pass Designer
  127. 無料でカスタマイズ可能SVGパターンをいろいろ作成できる「Book of Shapes」
  128. 長年の悩みがこれで解決！ CSSで機能を組み合わせたときにブラウザがサポートしているか検出できる新機能「@supports named-feature()」
  129. The death of web development education
  130. Bez: Generating a browser engine from specs and tests
  131. Vinextでv1.0のリリースが行われたので試してみた
  132. JavaScriptの統合ツールチェーン「Vite+ 1.0」正式リリース。ランタイム、パッケージマネージャー、ビルドツール、リンター、フォーマッターなどを統一
  133. 「Firefox 157」正式版リリース、ここ数年で最大規模のデザイン刷新＆画面を広く使える「コンパクトモード」が登場
  134. Web 標準動向 2026年9月版
  135. Qt 6.12 LTS Released!
  136. ガラスの屈折やぼかしも美しい！ WebページのさまざまなUI要素をリキッドグラスにするエフェクトライブラリ -LiquidGlass

09WebMCP への注目と、iPhone Duo 対応

  1. 【JavaScript】Promise.resolveはPromiseでないオブジェクトもresolveするしそのせいで脆弱性がたくさんある
  2. 本番でボタンが全部無反応だった――CSP の nonce と force-static は両立しない（Next.js App Router）
  3. Web制作者は要チェック！ iframeのレスポンシブなサイズ調整など、Chrome 154で新しく追加された7つのCSSの機能
  4. Cloudflare、AstroベースのWordPress再構築CMS「EmDash 1.0」をリリース
  5. Twitter（現X）に貼ったURLのサムネイル画像、キャッシュクリアできるの知ってた？
  6. Next.js applications, powered by Vite: introducing Vinext 1.0
  7. Four months of VoidZero at Cloudflare: making the open-source JavaScript toolchain faster for all humans and agents
  8. How fast is the web? Explore billions of real-user measurements with BEACON
  9. Playwright Test Agents × GitHub Actions：E2E テスト生成・修復の自動化
  10. Project SkySim, Part 1: The Case for a Drone Simulator That Runs in Your Browser
  11. Improving site performance by shipping more CSS
  12. ScriptC: Vercel's Experimental Native TypeScript Compiler
  13. Honoが良いとされる理由がちょっとわかった気がする、多分。ちょっとだけ
  14. Teaching GPU programming in p5.js: now with compute shaders
  15. Poimandres、Webゲームやアニメーション向けのJS／TSライブラリ「math」を公開
  16. 古いReact NativeアプリをNew Architectureへ上げ直す
  17. How to get access to DOM from Service Worker?
  18. The JavaScript Pun: tagged template literal
  19. FlutterからFoundation Modelsを呼ぶ最小構成
  20. 「Google Chrome 154」安定版リリース、iframeが中身に合わせて自動でサイズ調整可能に＆HTTPサイトへの接続時に確認を表示
  21. ステートマシンでフォームの分岐を管理して失敗した (データから導出できる値を状態にすべきでない)
  22. Angular: プライベートフィールドの意味論再考
  23. How to Manage Document Metadata in React 19
  24. バナーデザインの引き出しが増える！ 38テーマに634作例、バナーに特化されたデザイン書 -バナーデザイン図鑑630
  25. ISR pages aren't stale because ISR is broken. They're stale because nobody visited them.
  26. How I Actually Ship Generative UI (Without Letting the LLM Write React)
  27. Jev + Generative UI で Web 制作の LLM トークンを 72% 削減できた話（3ページの企業サイトで実測）
  28. Build-Time Syntax Highlighting With Shiki and Rehype
  29. 商用利用無料！ ほっこりとした癒やし系フリーフォント、お母さまの手書き文字をベースにした -おかんのてがみ
  30. CSS用の物理ベースのライティングシステム「Ambient CSS」
  31. Firefoxに「ピクチャーインピクチャーで再生する動画の速度調整」や「新規タブにウェブサイトの未読通知をバッジで表示」などの新機能が追加予定
  32. Accessible PDF View — PDF を見出しから読める文書に
  33. A brief history of Windows scroll bar shortcuts
  34. loading.dev
  35. The History of Compiled (portion of) Javascript and V8 Engine
  36. That About Wraps It Up for Stock Mac UI
  37. iPhone Duo、開くアニメには3回で慣れた。それでもヒンジに嫉妬した理由
  38. I built an in-browser Swiss Army Knife with zero server uploads (PDFs, Images, JWT, Hashes)
  39. Markdown in /src
  40. I Benchmarked Five Ways to Speed Up a Slow React Table. Two of Them Did Nothing.
  41. Photoshop風のMac向け画像編集アプリ「Compositor」オープンソースで公開
  42. Do you use :visited on links?
  43. Reverse Engineering ChatGPT Web: How OpenAI Built for a Billion Users
  44. The last mile of a long road: faster NumPy in the browser
  45. ChatGPT now knows what you do on other websites via ad collector
  46. json-render と Jev で UI を組み立ててみた
  47. termaid: Render Mermaid diagrams in your terminal or Python app
  48. Thoughts on the Future of Web Browsers
  49. Quarkdown: Turing-complete Markdown typesetting system
  50. CleanShot’s bulldozed settings
  51. Building an ASCII 3D Renderer
  52. I built a free carbon & page-weight auditor for the web — feedback welcome
  53. Android 17 is the first since 3.x to add new APIs without releasing to the AOSP
  54. Noto Emoji、3D絵文字のフォントと画像を公開、Unicode Emoji 18.0にも対応
  55. Figmaの同時編集、なぜこんなになめらか？CRDTに着想を得た同期設計を公式ブログから読み解く
  56. Valibotはどうやって**文字列**を数えているのか
  57. 管理者と利用者を同時に、しかもそれぞれ複数タブで。諦めた要件をGoogleの実測で見直した話
  58. Your Donations at Work: One Year of Sponsored Servo Development
  59. WebMCPを試してみた感想。フロントエンドの必須技術になりそうな予感。
  60. Web開発向けツールの作成を支援するフレームワーク「Devframe」のバージョン1.0がリリース ——作成したツールをNext.jsやViteなどで再利用
  61. モバイルアプリのネイティブとクロスプラットフォームのパフォーマンスを比較する / ネイティブ v.s. Flutter v.s. React Native (Expo)
  62. 浮世絵にインスパイアされたUIコンポーネント、和紙・墨・朱の和のカラースキームが癒やされる -Hinomaru Ink UI Kit
  63. iOS 27でSafariに追加された「AIに言葉で説明するだけで自分好みの機能拡張を即座に開発する」機能が便利、文字色変更やスクロールボタン追加などをサイトごとに設定可能
  64. 「Firefox 156」正式版リリース、Mac起動時にFirefoxを自動で開くことが可能に
  65. Lovable、ViteからRust製開発ツール「OJ」への切り替えを紹介
  66. これはUIデザイナーの手間が増えそう！ iPhone DuoでWebページがどのように表示されるかを確認できるシミュレータ -iPhone Duo Simulator
  67. Next.js の Proxy(旧 Middleware) で redirect すると relative URL になる
  68. HTMLのcamera要素、CSSで最上行と最上列を固定表示した表を実装できるなど、Chrome 153で追加された新機能
  69. React 互換の軽量ランタイム TanStack Redact とは
  70. The CSS Zen Garden dream, finally shipped
  71. Stalling installing
  72. CSS-Tricks in Limbo
  73. Safari 27、top-level awaitの不具合を修正、モジュールローダーを刷新
  74. pnpm 12.4リリース、RustとPythonの依存関係もまとめてインストール可能に
  75. The case against JPEG XL
  76. Fragment Refsのずるい使い方
  77. Anecdotally, programmers dislike "reduce"
  78. そのプロジェクト、本当にNext.js必要？
  79. :has()で不要になったJavaScript 10選
  80. Session Context — what a web page knows about you
  81. Chrome DevTools MCP を Windows に入れる。ログインだけ人がやる
  82. UIデザイナー視点で見る「iPhone Duo」
  83. AI時代のWebフレームワークはどこへ行く？
  84. Reactの設計論
  85. Firefoxのローカル翻訳機能をGoogle翻訳っぽく使える「about:translations」が便利
  86. I made a build visualizer to understand Bun’s compile times
  87. Webの地図
  88. An untrusted site can freeze a Mac using WebGPU
  89. React Activity: When A Render No Longer Guarantees an Effect
  90. iPhone Duoに備える(SwiftUI/UIKit対応)
  91. Why Your Files Should Never Leave Your Device: Browser-Based File Processing
  92. こういうデザイン書が欲しかった！ 不易流行、日本の伝統デザインについて深くふかく学べるデザイン書 -伝統デザインのはなし
  93. Native is now the future of mobile at Shopify
  94. React Native ExecuTorch is now up to 92x faster
  95. Webページをスキャンして、古いCSSに置き換わるモダンCSSを提案してくれる無料ツール -Modern CSS Radar
  96. My HTML Boilerplate
  97. OUI-1: a model that generates bespoke UI elements
  98. Tailwind Labs is joining Shopify
  99. うっかり世界最強のWasmコンパイラを作ってしまった件
  100. TALA is open-source
  101. oxlintでimportして良いパッケージを制限する
  102. CSS Gridで実装、弁当グリッドのレイアウトを確認しながらCSSを生成できる無料ツール -Bento Grid Builder
  103. word-break の auto-phrase が効かないのは lang 属性のせいだった。日本語の折り返し5通りを343px幅で実測してみた
  104. This Month in Ladybird - August 2026
  105. Extreme Server Side Rendering
  106. 面倒なCSSアニメーションもこれで簡単に実装できる！ 繊細な動きを最優先にしたフレームワーク -EaseMotion CSS
  107. Antiquated HTML Snippets and Artefacts
  108. Chrome 152でGoogleだけサイトデータが消えない現象、サインイン無効でも検索1回で再起動後まで残存、6年前の問題が再発か
  109. WebエンジニアのためのReact Native + NativeWind v5事始め — Webの常識が通用しない18のポイント
  110. JavaScriptを1文字ずつ削る。手ごとの削減幅を実測した10個と、壊れる境界
  111. Two Tiny Utils for the Result Pattern
  112. Internationalization and Localization
  113. VS Code誕生から現在までの物語「The Story of VS Code」YouTubeで公開。作者のエリック・ガンマ氏はなぜIBMからMSへ移籍してVS Codeを作ることになったか
  114. フォームの Enter 送信で isComposing と keyCode === 229 を併用する理由
  115. 【歴史】Next.jsが覇権を握り、そして直面した試練の物語【動画解説】
  116. フロントエンドエンジニアとしてのキャリアを終える
  117. iOS 27のreorderable container APIで並べ替えを試してみる
  118. The Rust React Compiler is now native in Vite
  119. TanStack Virtual を使ってみた話
  120. UIレビューを楽にするためにPR作成をトリガーにしたStorybookをS3 + CloudFrontへ自動デプロイの仕組みを作った
  121. 国産ノーコードツール「Studio」の進化がすごすぎる！ 実務レベルの制作まで詳しく解説された -Studio ノーコードの教科書
  122. Imperial Colors Manifesto
  123. Announcing Vitest 5.0
  124. The asteroid currently hitting front end web development
  125. WebMCPがアツいので見てほしい
  126. 「Google Chrome」を追われた「uBlock Origin」、「Firefox」なら今後も使える／デスクトップとAndroidで。iOS版にも広告ブロック機能【やじうまの杜】
  127. BraveがChrome・Edge・Firefoxを速度と性能の両方で上回っているというベンチマーク結果を公開
  128. 「Firefox 155」正式版リリース、ブロックしたトラッカー数をアドレスバーに表示＆AI機能「Smart Window」の提供範囲を拡大
  129. WebLLM: high-performance in-browser LLM inference engine
  130. MozillaがiOS版Firefox向けに広告ブロック機能を正式リリース
  131. EUでWeb・アプリを提供する企業が知っておきたいアクセシビリティ法制 ― EAAだけではないB2C・B2B・公共調達
  132. Accessible and Functional Quantity Spinbutton Pattern
  133. GoogleがuBlock Originを含むManifest V2拡張機能をChromeウェブストアから削除
  134. CSSの新機能！ 元のカラーの透明度だけ変更できる相対アルファカラーなど、Chrome 152で新しく追加された5個の機能
  135. The Browser's Main Thread Is Expensive
  136. 位置決めもサイズ計算もCSSだけで。「State of CSS 2026」で見る注目機能と軽量フレームワーク
  137. Let’s Use the Emergent CSS random() Function in all the Browsers
  138. July in Servo: more platforms, faster canvas, web fonts in SVG, and more
  139. なんとなくでUIをAIに実装させない
  140. 創作の主体は、人間だった。 - 初音ミクのお誕生日なので TextAlive App API を使ってみた -
  141. Merge PDFs in the browser with JavaScript (no uploads, no server)

08ブラウザ内 AI の進展と、CSS 新機能の充実

  1. Zod の z.compile() でバリデーションを高速化する
  2. TypeScript ライブラリとして動作する組版エンジン minitype を公開しました
  3. AIエージェントが人間にとって理解しやすいシンプルなチャート仕様記述から表現力豊かで見栄えの良いグラフを確実に生成できる可視化中間言語「Flint」、50種類のチャートタイプをサポートしVega-Lite・ECharts・Chart.jsなどでレンダリング可能＆MCPサーバーあり
  4. Automating Immersive Reading
  5. サイバーパンクの街をアスキーアートだけで3D再現、しかもHTMLで作る猛者あらわる
  6. Building Critical Infrastructure with htmx: Network Automation for the Paris 2024 Olympics
  7. Zod v4.5 adds schema compilation (3-9x faster validation)
  8. Any true alternatives to electron JavaScript?
  9. Wrapping GTK4 in 800 lines of Clojure with Jolt
  10. htmx 4.0.0 has been released
  11. Brave's browser one-ups Chrome with its new support for email aliases
  12. GoogleがAIボットによる検索結果スクレイピングを防ぐためパススルーURLとして「google.com/goto」の展開を開始
  13. Undefined CSS variables fail silently: two failures in one evening, and the guard that checks reality
  14. GUIs should be fully keyboard-driven
  15. Claudeの公式Chrome拡張機能「Claude in Chrome」が一般提供開始
  16. Understanding useMemo and useCallback
  17. R-18ゲームをiPhoneでも……DMM GAMES、iOS向け独自ストアを31日に公開
  18. Nothing、「Nothing OS 5.0」10月リリース　AI機能のMCP対応やウィジェット生成機能など
  19. Apple Map Snapshotを使ってみた
  20. ChatGPTの内蔵ブラウザーがWebMCPに対応、Webサイトが公開するツールを「サイトツール」として利用可能に ——10日間のWebMCP Challengeも開催
  21. 「Google Chrome 152」安定版リリース、CPU性能に応じてウェブサイトを最適化できる「CPU Performance API」が追加
  22. What's in a tag name? JavaScript, apparently
  23. 悪質UIを体験できる「ダークパターン博物館」が話題　解約迷路、偽の閉じるボタンなど 全8種
  24. Problem with concurrent linter fixes
  25. Next.js 16.3正式版リリース。Turbopackのメモリ使用量が最大90％減、SSRが最大22％高速化、TypeScript 7による型チェック高速化など
  26. 新API「HTML-in-Canvas」を紹介 - CanvasにHTMLを描くAPIは何を解決するのか？
  27. Porffor goes alpha August 11th
  28. TanStack Start + Hono + oRPC + Cloudflare Workersで社内ERPを作った設計と学び
  29. You Secured the App. Who's Securing You? (The React Native Developer's Security Guide)
  30. Intent to Ship: JPEG XL
  31. CSS Color Module v6 ベースの色設計
  32. デザイナーが作る仕様駆動型デザインシステム
  33. Atkinson Hyperlegible appears a little smaller than some other fonts at the same font size
  34. How I Made a Canvas JSON Viewer Fast with Viewport Virtualization
  35. How to Design an Animation
  36. Mermaid VS PlantUML: Your Flow Is Mine!
  37. Screendrop
  38. clicky: A clickwheel iPod emulator
  39. New qwen3.8:27b on a 39k line C to single-file HTML / three.js port
  40. 備忘録：今さらNext.jsの全体像を整理する。App Router・RSC・Server Actions・キャッシュがどう噛み合うのか（Next.js 16 / React 19）
  41. 備忘録：Next.jsのServer ActionsをRSC・React 19から理解する。SSR・Hydration・再描画との関係を1本の流れに整理する
  42. 備忘録：Next.js App RouterでServer Actions方式とAPI方式をどう使い分けるか。判断基準と選定フローを整理する
  43. A 2026 Survey of Rust GUI Libraries
  44. Stop Making TUIs
  45. Android 17はメモリを使い過ぎるアプリを強制終了
  46. VS Codeベースのエディターをターミナル内で使える「terminal-code」が登場
  47. Small, native web tricks worth remembering
  48. Webの制作現場ですぐに役立つ情報が満載！ アクセシビリティへの取り組みを解説した良書 -Webアクセシビリティの教科書
  49. 社内アプリ開発したら『ダークモード実装してくれませんか？』の声がめちゃくちゃ多くてビビった
  50. Firefox 154がCSSのsibling-count()、sibling-index()、text-boxに対応、主要ブラウザーで利用可能に
  51. Meta brings Pocket, an app that lets you vibe-code and share games, to US users
  52. 「アクセシビリティ対応、何をどう進める？」　UIデザイナーによる実践事例と課題
  53. Why compiling Rust to WebAssembly is slow
  54. JIS第1水準の漢字までほぼ完備！ ゆる～い感じがかわいい、おやつ屋さんが作った手書きフォント -おやつぽっけフォント
  55. 「Firefox 154」正式版リリース、Windows版でアプリアイコンを変更可能に
  56. 広告ブロッカー「uBlock Origin」がFacebook広告のブロックを断念
  57. HTML Can Do That
  58. Introducing Microlighter
  59. React State Management in 2026 — Context API vs Redux Toolkit vs Zustand vs Jotai
  60. ブラウザ内AI推論を「最大60倍」速く　Web AIランタイム「LiteRT.js」をGoogleが発表
  61. CSS: the bomb inside your inbox
  62. npm代替を目指すパッケージマネージャvltを触ってみた
  63. CSS-in-JS Arena
  64. 全部コピペで簡単に実装できる！ CSSで実装された、トレンドのテキストエフェクトをまとめたライブラリ -CSS Text Effects
  65. Visual Studio Code 1.133正式リリース。プロンプトを見失わない固定スクロール、ローカルHTMLファイルの自動リロード、ClaudeとCopilotの混在可能など新機能
  66. Firefox for iOSに広告ブロッカーが標準搭載へ、EasyListベースで広告を読み込み前に遮断
  67. Beyond WASI: Running any Rust application in the browser with BrowserPod 3.0
  68. When the Down Arrow is not an Upside-Down Up Arrow
  69. Desktopcolors.com – A museum for solid background colors of classic OS
  70. Adobe Acrobatの自動更新が有効になっていると、Adobe Express Photosが勝手にインストールされる件
  71. You can just choose how many bugs you want now
  72. Stop Hand-Rolling Chat UIs: Streaming LLM Tokens Into React Native Without the Jank
  73. How I Run A/B Tests in a Chrome Extension (Without Re-Releasing to the Store)
  74. AIエージェントの作業結果、マークダウンで読むの辛くない？ →「HTML共有くん」を作りました
  75. Firefox is now the last major browser that still supports uBlock Origin
  76. ActivityPub Won by Being Boring
  77. Minimal WebRTC: building a 1:1 call where camera, mic, and screen are independent tracks
  78. My comment section is static HTML
  79. Accessibility Testing for Documentation: A Release Checklist
  80. 「WordPress」公式のブラウザー拡張機能が登場、「Chrome」「Safari」で提供開始／個人プロジェクトが公式に
  81. 面倒なパスワード変更、Geminiに丸投げできる日が来るかも
  82. The Color Math Was Never the Slow Part
  83. CSSが反映されない原因10選
  84. 【コピペOK】CSSで作るモダンなUIアニメーション集
  85. 同じRust製のBiomeとOxlintで、なぜ速度差が大きいのか
  86. What's new in Flutter 3.47
  87. 続・貧者のアークテクチャ：Next.js + Cloudflare Workers + Turso 本番運用で踏んだ罠ぜんぶ
  88. パスキーはなぜ「盗まれても意味がない」と言えるのか — 公開鍵暗号方式で理解する新しい認証
  89. オールドファン歓喜、ブラウザー上で動作するX68000エミュレーターが登場。ライセンスもクリア
  90. Chromium(V8)のArray.prototype.copyWithinを最大約450倍高速化した
  91. Zed: Delta
  92. Why tiny JPEGs look different in Chrome
  93. iOSアプリ審査が遅くなってない？フィードバックを送る方法
  94. “大画面”を活用できない――サイゼリヤに折りたたみスマホは不向き？ 注文UIに賛否
  95. ストリーミング表示のチャットUIを、スクリーンリーダーにどう伝えるか
  96. 30BのLLMをブラウザだけで動かす — WebGPUで毎秒25トークン
  97. ブラウザだけで完結する、HTMLからMarkdownへの一括変換ツール
  98. GenUの閉域モードを解剖する — CloudFrontを使わない構成と認証の流れ
  99. Three.jsとVRMで、しゃべりながら動く3Dキャラのチャットを作る
  100. Edgeも「Manifest V2」拡張機能の無効化を開始、従来型の広告ブロッカーに影響
  101. Firefox 153、「コンテナ」機能が拡張機能から本体標準へ
  102. ブラウザ内蔵AI（Built-In AI API）は思ったより悪くない
  103. トグルスイッチは有害である
  104. ライト／ダーク／システム設定の切り替えUIをどう作るか
  105. クールなURIは変わらない（1998）
  106. わかったようでわからないアロー関数の完全理解
  107. アニメーションっぽく画像が動く「レグレッシブJPEG」とは？
  108. ディザリングしたQRコード
  109. DREI: HTMLを見たまま編集できるEmacs
  110. Chrome の「Skills」——AI への指示をブックマークのように保存
  111. YouTube の広告がやたら眩しい理由は「HDR 画像」だった
  112. Web だけで作られた本格ドラムマシン「Groovie」の実装記
  113. JavaScript ゼロ、チェックボックスだけで動く CSS 3D アート
  114. CSS の箱モデル・カスケード・詳細度を初心者向けに整理
  115. 99% of My Website Traffic Is Bots
  116. parakeet.wgsl – Fast, accurate ASR in the browser, via raw WebGPU & SIMD WASM
  117. Show HN: textlog – A quiet, text-only microblogging platform, open-source, no JS
  118. the web server deployment model breaks at hobby scale
  119. メシウス、グリッド機能を強化したJavaScript UIライブラリ「Wijmo 2026J v1.1」
  120. CSSの進化がすごい！ JavaScriptなしで、遷移元と遷移先で異なる挙動を実現するルートとナビゲーションの連携機能
  121. Give any website a WebMCP interface
  122. WebサイトにGoogle マップみたいな地図を置きたい！ でも、カネがない…… そんな人に朗報！ 『日本のPMTiles配布サイト』のデータなら簡単にできるかも
  123. Building a RISC-V emulator that boots in a browser via Wasm
  124. Playwright Trace Viewer: Debug Failed Tests Without Reproducing Them
  125. ブラウザがサイドバーを付けたせいで「中央寄せ」が中央でなくなった話
  126. サイボウズ、デザインシステムの議論を LLM-Wiki で追える形にする
  127. レスポンシブ設計に必要な数値が一箇所に集まるツール「ScreenSize.net」
  128. 自分のサーバーで日本地図を配信できる「Japan PMTiles」
  129. 肌の色をきちんと表現するための色空間「Inclusive Color Space」
  130. Chrome 151で追加された6つの新機能、カメラを扱うusermedia要素など
  131. なぜ `<p>` の中に `<div>` を入れられないのか——HTMLパースの仕様
  132. Cloudflareが「ソフトウェア工場」でAstroの未解決issueをほぼゼロに
  133. 「2025年にあえて素のHTML・CSSで書く」理由
  134. ブラウザとNode.jsで「イベントループ」はどこが違うのか
  135. Octane 登場、React のプログラミング作法を「コンパイル」する
  136. ライブラリ不要、ブラウザ仕様差を吸収するモダンUIスライダー9選
  137. Kotlin/Java でモダンなデスクトップアプリを作れる「WinUI4K」
  138. Flutter アプリの E2E テスト基盤に「Maestro」を選んだ理由
  139. 3周年で30フォント、日本語フリーフォント「ひとりっこ」リリース
  140. The Fixi Project
  141. Should you normalize RGB values by 255 or 256?
  142. Web Streams API 入門 ― 基本概念から実践まで
  143. Next.jsのビルド出力の記号 ○ ● ƒ ◐ の意味を読み解く
  144. Chrome、パスワード不要でメール所有を確認する「Email Verification Protocol」を試験導入
  145. 40行のJavaScriptで作る「史上最悪のhtmx」から学ぶ設計の勘所
  146. ドリームキャスト用エミュレータ「Flycast」、ブラウザで動くWASM JIT版が登場
  147. AppleのデザインガイドラインをAIに教え込み「AI臭いUI」からの脱却に挑戦
  148. Canvas＋SVGで、あらゆる要素を曲線に沿ってアニメーションさせる
  149. Vue.js 入門編——基礎から丁寧に
  150. 【初心者向け】CSSとは？ 基本から書き方まで

07Chrome 150 の CSS 拡充と、JavaScript を減らす実験

  1. htmxで作る「段階的に強化されるフォーム」
  2. その UI 要素の名前は？──「弁当グリッド」「ケバブ」を引ける NameThatUI
  3. 「AIっぽい見た目」とは何か──AI Aesthetic 論
  4. Google Search Console、YouTubeやXからの検索流入も見えるように
  5. AIが吐くHTMLや画像を「人がレビューしやすく」する試み RHW
  6. 「Google Chrome 151」安定版リリース、テキストを手軽にストリーム処理可能なWeb APIが追加
  7. TypeScript 7 時代の Vue.js ツールチェーン Vize を実プロダクトで検証した
  8. The Difference Between a Button and a Link
  9. フロントエンド挫折勢！StreamlitならPythonだけで実用的なWebアプリ、ツールが即作れる。
  10. @rabbx/overseer - Universal Hot Reload for Bun, Deno, Node
  11. Firefoxの丸みを帯びた新デザインがNightlyで体験可能に
  12. Google Play、2026年8月31日までにAndroid 16対応を必須化（React Native移行ガイド）
  13. CSSの`ch`単位と`translateX(ch)`で、拡大縮小してもきれいなローダーを実装
  14. ルーティングライブラリを自作して最新のWebルーティング事情を学ぶ
  15. Materialっぽくない見た目のFlutter向けUIキット「fossui」
  16. Vercelが「scriptc」公開——TypeScriptをC言語経由でネイティブ実行ファイルに
  17. Firefoxがリリース間隔を4週間から2週間に短縮
  18. ゲームエンジン「Unity 7」発表、ランタイム基盤がMonoから.NET CoreCLRへ
  19. React.jsをやめてHTMXでUIの動きを実装した事例
  20. 「点滅するトイレのライト」と`isProcessing`フラグは同じ仕事をしていた
  21. Cookieバナーを終わらせよう──EUでの撤廃を目指す取り組み
  22. アニメーションの設計の仕方
  23. デザインとは妥協である
  24. UIをツリーに分解する｜Next.jsの考え方
  25. Pushing and Pulling: Three Reactivity Algorithms
  26. Long Polling: The First Time the Web Tried to Feel Alive
  27. Microformats – building blocks for data-rich web pages
  28. Building My Developer Portfolio with React and Vite
  29. WebAIM 2026、上位100万ページのアクセシビリティ調査
  30. WebGPU Unleashed：実践的なチュートリアル
  31. 「正しさ」を土台に据えたフロントエンドフレームワーク foldkit
  32. Justif：Knuth-Plass式の行揃えと微細組版をWebで
  33. Astroで日英ブログを作って分かった5つの実装パターン
  34. Your JS Date Is Lying to You - 本番に流れ続ける落とし穴
  35. ダークモードは2つ目のCSSファイルにすべきではない
  36. Vue.jsと一緒にHTMXを使い始めたら、思いのほか気に入った話
  37. 「プロトタイプ設定が消える」　Figma共同編集でハマりやすいポイントと対策6選
  38. shadcn/uiがBase UIをデフォルトに——移行の背景と実務対応
  39. ブラウザ戦争は「検索」から「AI」へ——ChromeとSafariの代替候補
  40. フロントエンドに広がるOpenTelemetry——Browser SDKの現在地
  41. 名画からインスピレーションを得たカラーパレットを無料ダウンロード -Palette Inspiration
  42. assistant-uiとAG-UIでAIエージェントのフロントエンドを作る
  43. Xがイチから作り直したAndroidアプリ、「過去最大級の刷新」に賛否
  44. Visual Studio Codeに「AIのクレジット浪費」を防ぐコスト管理機能
  45. Xの公開ランキングアルゴリズムを読んで分かった「誰に表示されるか」の実態
  46. PDFやEPUBを男女の声で読み上げる、オフライン対応のmacOSアプリ「Aura Reader」
  47. 知っておきたいVS Codeのショートカット
  48. Async React 時代の宣言的 UI：useActionState でユーザー操作を妨げない
  49. Jelly UI：HTML のフォーム部品に"やわらかい物理"を加える実験
  50. 白って 1600 色あんねん！──CSS の色指定を掘り下げる
  51. note クリエイター向け統計ダッシュボードを個人開発（React / Hono / Chrome 拡張）
  52. React習熟度ベンチマーク、Fable 5は"effort=low"でも使えるか
  53. VS Code、従量課金になったGitHub Copilotの使用料を表示可能に
  54. リアルタイム共同編集に対応したJS表計算部品「SpreadJS」新版
  55. Playwright on GitHub Actions、本当に速く動く設定
  56. Figmaデザインを React実装に落とし込むときの確認ポイント
  57. 鹿野さんに聞く！CSSの最新トレンド Ver.2026
  58. JavaScriptの日付処理が変わる！DateからTemporalへ
  59. Firefoxをブラウザのタブ内で丸ごと動かす「Firefox in WebAssembly」が登場
  60. GPT-5.6のReact習熟度を測った結果
  61. Vite開発チームが統合開発ツールチェーン「Vite+」をベータ公開
  62. JavaScriptなし、または最小限で作るUIコンポーネント実装まとめ「NoLoJS」
  63. 2026年最新版、CSSグラデーションのあらゆる実装コードをまとめたチートシート
  64. 夏休み前に知っておきたい、Reactエンジニアに優しくなったモバイルアプリ開発の世界
  65. Next.js 16 / React Router v8 / TanStack Start / Remix 3 / Astro をどう選ぶか
  66. 古くなったStruts + JSPを React + Quarkus にUIモダナイズする
  67. Google Imagesが Pinterest 風に刷新、AIによる画像生成もその場でできるように
  68. TypeScript 7.0 正式リリース — Go への移植で 8〜12 倍速く
  69. クロスドメインログインをデフラグする
  70. Appleの新しいSpeechAnalyzer APIをWhisperと比べてみた
  71. JavaScriptの「Magic Objects」パターン
  72. ブラウザだけで完結する意味検索「Ternlight」
  73. 静的サイトジェネレータ「Astro 7.0」正式リリース、ビルドシステムがVite 8/Rolldownに
  74. Chrome 150で新しく追加された18個のCSSの機能
  75. OKLCHで知覚的に優れた広色域カラーパレットを生成 -OKLCH Color Palette Generator
  76. 攻撃者はブラウザを開いて最初の5分で何を見るのか — フロントエンドの実装防御ガイド
  77. 生成AI時代、UI/UXデザインに何が起きているか？（NN/G最新論点まとめ）