コンテンツ管理

thanks for the kinds words Alec, and for sharing this incredible adventure of building a healthier web together with the npmx community! you know what, your work on vue-data-ui is one of the reasons npmx is getting so much love, we should all sponsor you instead: github.com/sponsors/graphieros ❤️

One thousand commits on @npmx.dev

new release of the @e18e.dev github action 🚀 you can use this to diff changes in your dependencies. e.g. trust/provenance, duplicates, significant size increases, etc. check it out!

Nuxt×DDDでクリーンアーキテクチャを採用する際の全体像 初めに 身内で使うアプリをNuxtで作成しており、追加したい機能が山ほどある事から、クリーンアーキテクチャを採用しました。その際のメモをここに残すので、Nuxtでクリーンアーキテクチャを採用したい方の一案になれば幸いです。（もっと良い案が思いついたりすればアップデートするかも。） また、もっとよいやり方等があればコメントいただけますと嬉しいです。 全体像 サマリ UIまたは外部認証基盤等から受け取った入力はpresenterを介してusecaseで利用できる形に変換し、compositon rootを介してusecaseを実行します。 composition rootでus...

I'm happy that this amazing change started with me filing an "issue" on the Discord channel. Discussed the issue, came up with a solution, and 24h later we got a fix. Mind-blowing! 🤯

I absolutely *love* that switching my PDS (to npmx.social) has had no impact whatsoever on: - My Bluesky account - My websites hosted with @wisp.place - My @rocksky.app music scrobbling - My development on my own ATProto apps - …etc

@npmx.dev doing EU-based PDS hosting too? Now that’s what I call backing atproto

npmx is really messing with my cat pics game. i'm sorry, i promise i'll be chasing zorro, mancs, and luna to get some new photos once things slow down a bit. i even missed sending this for caturday. well, it is still saturday somewhere in the world, so here we go again with a re-run ✌️

APIは正しいのに別レコードが消える？JavaScriptの“整数精度バグ”にハマった話 # はじめに APIから返ってくる値は正しいのに、画面に表示されるIDが違う。 さらに削除操作をすると、意図しない別レコードが消える。 ログもコードも問題なし。 それでもバグが再現する──そんな不可解な現象に遭遇した。 原因は、JavaScriptが扱える整数の限界を超えたことで起きる「精度喪失」だった。 # 問題 DBに保存されていた管理IDは次のような大きな数値だった。 ``` 22000000000000002221 ``` APIレスポンスでは正しい値が返ってくる。 Controllerのログも正しい。 axios側で変換処理もしていない。 しかし - DevTools の Preview では別の値になっている - 画面表示もその“別の値” - その値で削除 API を叩くと、別レコードが削除される Response と Preview を比較すると、ID 以外は同じ。 コード的にも怪しい箇所がない。 原因不明のまま調査を続けた結果、 「JavaScript が正確に扱える最大整数を超えているのでは？」という仮説に行き着いた。 実際、JavaScript の number ...

hello from our new european home 👋

today: released a major of nuxt/test-utils (v4) ✅ released a minor of nuxt/telemetry (removed 10/15 deps!) 🔥 released two new patches of nuxt ✅ and now a glass of 🍷

> 4.3.1 is a regularly scheduled patch release. ## 👉 Changelog [compare changes](https://github.com/nuxt/nuxt/compare/v4.3.0...v4.3.1) ### 🩹 Fixes - **nuxt:** Correct reference format of server builder ([#34177](https://github.com/nuxt/nuxt/pull/34177)) - **nuxt:** Add status/statusText getters to NuxtError ([#34188](https://github.com/nuxt/nuxt/pull/34188)) - **nuxt:** Don't inject shared types for differing auto-imports ([#34191](https://github.com/nuxt/nuxt/pull/34191)) - **schema:** Add direnv and vendor to default ignore ([#34190](https://github.com/nuxt/nuxt/pull/34190)) - **nuxt:** Focus hash links after navigation ([#34193](https://github.com/nuxt/nuxt/pull/34193)) - **nuxt:** Exclude head runtime from unhead imports transform ([#34195](https://github.com/nuxt/nuxt/pull/34195)) - **kit:** Include prereleases in semver satisfy check ([#34210](https://github.com/nuxt/nuxt/pull/34210)) - **nitro:** Encode unicode paths in `x-nitro-prerender` header ([#34202](https://github.com/nuxt/nuxt/pull/34202)) - **nuxt:** Watch `server/` for `builder:watch` hook ([#34208](https://github.com/nuxt/nuxt/pull/34208)) - **nitro:** Preserve `error.message` for fatal errors ([#34226](https://github.com/nuxt/nuxt/pull/34226)) - Only enable dynamic imports when ts plugin ([#34205](https://github.com/nuxt/nuxt/pull/34205)) - **webpack:** Use H3Error for 403 in dev server ([#34233](https://github.com/nuxt/nuxt/pull/34233)) - **nuxt:** Ensure NuxtError extends Error type ([#34242](https://github.com/nuxt/nuxt/pull/34242)) - **vite:** Use H3Error for 404 in dev server ([#34225](https://github.com/nuxt/nuxt/pull/34225)) - **nuxt:** Add backwards compat for `#app` barrel export in keyed functions ([#34199](https://github.com/nuxt/nuxt/pull/34199)) - **nuxt:** Track + re-add custom routes on hmr ([#32044](https://github.com/nuxt/nuxt/pull/32044)) - **nuxt:** Keep vnode when leaving deeper nested route ([#33778](https://github.com/nuxt/nuxt/pull/33778)) - **vite:** Prevent CSS flickering in dev mode after config changes ([#33856](https://github.com/nuxt/nuxt/pull/33856)) - **nuxt:** Do not start view transition if there is no route ([#33723](https://github.com/nuxt/nuxt/pull/33723)) - **nuxt:** Call deferHydration done on NuxtPage unmount ([#34152](https://github.com/nuxt/nuxt/pull/34152)) - **nuxt:** Handle invalid `datetime in `<NuxtTime>` ([#33992](https://github.com/nuxt/nuxt/pull/33992)) - **nuxt:** Preserve middleware error status in 404 fallback ([#34148](https://github.com/nuxt/nuxt/pull/34148)) - **nitro:** Do not augment `nuxt/schema` ([#34255](https://github.com/nuxt/nuxt/pull/34255)) - **nuxt:** Cache manifest files to preserve buildId ([#34002](https://github.com/nuxt/nuxt/pull/34002)) - **nuxt:** Don't decode query string in SSR context URL ([#34252](https://github.com/nuxt/nuxt/pull/34252)) - **nuxt:** Allow specifying moduleDependencies by `meta.name` ([#34263](https://github.com/nuxt/nuxt/pull/34263)) - **nuxt:** Resolve `#components` import mapping conflict for packages outside rootDir ([#34139](https://github.com/nuxt/nuxt/pull/34139)) - **vite,webpack:** Use node.res to send 403/404 ([#34266](https://github.com/nuxt/nuxt/pull/34266)) - **nitro,nuxt:** Align path encoding with vue-router ([#34265](https://github.com/nuxt/nuxt/pull/34265)) - **nitro:** Augment `nuxt/schema` once more ([552bbd8d1](https://github.com/nuxt/nuxt/commit/552bbd8d1)) ### 💅 Refactors - **nuxt:** Prefer `genObjectKey` to omit unnecessary quotes ([#34245](https://github.com/nuxt/nuxt/pull/34245)) - **nuxt:** Use `ComponentProps` helper to extract layout props ([#34248](https://github.com/nuxt/nuxt/pull/34248)) ### 📖 Documentation - Update roadmap dates ([#34166](https://github.com/nuxt/nuxt/pull/34166)) - Correct default value of `nitroAutoImports` ([#34182](https://github.com/nuxt/nuxt/pull/34182)) - Clarify shared type context limitations for custom imports ([#34194](https://github.com/nuxt/nuxt/pull/34194)) - Fix broken links ([#34223](https://github.com/nuxt/nuxt/pull/34223)) - Document payload extraction for ISR/SWR routes ([#34222](https://github.com/nuxt/nuxt/pull/34222)) - Update default aliases in configuration reference ([#34237](https://github.com/nuxt/nuxt/pull/34237)) - Update example of email validation ([#34247](https://github.com/nuxt/nuxt/pull/34247)) - Align server alias examples with `#server` and `rootDir` ([#34259](https://github.com/nuxt/nuxt/pull/34259)) - Add documentation for `keyedComposables` ([#34201](https://github.com/nuxt/nuxt/pull/34201)) ### 🏡 Chore - Remove `px` from `width` attribute ([8d1cbb27a](https://github.com/nuxt/nuxt/commit/8d1cbb27a)) - Add ai config in gitignore ([#34220](https://github.com/nuxt/nuxt/pull/34220)) ### ✅ Tests - Vitest v4 compatibility ([825b2c202](https://github.com/nuxt/nuxt/commit/825b2c202)) - Add runtime tests for deeply nested `<NuxtPage>` navigation ([048efc030](https://github.com/nuxt/nuxt/commit/048efc030)) ### ❤️ Contributors - Daniel Roe (@danielroe) - Matej Černý (@cernymatej) - Octavio Araiza (@8ctavio) - Muhammad Yasir Ghaffar (@M-YasirGhaffar) - mrkaashee (@mrkaashee) - Max (@onmax) - Bobbie Goede (@BobbieGoede) - 纸鹿/Zhilu (@L33Z22L11) - Florian Heuberger (@Flo0806) - 山吹色御守 (@KazariEX) - ExXTreMe315 (@ExXTreMe315) - Eugene (@FlexIDK) - abeer0 (@iiio2) - Jonas Thelemann (@dargmuesli) - Erwan Jugand (@erwanjugand)

> 3.21.1 is a regularly schedule patch release. ## 👉 Changelog [compare changes](https://github.com/nuxt/nuxt/compare/v3.21.0...v3.21.1) ### 🩹 Fixes - **nuxt:** Correct reference format of server builder ([#34177](https://github.com/nuxt/nuxt/pull/34177)) - **nuxt:** Add status/statusText getters to NuxtError ([#34188](https://github.com/nuxt/nuxt/pull/34188)) - **schema:** Add direnv and vendor to default ignore ([#34190](https://github.com/nuxt/nuxt/pull/34190)) - **nuxt:** Focus hash links after navigation ([#34193](https://github.com/nuxt/nuxt/pull/34193)) - **nuxt:** Exclude head runtime from unhead imports transform ([#34195](https://github.com/nuxt/nuxt/pull/34195)) - **kit:** Include prereleases in semver satisfy check ([#34210](https://github.com/nuxt/nuxt/pull/34210)) - **nuxt:** Watch `server/` for `builder:watch` hook ([#34208](https://github.com/nuxt/nuxt/pull/34208)) - **nitro:** Encode unicode paths in `x-nitro-prerender` header ([#34202](https://github.com/nuxt/nuxt/pull/34202)) - **nitro:** Preserve `error.message` for fatal errors ([#34226](https://github.com/nuxt/nuxt/pull/34226)) - Only enable dynamic imports when ts plugin ([#34205](https://github.com/nuxt/nuxt/pull/34205)) - **webpack:** Use H3Error for 403 in dev server ([#34233](https://github.com/nuxt/nuxt/pull/34233)) - **nuxt:** Ensure NuxtError extends Error type ([#34242](https://github.com/nuxt/nuxt/pull/34242)) - **vite:** Use H3Error for 404 in dev server ([#34225](https://github.com/nuxt/nuxt/pull/34225)) - **nuxt:** Add backwards compat for `#app` barrel export in keyed functions ([#34199](https://github.com/nuxt/nuxt/pull/34199)) - **nuxt:** Track + re-add custom routes on hmr ([#32044](https://github.com/nuxt/nuxt/pull/32044)) - **nuxt:** Keep vnode when leaving deeper nested route ([#33778](https://github.com/nuxt/nuxt/pull/33778)) - **vite:** Prevent CSS flickering in dev mode after config changes ([#33856](https://github.com/nuxt/nuxt/pull/33856)) - **nuxt:** Do not start view transition if there is no route ([#33723](https://github.com/nuxt/nuxt/pull/33723)) - **nuxt:** Call deferHydration done on NuxtPage unmount ([#34152](https://github.com/nuxt/nuxt/pull/34152)) - **nuxt:** Handle invalid `datetime in `<NuxtTime>` ([#33992](https://github.com/nuxt/nuxt/pull/33992)) - **nuxt:** Preserve middleware error status in 404 fallback ([#34148](https://github.com/nuxt/nuxt/pull/34148)) - **nitro:** Do not augment `nuxt/schema` ([#34255](https://github.com/nuxt/nuxt/pull/34255)) - **nuxt:** Cache manifest files to preserve buildId ([#34002](https://github.com/nuxt/nuxt/pull/34002)) - **nuxt:** Don't decode query string in SSR context URL ([#34252](https://github.com/nuxt/nuxt/pull/34252)) - **nuxt:** Allow specifying moduleDependencies by `meta.name` ([#34263](https://github.com/nuxt/nuxt/pull/34263)) - **nuxt:** Resolve `#components` import mapping conflict for packages outside rootDir ([#34139](https://github.com/nuxt/nuxt/pull/34139)) - **vite,webpack:** Use node.res to send 403/404 ([#34266](https://github.com/nuxt/nuxt/pull/34266)) - **nitro,nuxt:** Align path encoding with vue-router ([#34265](https://github.com/nuxt/nuxt/pull/34265)) - **nitro:** Augment `nuxt/schema` once more ([9f5bb611d](https://github.com/nuxt/nuxt/commit/9f5bb611d)) ### 💅 Refactors - **nuxt:** Prefer `genObjectKey` to omit unnecessary quotes ([#34245](https://github.com/nuxt/nuxt/pull/34245)) - **nuxt:** Use `ComponentProps` helper to extract layout props ([#34248](https://github.com/nuxt/nuxt/pull/34248)) ### 📖 Documentation - Remove link to ai guide entirely ([084b5d7f2](https://github.com/nuxt/nuxt/commit/084b5d7f2)) - Update roadmap dates ([#34166](https://github.com/nuxt/nuxt/pull/34166)) - Clarify shared type context limitations for custom imports ([#34194](https://github.com/nuxt/nuxt/pull/34194)) - Fix broken links ([#34223](https://github.com/nuxt/nuxt/pull/34223)) - Document payload extraction for ISR/SWR routes ([#34222](https://github.com/nuxt/nuxt/pull/34222)) - Update example of email validation ([#34247](https://github.com/nuxt/nuxt/pull/34247)) - Add documentation for `keyedComposables` ([#34201](https://github.com/nuxt/nuxt/pull/34201)) ### 🏡 Chore - Remove `px` from `width` attribute ([e80147f7d](https://github.com/nuxt/nuxt/commit/e80147f7d)) - Add ai config in gitignore ([#34220](https://github.com/nuxt/nuxt/pull/34220)) ### ✅ Tests - Vitest v4 compatibility ([70e147b71](https://github.com/nuxt/nuxt/commit/70e147b71)) - Add runtime tests for deeply nested `<NuxtPage>` navigation ([707a9dc44](https://github.com/nuxt/nuxt/commit/707a9dc44)) - Resolve merge issues in tests ([85abddc54](https://github.com/nuxt/nuxt/commit/85abddc54)) ### ❤️ Contributors - Daniel Roe (@danielroe) - Matej Černý (@cernymatej) - Octavio Araiza (@8ctavio) - Muhammad Yasir Ghaffar (@M-YasirGhaffar) - Max (@onmax) - Bobbie Goede (@BobbieGoede) - 纸鹿/Zhilu (@L33Z22L11) - Florian Heuberger (@Flo0806) - 山吹色御守 (@KazariEX) - ExXTreMe315 (@ExXTreMe315) - Eugene (@FlexIDK) - abeer0 (@iiio2) - Jonas Thelemann (@dargmuesli) - Erwan Jugand (@erwanjugand)

united > unified

Did my first commit to the @npmx.dev project shortly after I joined their discord today. Great community👏 (I am a bit biased because I know some of the awesome people there already) - you should come check it out! Every contribution no matter how small makes a difference💪🧑🏻‍💻

I’ve always been on the fringes of open source but after being thrust into the @npmx.dev community exactly one week ago, I can firmly conclude that this is the stuff that has always powered The Internet and it must continue at all costs.

GAS×OpenAPIの「デバッグしづらい」を解消する、軽量APIテスターを自作した話 はじめに Google Apps Script（GAS）でAPIを作ると、**「Swagger UIだと動かない」「リダイレクトで詰まる」「JSONPに弱い」**といったデバッグ課題に直面しがちです。 そこで、OpenAPI定義を直接読み取り、そのままリクエストを投げられる専用の軽量UIを自作しました。本記事では、実際のソースコードを踏まえて技術的に工夫したポイントを中心に解説します。 ざっくり構成 主要コンポーネントは以下です。 OpenAPI YAMLのエディタ（左ペイン） エンドポイント選択 + パラメータ入力UI（右上） レスポンス表示領域（右下） Vueで1...

🧪 `@nuxt/test-utils` v4 is out 🚀 👺 mocking is much more reliable ⚡ works with vitest v4 + Vite's native Module Runner ⚗️ registerEndpoint improvements much thanks to github.com/yamachi4416 and @adamdehaven.com ❤️ 👉 github.com/nuxt/test-u... let me know how it goes! 🙏

スワイプ入力（Swipe Typing）練習したくてweb app作ってみた 導入 なぜこれを作ったのか（背景・課題） 「スワイプ入力（Swipe Typing）」って知っていますか？キーボードの上を指でなぞるようにして英語を打つ方法なのですが、それを練習したくアプリを作ってみました。 使用した技術スタックの概要 Vue 3（Composition API / &lt;script setup&gt;）を中心に、Vite + Vitest で開発・テストを整備した構成です。GitHub Pages 配信を意識した base 設定と、jsdom + v8 カバレッジでのテスト設計が特徴です。 🚀 今回の技術的なこだわりポイント 1. Com...

100M 🎉 Look forward to getting the v3 stable out soon github.com/unjs/unhead/...

> Once people can log in via the atmosphere, you can start to layer on social features that make sense for your site. The wizards behind the very rapidly-progressing next-generation JS package registry npmx just added a like feature to every package — show your favorite JS library some love ❤️

Spent half a day on this side-quest, was totally worth it! Now back to the "good" release!

🥗 unjs/c12 v4 (beta) -📦 Install size: 3.44 MB → 380 kB (deps: 20 → 7) - ⚡ TypeScript configs load ~2.5× faster on cold cache - 🔒 Supports expanding env vars via _FILE references With 37M monthly downloads, once everyone migrates, this saves over 100 TiB of bandwidth 🫣 github.com/unjs/c12/rel...

Google endorses Independent Open Source Adventurer as a valid profession. In case someone else wants to join us to explore together the shared commons lands.

ENHANCE :O @npmx.dev

TL;DR crowd, this is for you. 💚 You can now pin comments on an issue. 📌 https://github.blog/changelog/2026-02-05-pinned-comments-on-github-issues/

Look ma, I'm quoted in an atmospheric blog post! And yes, this. We can just add social features to our websites.

nicolo nicolo nicolo @nicr.dev

私が作った「Markdown→画像化」ツールを技術解説してみた こんにちは。今回は私が作った「Markdownを画像に変換するWebアプリ（md2img）」について、技術的に優れているポイントをZenn向けにわかりやすくまとめます。 単なる紹介ではなく、ソースコードの具体例も交えながら解説していきます。 ツール ソースコード どんなツール？ このアプリは、Markdownを入力するとプレビューが表示され、PNG画像として書き出せるツールです。 SNS投稿・OGP画像・資料化などで「Markdownを画像で配りたい」という用途に向いています。 技術的に工夫したポイント 1. DOMの実測に基づくページ分割（安定してきれいに割れる） ...

The npmx.dev file browser is pretty slick 👍🏼

I should have added sounds to my Claude hooks so much earlier!

Vue.jsの全体観　設計思想を意識するのが一番応用に効きますよね Vue.jsに少し慣れてきました。 今回の記事では、見えてきたVue.jsの全体像を、その設計思想の観点からまとめてみようと思います。 フレームワークの設計思想が見えてくると、応用するためのコツがわかること間違いなしです！！ 応用力、実践力がつくような基礎の構築を目指しましょう。 ぜひ目次からご覧ください。 --- # Vueとは何か？ ## ─ UIを「状態の結果」として扱うための設計思想 Vueは「画面をどう操作するか」を書く道具ではありません。 **「状態がこうなら、画面はこう見える」という関係を書く道具**です。 まず、この1行だけ覚えてください。 > **画面 = 状態の計算結果** これがVueの出発点です。 --- ## 1. 従来のやり方（命令型UI） 昔ながらの書き方はこうです。 ``` ボタンが押された → 変数を変更 → DOMを書き換える → 表示を調整する ``` 「どう変えるか」を毎回手で書きます。 この方法はすぐに破綻します。理由は簡単で、 * 変更箇所が増える * 状態と表示がズレる * 修正のたびに別の場所...

Opus 4.6: writes Cyrillic into my package.json. Also Opus 4.6: “Wait, why is it broken?”

【意外にシンプル？】Misskeyのグローバルなモーダル管理システムを掘る たまにはMisskeyのフロントエンドを深掘りしてみたいと思います。今回はグローバルなモーダル系コンポーネントの管理について。 Misskeyにおいて、画面上のDOMの流れから外れたもの、例えば モーダル ドロワー ドロップダウン ウィンドウ ツールチップ 画面上のエフェクト などなど… が、基本的には popup と言う括りでモーダル管理システムにより制御されます。 これらpopupは、ルートコンポーネント直下にモーダルコンポーネントが配置されるようになっています。すごく簡略的なコードで書くと ルートのコンポーネント（App.vueに該当） &lt;template&gt; ...

JavaScript入門：Vue.jsで商品リストの検索・集計機能を実装する 本日エンジニアカフェのJavaScript入門で学んだものの備忘録です。  ## はじめに Vue.js初心者として、商品リストの検索・絞り込み機能を実装しながら、フレームワークの核心的な仕組みを学びました。この記事では、実際のコードを通じて「なぜVue.jsが便利なのか」を理解した過程を共有します。 ## 学習の背景 JavaScriptの基礎を学んだ後、次のステップとしてフレームワーク、特にVue.jsに取り組むことにしました。単なる文法の暗記ではなく、「データと画面が連動する仕組み」を実際に動かしながら理解することを目指しました。 ## 作成した機能 商品リストアプリケーションで以下の機能を実装しました: - テキスト検索による商品絞り込み - カテゴリー別フィル...

A good release is coming tomorrow!

Rolldown can panic sometimes... but we make sure you never have to! It's rare, but when it happens, you won't be staring at a cryptic stack trace. @rolldown.rs straight up tells you it is not your code. And a link to report it so we can fix it fast. Good error messages => good DX

I beg you: stop using `next` in Vue Router navigation guards. Remove it completely and just return whatever you were passing to it.

H3 now has a fancy CLI (powered by srvx)!

Good news everyone: Style queries are coming to Firefox, making them finally Baseline!

@npmx.dev project landed over 700 PRs in the past two weeks from well over 100 contributors. so sick!

January was a busy month for all the VoidZero projects, from @rolldown.rs to @vitest.dev and @vite.dev. Take a look what you missed (I bet there are some news that slipped) 👀

✨ What's New in ViteLand: January 2026 Recap ◆ Unified redesign across all VoidZero sites ◆ @vite.dev crossed 3 billion npm downloads ◆ @rolldown.rs reached RC status ◆ Lazy Barrel Optimization landed in Rolldown ◆ Oxfmt hit 100% Prettier conformance ◆ ...and more 👀 voidzero.dev/posts/whats-...

Unexpected change of plans means I am available for work right now. I'm open to #freelance or contract, has to be fully #remote. Background across #Vue, #Nuxt, #TechLead & #EngineeringManager roles. I like building meaningful products, helping people & teams grow. Sharing appreciated!

This will be real.

バイブコーディングでWebサービスを作ってみた話 概要 先日CursorのProプランを契約した(会社で契約してもらった)のでバイブコーディングでどこまでWebサービスが作成できるか検証を行いました。 https://cursor.com/ja/pricing 私の技術レベルですが普段はインハウスでWebサイトの制作や運用を行なっており、使用している技術スタックはWordPress / Nuxtが中心で、基本的にバックエンドのバの字も知らないような人間です。 そもそもバイブコーディングとは バイブコーディングとは「こんなアプリを作って！」とAIに日本語でお願いするだけで、実際のプログラミングはすべてAIにお任せする開発スタイルの...

@npmx.dev celebrates 1000 issues and PRs within the last 13 days, 22 hours, 18 minutes and 9 seconds. Celebrate with us in #1000 github.com/npmx-dev/npm...

You can't keep up with @npmx.dev feature drops? Me too, so I made an auto-generated news website: npmx-digest.trueberryless.org This post itself may land on it, as it fetches Bluesky and GitHub for new content 🙌

First to like like on @npmx.dev