2ality39
Anthony Fu2
Arcjet Blog17Atriiy4
azukiazusa のテックブログ267
efcl14
Jake Archibald6Joyee Cheung2
Jxck39
leaysgur's Blog35LogRocket Dev343
Mark Erikson's Blog2
mizdra.net15
Overreacted22
Socket150tinyclouds3
TkDodo12Last updated: 2026/01/09 23:00
VSCode has architectural performance limits. Compare six fast, native code editors built for lower resource usage.
Build a React infinite scroll gallery with TanStack Pacer. Learn debouncing, throttling, batching, and rate limiting without RxJS complexity.
Socket CEO Feross Aboukhadijeh joins Insecure Agents to discuss CVE remediation and why supply chain attacks require a different security approach.
The tech stack behind Arcjet: WebAssembly runtimes, a Go gRPC decision API, and region-aware SNS→SQS→ClickHouse pipeline.
Learn how product managers can build production-ready prototypes using AI. Skip the PRD cycle and ship features directly from Builder.io
Tailwind Labs laid off 75% of its engineering team after revenue dropped 80%, as LLMs redirect traffic away from documentation where developers discov...
Recruit participants, write interview guides, analyze surveys, and synthesize findings faster with these 19 proven ChatGPT prompts for UX research.
JSer.info #760 - zod v4.3.0がリリースされました。
[...] the reality is that 75% of the people on our engineering team lost their jobs here yesterday because of the brutal impact AI has had on our business. And …
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the January 7th issue.
Have you ever struggled to style an element while it's being dragged? Sunkanmi explains some ways it could become easier in the future.
The best AI coding tools for developers in 2026. From IDEs to code review, find tools that work in real codebases without breaking your workflow.
Promotions depend on proof. This guide shows PMs how to capture wins, feedback, and impact before review season.
Jack Herrington breaks down how React's new useEffectEvent Hook stabilizes behavior, simplifies timers, and enables predictable abstractions.
The planned feature introduces a review step before releases go live, following the Shai-Hulud attacks and a rocky migration off classic tokens that d...
A practical comparison of Claude Code versus Devin that explains how each fits real developer workflows, control styles, and async vs live coding.
Stop shipping chat UIs. Learn how AG-UI uses an event-driven protocol to build real AI apps with streaming, tools, and shared state.
Devastating critique of the new menu icons in macOS Tahoe by Nikita Prokopov, who starts by quoting the 1992 Apple HIG rule to not "overload the user with complex icons" …
GitHub postponed a new billing model for self-hosted Actions after developer pushback, but moved forward with hosted runner price cuts on January 1.
Modern browsers can handle more than you think. Learn when native web APIs are enough—and when frameworks actually make sense.
Motia はバックエンド開発をシンプルにすることを目指したコードファーストのバックエンドフレームワークです。この記事では Motia を使用して簡単な TODO REST API を構築する方法を紹介します。
With enough users, every observable behavior becomes a dependency - regardless of what you promised. Someone is scraping your API, automating your quirks, caching your bugs. This creates a career-level …
Something I like about our weird new LLM-assisted world is the number of people I know who are coding again, having mostly stopped as they moved into management roles or …
この記事では、自作のブラウザMoonBitのレイアウトエンジンを構築する過程が詳述されています。主にCSSのボックスモデル、Flex、Gridの座標計算モジュールを実装し、HTML/CSSパーサやCSSクエリエンジンも一部実装しました。実装の参考として、Yoga Layout EngineやRust製のTaffyを調査し、最終的には自作のエンジンをスクラッチで書くことを選択しました。Web Platform Tests (WPT)を通過することを目標に、テストケースを通じてブラウザの互換性を確保するための努力が強調されています。また、Double Dirty Bitを用いたパフォーマンスチューニングや、CSS: Containの有用性についても言及されています。 • 自作ブラウザMoonBitのレイアウトエンジンを構築した • CSSのボックスモデル、Flex、Gridの座標計算を実装 • Yoga Layout EngineやTaffyを参考にした • Web Platform Tests (WPT)を通過することを目指した • Double Dirty Bitを用いたパフォーマンスチューニングを行った • CSS: Containの有用性を実装過程で確認した
Web は誰のものでもなく、誰でも無料で使える。しかし、その状態を維持するための費用が、かかっていないわけではない。そこで、Web を生業にしている筆者としては、Web が壊れないための「維持コスト」をほんの一部でも負担するという意図をもって、寄付を行っている。
Reactでの、Suspense以後の設計に不慣れな方に向けて、Suspenseの活用法をjotaiを通じて解説します。
AI コーディングエージェントにフロントエンドのコードを書かせる際、Figma MCP を使用してデザインコンテキストやデザイントークンを提供することで、一貫したデザインガイドラインを遵守させる方法を紹介します。
Michael Lynch maintains HN Popularity Contest, a site that tracks personal blogs on Hacker News and scores them based on how well they perform on that platform. The engine behind …
Compound Components are great, but should be type-safe. No, this isn't about the children prop ...
I am a huge fan of gistpreview.github.io, the site by Leon Huang that lets you append ?GIST_id to see a browser-rendered version of an HTML page that you have saved …
mubook-honは、Dropboxに保存したEPUB/PDFファイルをブラウザで読めるウェブアプリです。Notionと連携して、読書メモや進捗をNotionに記録できます。
2026 is almost upon us. I know we’re all itching to see the clock strike midnight (cue The Final Countdown by Europe), but not without recapping the best CSS-related things that happened over the last two weeks!
css-modules-kit は CSS Modules のためのツールセットです。何ができるのか、どんな設計で作られているのかは以下の記事を見てください。 www.mizdra.net www.mizdra.net この記事では css-modules-kit の内部設計について紹介してみます。今回は CSS Modules のパースについてです。 3種類のツールと core パッケージについて css-modules-kit は codegen, ts-plugin, linter-plugin (eslint-plugin or stylelint-plugin) の 3 種類のツール…
2025年のオープンソース活動の振り返りとGitHub Sponsorsでの収入をまとめた記事です。
Back in February I blogged about a neat Python library called sqlite-s3vfs for accessing SQLite databases hosted in an S3 bucket, released as MIT licensed open source by the UK …
Which AI wireframe generator actually holds up in real UX work? A hands-on comparison of strengths, tradeoffs, and best use cases.
Valdi skips the JavaScript runtime by compiling TypeScript to native views. Learn how it compares to React Native’s new architecture.
Most teams fail at autonomy. Learn how clear rules help product teams move faster without micromanagement.
What trends will define web development in 2026? Check out the eight most important trends of the year, from AI-first development to TypeScript's takeover.
In earlier posts, I wrote about reviving require(esm) and its iteration process. The idea seems straightforward once you grasp the ESM semantics, but battle‑testing revealed interop edge cases rooted
More than a year ago, I set out to revive require(esm) in Node.js and landed an experimental implementation. After a lot of iteration and battle-testing, require(esm) is now unflagged across all suppo
Claude Code のツール検索ツールを有効にすることで、MCP ツールの定義を事前にコンテキストウィンドウに読み込まず、必要に応じて動的にツールを検索・呼び出しできます。これにより、多数の MCP ツールをインストールしている場合でもトークン使用量を大幅に削減できる可能性があります。この記事では Claude Code のツール検索ツールの概要と使用方法を紹介します。
JSer.info #759 - Next.js 16.1がリリースされました。
2025年を振り返る記事では、著者が今年書いた43本のブログ記事やポッドキャストの内容を振り返り、特に連載や登壇、勉強会の活動について述べている。著者は、年末にアドベントカレンダーを行う代わりに、空いている時に連載を行うことにした。また、4つの大きな登壇を行い、特にスライドなしのスタイルが好評だったことを強調している。勉強会は開催できなかったが、来年は小規模な勉強会を積極的に行う意向を示している。さらに、Web技術年末試験を実施し、来年も続ける予定である。著者は、Cookieに関する執筆を進める計画も持っている。 • 2025年に43本のブログ記事を執筆したこと • 年末にアドベントカレンダーを行う代わりに連載を行う方針に変更したこと • 4つの大きな登壇を行い、スライドなしのスタイルが好評だったこと • 勉強会は開催できなかったが、来年は小規模な勉強会を行う意向があること • Web技術年末試験を実施し、来年も続ける予定であること • Cookieに関する執筆を進める計画があること
New release of my shot-scraper CLI tool for taking screenshots and scraping websites with JavaScript from the terminal. The shot-scraper har command has a new -x/--extract option which extracts all …
But once we got that and got this aviation grade testing in place, the number of bugs just dropped to a trickle. Now we still do have bugs but the …
D. Richard Hipp called me out for spreading misinformation on Hacker News that SQLite refuses outside contributions: No, Simon, we don't "refuse". We are just very selective and there is …
AI-first debugging augments traditional debugging. Learn where AI helps, where it fails, and how to use it safely in production.
Today in extremely niche projects, I got fed up of Claude Code creating GitHub Actions workflows for me that used stale actions: actions/setup-python@v4 when the latest is actions/setup-python@v6 for example. …
この記事では、WebAssembly Component Modelのライブラリをwa.devに公開したことについて説明しています。wa.devはWebAssembly Component Modelのパッケージレジストリで、言語に依存せず型安全な相互運用を可能にします。具体的には、シンタックスハイライト用のレンダラーライブラリ「mizchi:tmgrammar」を公開し、トークン配列をHTMLまたはANSIエスケープシーケンスに変換する機能を持っています。ライブラリはwkgを使用して取得でき、wasmtimeで実行可能です。また、JavaScriptから利用するためのバインディング生成方法も紹介されています。 • wa.devはWebAssembly Component Modelのパッケージレジストリである。 • シンタックスハイライト用のライブラリ「mizchi:tmgrammar」を公開した。 • ライブラリはトークン配列をHTMLまたはANSIエスケープシーケンスに変換する。 • wkgを使用してライブラリを取得し、wasmtimeで実行できる。 • JavaScriptから利用するためのバインディング生成方法がある。
2023年から段階的にAIを開発フローに組み込み、2025年は試行錯誤とツールの大きな変化、そしてエージェント化を経て、私のソフトウェア開発の進め方は明確に変化しました。 ここで言う「変化」とは、単に作業が速くなった、便利になったという話ではありません。 より具体的には「コードをタイピングする時間よりも、間接作業の比重と抽象的な思考・ロジックが増えた」という意味での変化です。 より深刻なのは文字入力回数の増大です。その結果、マイクに向かって話したり、タイピングの練習といったプリミティブな活動を取り入れるようになりました。 この変化は私だけのものではありません。Addy Osmaniは『Beyond Vibe Coding』で「開発者の役割はコードを書くことから、コードを指示すること（directing）へシフトしている」と述べ、アーキテクチャやデザインパターンといったシステム思考への集中を説いています。Latent SpaceのSwyxも「ソフトウェアエンジニアの強みは抽象化のレベルを上げることに最も長けている点だ」と指摘しています。 この流れに対して「コーディングがつまらなくな
MiniMax-M2.1, LLM Coding Workflows, GLM-4.7, MiniMax-M2.1, LaMer Meta-RL, Google's 2025 AI Breakthroughs
この記事は、2025年後半の振り返りを中心に、著者の転職や仕事の進捗、OSS活動について述べています。著者はPixelGrid社でAstroを用いたプロジェクトに取り組み、データのポータビリティとクエリの自由度の重要性を認識しました。また、OxcプロジェクトでTypeScriptパーサーのカバレッジ向上に努め、転職後はVoidZero社でRustを用いた開発に従事しています。新しい職場では、無限のタスクに圧倒されつつも、OSS活動を続けています。さらに、VueFes Japanでの登壇や、CLIの安定化に向けた取り組みも行っています。最後に、2026年には第二子の誕生を控えていることを述べ、来年の働き方についての調整が必要であると締めくくっています。 • 著者はPixelGrid社でAstroを用いたプロジェクトに取り組んでいる。 • データのポータビリティとクエリの自由度が重要であると認識した。 • OxcプロジェクトでTypeScriptパーサーのカバレッジ向上に努めた。 • VoidZero社に転職し、Rustを用いた開発を開始した。 • 無限のタスクに圧倒されつつもOSS活動を続けている。 • VueFes Japanでの登壇を行った。 • CLIの安定化に向けた取り組みを行っている。 • 2026年には第二子の誕生を控えている。
Anton Medvedev built textarea.my, which he describes as: A minimalist text editor that lives entirely in your browser and stores everything in the URL hash. It's ~160 lines of HTML, …
AI を活用するための技術というのはとりわけ新しいものではなく、過去の知見を基盤として構築されていることが多いです。それゆえに、AI 時代だからこそ基礎的な知識を体系的に学ぶことができる書籍に学ぶことに価値を求めるのです。この記事では 2025 年に読んで特に印象に残った本をいくつか紹介します。
Andrew Nesbitt provides an insightful teardown of why uv is so much faster than pip. It's not nearly as simple as just "they rewrote it in Rust" - uv gets …
Container queries enable truly responsive components. Learn how they work, where they shine, and why they complement rather than replace media queries.
Learn how each reduces client JavaScript, impacts hydration and interactivity, and which trade-offs matter for production performance
A retrospective on what has happened for me in 2025
I’ve released claude-code-transcripts, a new Python CLI tool for converting Claude Code transcripts to detailed HTML pages that provide a better interface for understanding what Claude Code has done than …
この記事では、Viteを使用してMoonbitでフロントエンドを開発するためのプラグイン「vite-plugin-moonbit」について説明しています。このプラグインは、Moonbitを使った開発を簡素化し、ホットリロード機能を提供します。開発者は、Moonbitの設定が難しいと感じることが多いため、簡単に始められる環境を整えることが目的です。具体的には、MoonbitのビルドプロセスをViteに統合し、開発中のコードを自動的にリロードする機能を実装しています。記事では、インストール手順や基本的な使用方法、サンプルプロジェクトのリンクも提供されています。さらに、WASMを使用した例や、外部パッケージの利用方法についても触れています。 • Moonbitをフロントエンドで使う際の設定の難しさを解消するためのプラグインを開発した。 • ViteとMoonbitのビルドプロセスを統合し、ホットリロード機能を実現した。 • インストール手順や基本的な設定方法を示し、簡単に始められる環境を提供している。 • サンプルプロジェクトとして、MarkdownコンパイルやWASMライブラリの読み込み例を用意している。 • 外部パッケージの利用方法や、Luna UIフレームワークとの統合についても説明している。
Moonbit Advent Calendarの振り返りでは、Moonbitというプログラミング言語の普及を目指し、参加者を集めることに成功したことが述べられています。最初は軽いリファレンス記事を考えていましたが、他の参加者の熱意に触発され、より深い内容の記事を書くことになりました。特に、Moonbitの実利やパフォーマンスを示すことに重点を置き、実際に何かを作ることやベンチマークでの優位性を証明する記事が好評でした。また、Moonbitの機能として、演算子のオーバーロードやパターンマッチングが強力であることが強調されています。最終的に、Moonbitを使ったさまざまなプロジェクトや実装例が紹介され、言語の魅力が伝えられています。 • Moonbitの普及を目指したAdvent Calendarの成功 • 参加者の熱意に触発され、深い内容の記事を作成 • 実利やパフォーマンスを示すことが重要 • 実際に何かを作ることが好評 • Moonbitの演算子オーバーロードやパターンマッチングの強力さ • さまざまなプロジェクトや実装例の紹介
uv has a useful uv init command for setting up new Python projects, but it comes with a bunch of different options like --app and --package and --lib and I …
Luna UIは、軽量で高速な宣言的UIライブラリで、WebComponentsを基盤にしたSSR（サーバーサイドレンダリング）をサポートしています。著者は既存のUIライブラリに不満を持ち、自らのニーズに応じたライブラリを開発しました。Lunaは、Signalによる細粒度のリアクティビティを提供し、コンパイル時の最適化が不要なほど小型です。サンプルコードを通じて、Lunaの使い方やその軽量性が示されており、Reactと比較してもバンドルサイズが小さいことが強調されています。また、Viteとの統合を容易にするためのプラグインも開発されており、エラーレポート機能も備えています。デモとして、シューティングゲームやTodoMVCが紹介され、Lunaのパフォーマンスが実証されています。 • Luna UIは軽量で高速な宣言的UIライブラリである。 • WebComponentsを基盤にしたSSRをサポートしている。 • Signalによる細粒度のリアクティビティを提供する。 • Reactと比較してバンドルサイズが小さく、実装が簡単である。 • Viteとの統合を容易にするプラグインを開発した。 • デモとしてシューティングゲームやTodoMVCがあり、パフォーマンスが実証されている。
サイボウズ株式会社のフロントエンドエンジニアが、2025年4月からW3CのメンバーとしてWeb標準の動向を追い、毎月の進捗をまとめている。記事では、HTMLの新しいメニュー要素や、カスタマイズ可能な選択リストボックス、Canvasの縦書きサポート、Sanitizer APIなど、最新のWeb標準に関する提案や進展が紹介されている。また、CSSのtext-justifyプロパティや、Chrome DevToolsの新機能、ARIA属性の提案なども取り上げられ、アクセシビリティ向上に向けた取り組みが強調されている。 • サイボウズがW3Cのメンバーに加入し、Web標準のキャッチアップを行っている。 • HTMLの新しいメニュー要素（<menubar>, <menuitem>, <menulist>）が提案された。 • カスタマイズ可能な選択リストボックスが複数選択に対応したバージョンとして開発中。 • Canvasでのテキスト縦書きが可能になった。 • Sanitizer APIがHTML文字列から危険な部分を削除する機能を持つ。 • CSSのtext-justifyプロパティがテキストの割り付け方法を制御できる。 • ARIA属性の新提案（aria-focus-combine）がアクセシビリティ向上を目指している。 • Intl Locale Info API ProposalがStage4に進み、次回のECMAScript仕様書に採用されることが決定。
この記事では、Forward Deployed Engineer（FDE）という職種について、お客様の業務に最も近い場所で働くエンジニアとして、技術とビジネスの両面から課題解決に取り組む実像をお伝えします。FDEの魅力、実際の業務内容、組織構成、そしてリーダーとしての見解を通じて、この職種の全体像を理解していただけます。
Destructive malware is rising across open source registries, using delays and kill switches to wipe code, break builds, and disrupt CI/CD.
Socket CTO Ahmad Nassri shares practical AI coding techniques, tools, and team workflows, plus what still feels noisy and why shipping remains human-l...
If this [MicroQuickJS] had been available in 2010, Redis scripting would have been JavaScript and not Lua. Lua was chosen based on the implementation requirements, not on the language ones... …
New project from programming legend Fabrice Bellard, of ffmpeg and QEMU and QuickJS and so much more fame: MicroQuickJS (aka. MQuickJS) is a Javascript engine targetted at embedded systems. It …
A five-month operation turned 27 npm packages into durable hosting for browser-run lures that mimic document-sharing portals and Microsoft sign-in, ta...
This is the best job I've had in my life and it's only possible because you keep showing up each day to read, learn, share, and discuss all-things-front-end (and a little CSS, of course) with us.
A practical framework for PMs to use AI in ideation without sacrificing judgment, strategy, or decision quality.
What storylines defined 2025 in frontend development? We power rank them all, from AI advancements to supply chain attacks and framework breakthroughs.
Moonbitのmoonコマンドには、型チェックやバックエンド指定実行、ドキュメントテスト、スナップショットテスト、型定義生成、メソッド検索、ベンチマーク、カバレッジ分析などの便利な機能が備わっています。特に、moon lintによる型チェックとlintの統合、moon runによるターゲット指定実行、moon testによるドキュメントとテストの統合が強調されています。これにより、未使用の変数や型引数に対する警告が出力され、CI環境でのエラー管理が容易になります。また、moon docコマンドを使用することで、型のメソッド一覧を簡単に確認でき、標準ライブラリのソースを読むことなく機能を理解できます。 • moonコマンドには型チェック、バックエンド指定実行、ドキュメントテストなどの機能がある • moon lintによる型チェックとlintが統合されている • moon runコマンドでターゲットを指定してプログラムを実行できる • moon testでドキュメントとテストを統合し、サンプルコードの陳腐化を防ぐ • moon docコマンドで型のメソッド一覧を確認できる • moon benchでベンチマークを実行できる • moon coverage analyzeでテストカバレッジレポートを取得できる
I’ve been having an absurd amount of fun recently using LLMs for cooking. I started out using them for basic recipes, but as I’ve grown more confident in their culinary …
AI ShiftのTECH BLOGです。AI技術の情報や活用方法などをご案内いたします。
Fake “Phantom Shuttle” VPN Chrome extensions (active since 2017) hijack proxy auth to intercept traffic and continuously exfiltrate user credentials t...
I just had my first success using a browser agent - in this case the Claude in Chrome extension - to solve an actual problem. A while ago I set …
Use Tailwind CSS in React Native with NativeWind v4. Learn setup with Expo, dark mode, CSS variables, container queries, and more.
The text-decoration-inset property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters, resulting in vertical misalignment.
A practical comparison of the best React Native UI libraries in 2026, covering performance, accessibility, bundle size, and Expo support.
この記事では、最速のMarkdownコンパイラを実装したことについて述べています。特に、インクリメンタルコンパイルに焦点を当て、20000文字のテキストでも60fpsを維持できる性能を実現しています。Moonbitという言語を使用し、FFIを使わないピュアな実装で、js/wasm/native環境で利用可能です。CommonMark準拠は微妙ですが、GitHub Flavored Markdownの拡張に対応しています。CST（Concrete Syntax Tree）を採用し、差分更新を効率的に行うことで、パフォーマンスを向上させています。最終的に、他の実装と比較しても優れた速度を示しています。 • インクリメンタルコンパイルにより、編集時のパフォーマンスが向上する。 • CSTを使用して、ユーザーの入力に対して効率的に再パースを行う。 • CommonMark準拠は207/542で、実用上問題ないと判断。 • GitHub Flavored Markdownの拡張に対応している。 • 他のMarkdown実装と比較して、速度が優れている。
Every time you are inclined to use the word “teach”, replace it with “learn”. That is, instead of saying, “I teach”, say “They learn”. It’s very easy to determine what …
数ヶ月前の「Serena MCPはClaude Codeを救うのか？」で「Claude Code本体にLanguageServer統合を追加する可能性も考えられます」と書きましたが、その機能が2.0.74で有効になりました。 導入方法は「Claude Code の LSP サポート」が詳しいので参照ください。まとめるとanthropics/claude-plugins-official 経由でインストールするか、.claude-plugin/plugin.json にLSPサーバのコマンドを記述して自作プラグインとして起動します。 Claude Code の LSP サポートClaude Code のバージョン 2.0.74 から LSP（Language Server Protocol）サポートが追加されました。LSP サポートにより、Claude Code はコードベースに対してシンボルの定義検索、参照検索、ホバー情報の取得などの操作が可能になります。この記事では Claude
Claude Code のバージョン 2.0.74 から LSP（Language Server Protocol）サポートが追加されました。LSP サポートにより、Claude Code はコードベースに対してシンボルの定義検索、参照検索、ホバー情報の取得などの操作が可能になります。この記事では Claude Code の LSP サポートの概要と使用方法を紹介します。
Learn best practices for typing React children in TypeScript, including ReactNode, PropsWithChildren, ComponentProps, and why React.FC is no longer recommended.
Learn how to internationalize Next.js apps with Lingui and next-intl, covering App Router, RSC, routing, locale detection, and dynamic language switching.
Is Cursor’s design mode a Figma killer? Here’s how it works, where it falls short for non-developers and on source mapping, and how to let designers edit code.
It's settled! A new CSS display property keyword called grid-lanes will trigger a masonry layout mode.
Vite vs Webpack in 2025: a senior engineer’s take on performance, developer experience, build control, and when each tool makes sense.
My new hobby project.
First there was Emil Stenström's JustHTML in Python, then my justjshtml in JavaScript, then Anil Madhavapeddy's html5rw in OCaml, and now Kyle Howells has built a vibespiled dependency-free HTML5 parser …
An evolving guide of protecting your health from a pricemaxxing industry.
Learn how Vitest 4 makes migrating from Jest painless, with codemods, faster tests, native ESM, browser testing, and a better DX.
Jelte Lagendijk built a Raycast extension for searching CSS-Tricks articles where you simply type and a get a solid set of real-time results.
Learn when to use TypeScript types vs. interfaces, with practical guidance on React props, advanced mapped and template literal types, and common pitfalls.
In all of the debates about the value of AI-assistance in software development there’s one depressing anecdote that I keep on seeing: the junior engineer, empowered by some class of …
A hands-on comparison of five AI coding CLIs, tested by building the same React Todo app.
この記事では、2025年12月16日に開催されたサイボウズのFrontend Weeklyで取り上げられたフロントエンド関連のニュースを紹介しています。Node.jsのセキュリティリリースが2026年1月7日に予定されており、複数のバージョンに対する脆弱性対応が進められています。また、Cursor Browser向けのビジュアルエディタや、ヘッドレスUIコンポーネントライブラリBase UIのv1がリリースされたことが報告されています。さらに、LocatorJSというツールが紹介され、ブラウザで選択したソースコードをエディタで開くことができる機能が提供されています。React Server Componentsに関する深刻な脆弱性も新たに開示され、HTML Sanitizer APIの標準化についての議論も行われています。Deno 2.6のリリース情報も含まれ、開発者向けの新機能が紹介されています。 • Node.jsのセキュリティリリースが2026年1月7日に予定されている。 • Cursor Browser向けのビジュアルエディタがリリースされ、ドラッグ＆ドロップでコンポーネント配置が可能。 • Base UI v1がリリースされ、APGとWCAG2.2に準拠したヘッドレスUIコンポーネントライブラリ。 • LocatorJSはブラウザで選択したソースコードをエディタで開くことができるツール。 • React Server Componentsに関する深刻な脆弱性が2点開示された。 • HTML Sanitizer APIの標準化が進められている。 • Deno 2.6では新しいdxコマンドが追加された。
Anil Madhavapeddy is running an Advent of Agentic Humps this year, building a new useful OCaml library every day for most of December. Inspired by Emil Stenström's JustHTML and my …
AI tools are everywhere, but trust is falling. Learn how engineers become orchestrators in 2026, choosing which agents to scaffold, ship, and maintain.
Dependency management shapes how users perceive control and trust. Here’s how to design UX patterns that prevent surprises and reduce friction.
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the December 17th issue.
In this article, we follow up the work we did to create responsive rows of circular images in a previous article by arranging the images around a circle with a clean hover effect.
Socket Firewall Free is now bundled into Docker Hardened Images, adding build-time and dependency-install supply chain protection on top of hardened b...
A practical five minute revenue estimation method to help product managers compare ideas, drop low impact features, and prioritize smarter.
Shruti Kapoor breaks down the React2Shell exploit and discusses lessons that dev teams can take away from one of the biggest security events of the year.
TIL that the HTML5 Parser used by Firefox is maintained as Java code (commit history here) and converted to C++ using a custom translation script. You can see that in …
New release of my s3-credentials CLI tool for managing credentials needed to access just one S3 bucket. Here are the release notes in full: New commands get-bucket-policy and set-bucket-policy. #91 …
The team at Astral have been working on this for quite a long time, and are finally releasing the first beta. They have some big performance claims: Without caching, ty …
I was looking for a way to specify additional commands in my pyproject.toml file to execute using uv. There's an enormous issue thread on this in the uv issue tracker …
AI ShiftのTECH BLOGです。AI技術の情報や活用方法などをご案内いたします。
Season’s greetings from Socket, and here’s to a calm end of year: clean dependencies, boring pipelines, no surprises.
The best CSS news from around the web from the last two weeks. In this edition: advent calendars, CSS Wrapped 2025, and the latest Web Platform Updates.
この記事では、Navigation APIを用いた新しいルーターライブラリ「FUNSTACK Router」について説明しています。従来のSPAで使用されていたHistory APIに代わるもので、Google Chrome、Firefox、Safariなどの最新ブラウザでサポートされています。FUNSTACK Routerは、Navigation APIを前提に設計されており、従来のルーターライブラリのように<Link>コンポーネントを必要とせず、単純な<a>要素を使用してナビゲーションを実現します。また、ルートごとのデータ取得機能を備えており、非同期処理をコンポーネント側で管理できるようになっています。現在はPoCとして位置付けられており、さらなる機能追加や改善が求められています。 • Navigation APIを用いた新しいルーターライブラリ「FUNSTACK Router」の紹介 • 従来のHistory APIに代わるもので、最新のブラウザでサポートされている • <Link>コンポーネントが不要で、<a>要素を使用してナビゲーションが可能 • ルートごとのデータ取得機能を備え、非同期処理をコンポーネント側で管理できる • 現在はPoCとして位置付けられ、さらなる機能追加や改善が必要
Compare Angular, React, and Vue performance in 2025, covering signals, compilers, hydration, bundle size, and modern tooling.
Build a local-first SQLite setup in React Native using Drizzle ORM, Expo SQLite, and TanStack Query with migrations, relations, and full type safety.
JSer.info #758 - Node.js v24.12.0がリリースされました。
任意のWebドキュメントをClaude Agent Skills化するツール site2skill を作りました。PAY.JPのドキュメントを例に、Claude Codeがドキュメントを参照しながら開発する流れを説明します。 GitHub - laiso/site2skillContribute to laiso/site2skill development by creating an account on GitHub.GitHublaiso LLMが知らないライブラリを使うとき LLMには知識のカットオフ（学習データの期限）があります。新しいライブラリやマイナーなAPIを使おうとすると、LLMは正確な情報を持っていません。例えばClaude Opus 4.5 の知識は2025年8月のものであり、それ以降にリリースされたライブラリや、学習データに含まれていないドキュメントについては、正確なコードを生成できません。 こういう場面では、Webのドキュメントを要約してチャットに貼り付け、それをもとに実装してもらうという作業を繰り返すことになります。この方法は有効ですが、毎回ドキ
AI ShiftのTECH BLOGです。AI技術の情報や活用方法などをご案内いたします。
I wrote about JustHTML yesterday—Emil Stenström’s project to build a new standards compliant HTML5 parser in pure Python code using coding agents running against the comprehensive html5lib-tests testing library. Last …
Andy Clarke with a brand-new resource. It generates the sort of fun typography that Andy commonly uses in his own work that's geared towards cartoon headings.
A practical guide to the 15 best React UI component libraries for 2026, from full design systems to unstyled and Tailwind-first libraries.
A list of rounded images that slightly overlap each other is a classic web design pattern. The main idea is not complex, but the new thing is the responsive part. that dynamically adjusts the overlap between the images so they fit inside the container.
Explore five browser APIs that open up opportunities for delightful interfaces, unexpected interactions, and thoughtful accessibility enhancements.
Impostor NuGet package Tracer.Fody.NLog typosquats Tracer.Fody and its author, using homoglyph tricks, and exfiltrates Stratis wallet JSON/passwords t...
この記事では、Moonbitを使用してlibgit2のバインディングを作成する方法について説明しています。まず、MoonbitのNativeバックエンドを利用し、libgit2のC APIを呼び出すための基本的なNative FFIの解説が行われます。次に、簡単なC関数をMoonbitから呼び出す方法を示し、その後、実際のlibgit2ライブラリのバインディング実装に進みます。libgit2はGitの機能を提供するCライブラリであり、リポジトリの操作やコミット履歴の取得などが可能です。記事では、動的ライブラリのロード、メモリ管理、エラーハンドリングなどの課題に対処する方法も詳述されています。最終的に、MoonbitからGitリポジトリを操作できるようになることが目指されています。 • Moonbitを使用してlibgit2のバインディングを作成する方法を解説 • Native FFIの基本的な仕組みを理解する • libgit2を利用したリポジトリの操作が可能になる • 動的ライブラリのロードやメモリ管理、エラーハンドリングの課題に対処 • 簡単なC関数をMoonbitから呼び出す実装例を示す
I recently came across JustHTML, a new Python library for parsing HTML released by Emil Stenström. It’s a very interesting piece of software, both as a useful library and as …
React Grab はブラウザ上で要素を選択し、その要素に対応するコードコンテキストをコーディングエージェントに提供するライブラリです。この記事では React Grab のセットアップ方法と使用方法を紹介します。
TanStack Start は TanStack Router と Vite をベースにしたフルスタック React フレームワークです。型安全なルーティング、サーバーサイドレンダリング、ストリーミング、サーバー関数、API ルートなどの機能を提供します。この記事では TanStack Start の概要と基本的な使い方を紹介します。
One of the things that most excited me about Anthropic’s new Skills mechanism back in October is how easy it looked for other platforms to implement. A skill is just …
Deno 2.6 introduces deno audit with a new --socket flag that plugs directly into Socket to bring supply chain security checks into the Deno CLI.
New DoS and source code exposure bugs in React Server Components and Next.js: what’s affected and how to update safely.
How far can we really go with container queries? There are dozens of media queries now, so what if there were dozens of container queries as well? What could we use them for?
この記事は MoonBit Advent Calendar 2025 13日目の記事です。 Moonbit - Qiita Advent Calendar 2025 - QiitaCalendar page for Qiita Advent Calendar 2025 regarding Moonbit.Qiita MoonBit Maria（以下、Maria）は、MoonBit公式の AI エージェントなプロジェクトです。GitHub リポジトリで公開されています。MoonBitのasyncベースで実装されています。 GitHub - moonbitlang/maria: moon agent rewritten in asyncmoon agent rewritten in async. Contribute to moonbitlang/
Socket CEO Feross Aboukhadijeh joins Software Engineering Daily to discuss modern software supply chain attacks and rising AI-driven security risks.
AI is reshaping UX design, but not evenly. Explore where AI genuinely accelerates research, ideation, wireframing, and writing and where human judgment still leads the way.
How to run Wasm in Java - how does Wasm interact with the JVM and what options are there for Java Wasm runtimes?
この記事では、2025年12月9日に開催されたサイボウズのFrontend Weeklyで取り上げられたフロントエンド関連のニュースや話題を紹介しています。主な内容には、TypeScriptのnever型の実用的な使い方、Rust製フォーマッターOxfmtのAlpha版リリース、React Server Componentsにおける深刻なセキュリティ脆弱性、Vite 8 Betaのリリース、CSSの新機能、npmサプライチェーン攻撃からの保護方法などが含まれています。特にOxfmtはPrettierと95%の互換性を持ちながら、30倍以上の高速化を実現している点が注目されています。 • TypeScriptのnever型の実用的な使い方が解説されている。 • Rust製フォーマッターOxfmtのAlpha版がリリースされ、Prettierと95%の互換性を持ちつつ30倍以上の高速化が実現されている。 • React Server Componentsに深刻なセキュリティ脆弱性（CVE-2025-55182）が報告されており、該当バージョンのアップデートが推奨されている。 • Vite 8 Betaがリリースされ、Rust製バンドラーRolldownが採用されている。 • 2025年のCSSの新機能がChromeから発表されている。 • Seattle Timesがnpmサプライチェーン攻撃からの保護方法を解説している。
I’ve started using the term HTML tools to refer to HTML applications that I’ve been building which combine HTML, JavaScript, and CSS in a single file and use them to …
Discover the best MCP servers for devs in 2026 to code, ship, and automate safely with powerful, standardized tooling. Turn AI agents into real assistants.
Discover what's new in The Replay, LogRocket's newsletter for dev and engineering leaders, in the December 10th issue.
I've never been particularly invested dark v.s. light mode but I get enough people complaining that this site is "blinding" that I decided to see if Claude Code for web …
It’s not that hard to do! Preethi shows you how it's really the same old animation you’re used to writing in CSS, only applied on a view timeline instead of a normal timeline.