コンテンツ管理

PSA: h3 v2 is finally stable 🎉 i will soon write an article about h3's future and vision

Laravel + ViteでReact/Vueを動かす — 素直な構築手順を整理する はじめに 「LaravelでフロントエンドをReact（またはVue）で書きたい」と思ったとき、最初に迷うのが「どこから手を付ければいいの？」ですよね。 Laravelには Livewire のようにフロントの構築ハードルを下げてくれる選択肢もありますが、まずは Laravel + Vite + React（Vue）の素の構成 を一度自分の手で組んでおくと、あとから何を使うにしても「裏で何が起きているか」が見えるようになります。 この記事では、Laravel 12 に標準で入っている Vite を土台にして、 Laravel + React Laravel + Vue の2パター...

New minimal error page for Nitro. -95 fewer files and 339 KB / −13.7% smaller dist. I will likely port this to srvx later so all HTTP layers have consistent DX. THANKS @adonisjs.com for youch for powering Nitro's error page and for the inspirations. ♥️

* and nuxt! this is amazing news for both nuxt v4 and v5 🙌

This took almost a week and millions of tokens to close all possible gaps from URLPattern compatibility but i believe totally worth it for sake for standards consistency. Now preparing h3 and nitro upgrades, h3 v2 stable is next in the line 🤞

🌳 rou3 v1 is finally stable! The routing toolkit powering h3 and Nitro. rou3 now has over 80% URLPattern compatibility, with deliberate differences that keep server-side HTTP routing fast and sane. Advanced patterns like /docs/**.md are now supported too.

I used to close my eyes, imagine code blocks, think, plan, then wake up and code it. I still close my eyes, think, and imagine. just at a much higher level now: direction and intent. The era of human coding labor is over. Mom, I’m not coding anymore. I’m herding agents. 🐑

Hey all, for @npmx.dev I'm looking into adding tag based filtering to package changelog when displaying releases from monorepo's. For this I'll need to know which tag patterns are being used in monorepo's with no version sync. please share git monorepo's with releases that I can look at.

35日でフロントエンドの基礎を完全に理解する #1 - ブラウザはどう画面を作るか はじめに 新しいシリーズを始めます。テーマはフロントエンドです。Vue や React、TypeScript、ビルドツール。名前は聞くけれど、中で何が起きているのかは正直よく分からない。そういう状態から抜け出して、モダンなフロントエンドのコードを、根拠を持って読んで直せるところまで、35日かけて一段ずつ上っていきます。 このシリーズは、プログラミングやWebそのものが初めての人、HTML・CSS・JavaScript にまだ不慣れな人も置いていかないように書きます。用語は初めて出てきたところで噛み砕き、前提を飛ばしません。バックエンド編（Go）とは独立して読めます。 ! この回はブラ...

35日でフロントエンドの基礎を完全に理解する #1 - ブラウザはどう画面を作るか ## はじめに 新しいシリーズを始めます。テーマはフロントエンドです。Vue や React、TypeScript、ビルドツール。名前は聞くけれど、中で何が起きているのかは正直よく分からない。そういう状態から抜け出して、**モダンなフロントエンドのコードを、根拠を持って読んで直せる**ところまで、35日かけて一段ずつ上っていきます。 このシリーズは、プログラミングやWebそのものが初めての人、HTML・CSS・JavaScript にまだ不慣れな人も置いていかないように書きます。用語は初めて出てきたところで噛み砕き、前提を飛ばしません。バックエンド編（Go）とは独立して読めます。 :::note info この回はブラウザさえあれば始められます。Node.js などの準備はまだ要りません（後の回で Vite というツールを入れます）。メモ帳のようなテキストエディタと、Chrome などのブラウザだけ用意してください。 ::: ## このシリーズで身につくこと 35本を終えると、次のことができるようになります。 - HTML・CSS・JavaScript が画面の上で何を担...

`@nuxt/test-utils` v4.3.3 is out! 🎉 … and it drops one or two dependencies 🔥 👉 full details in the release notes: github.com/nuxt/test-ut... 🙏 and as usual thank you to @yamachi4416.bsky.social for amazing work ❤️

Too many people are giving up on OSS. We are problem-solvers, so let's solve the problem. Together.

it's that day of the week where we ship the latest changes to the atproto spaces alpha! if you're interested in building against atproto spaces while it's in alpha, right this way: atproto.com/blog/atproto...

📦 upm v1.4 is out! 🔗 overrides/resolutions and link: dependencies 🐙 github:, gitlab: and bitbucket: deps (no git needed) 🔒 21 bug fixes / 9 security fixes 🔥 fewer registry requests 🌐 upm [dot] sh improved 📊 less noisy benchmarks Still small, still native-class speed ⚡

Today on the pod: Type-aware linting with oxlint, Vite+ ecosystem, and the future of TypeScript dev tooling with VoidZero's Cameron Clark & Jim Dummett. Learn what's next for dev tools. share.transistor.fm/s/95684100 #typescript

## :bug: Bug Fixes * **App:** apply the `dir` prop to the provided locale ([#6767](https://github.com/nuxt/ui/issues/6767)) ([93c40df](https://github.com/nuxt/ui/commit/93c40df0a7ed2cffad2b86f81cc27f9c5c038d41)) * **ChatPrompt:** add `method="post"` to prevent input leaking via GET before hydration ([#7078](https://github.com/nuxt/ui/issues/7078)) ([57f7699](https://github.com/nuxt/ui/commit/57f7699315833854a4f4421c60763d365805e0e7)) * **CheckboxGroup/RadioGroup:** lift a hovered table item above its neighbors ([#7073](https://github.com/nuxt/ui/issues/7073)) ([926097a](https://github.com/nuxt/ui/commit/926097afa3f5d06b896675fd29289e495ac3741d)) * **ContentSearch/DashboardSearch:** use translated search label as dialog title ([#7062](https://github.com/nuxt/ui/issues/7062)) ([3c55cf2](https://github.com/nuxt/ui/commit/3c55cf230dc623bdbfd1918357ec04f137afd290)) * **DashboardSidebar/Header:** use translated toggle label as menu dialog title ([#7082](https://github.com/nuxt/ui/issues/7082)) ([51e98da](https://github.com/nuxt/ui/commit/51e98da7f9707e112bb6a7b61bb3a9cca4139dd3)) * **EditorToolbar:** use tooltip text as `aria-label` on icon-only buttons ([#7009](https://github.com/nuxt/ui/issues/7009)) ([7f0250e](https://github.com/nuxt/ui/commit/7f0250eab69d04c42e137aa85c103e3dc83eec60)) * **Form:** include nested forms in parent `dirty` state ([#6545](https://github.com/nuxt/ui/issues/6545)) ([8977394](https://github.com/nuxt/ui/commit/897739491a24642c6678cf6ce10e1638ff883d35)) * **Form:** keep dirty state and validation in sync with input ([#7033](https://github.com/nuxt/ui/issues/7033)) ([56b1156](https://github.com/nuxt/ui/commit/56b1156a9abaeb587221ac018d6c335c58a353be)) * **Form:** merge unnamed nested forms into a parent without schema ([#7034](https://github.com/nuxt/ui/issues/7034)) ([384fdc1](https://github.com/nuxt/ui/commit/384fdc12591a3124653438ec361438610b3dfe07)) * **module:** detect kebab-case components in Pug templates ([#7045](https://github.com/nuxt/ui/issues/7045)) ([42ba532](https://github.com/nuxt/ui/commit/42ba53272e84a316d6ea06ef7ab9a56b8afcb1ef)) * **module:** generate classes prefixed by `usePrefix` ([#7074](https://github.com/nuxt/ui/issues/7074)) ([77c92de](https://github.com/nuxt/ui/commit/77c92de2e52cbe247986c53cb25334d7fe4202ec)) * **module:** use `@custom-variant` for `light` and `dark` variants ([#7023](https://github.com/nuxt/ui/issues/7023)) ([584016b](https://github.com/nuxt/ui/commit/584016bdec75b1eb799d30ec95eb85ed3b49d38b)) * **ProseA:** only round corners on focus ([3da141c](https://github.com/nuxt/ui/commit/3da141cbd174c28c46d9209872a0693ee6ede01e)) * **Select/SelectMenu:** keep focus moved on selection ([#7083](https://github.com/nuxt/ui/issues/7083)) ([6138bf0](https://github.com/nuxt/ui/commit/6138bf09d8c9a4e7d971cb76a88fbe6b67619c8e)) * **Table:** keep footer separator above pinned columns ([#7047](https://github.com/nuxt/ui/issues/7047)) ([e8756fd](https://github.com/nuxt/ui/commit/e8756fd3a8aaab3cb434f1dfe8d32559330f38a9)) * **theme:** drop double quotes from class strings ([#7039](https://github.com/nuxt/ui/issues/7039)) ([5a04c6c](https://github.com/nuxt/ui/commit/5a04c6c432be5b6e793366a9338b83f20c7847b7)) * **useFilter:** keep labels and separators in place while sorting ([#6995](https://github.com/nuxt/ui/issues/6995)) ([032a152](https://github.com/nuxt/ui/commit/032a152119530795d39d1f97458baf375ff7ee5e)) * **useOverlay:** resolve every pending promise when reopened ([#7057](https://github.com/nuxt/ui/issues/7057)) ([2f50c2e](https://github.com/nuxt/ui/commit/2f50c2ed57df88224d0580995e5155025e282b7c)) * **utils:** prevent prototype pollution in `set` and `setAtPath` ([#7077](https://github.com/nuxt/ui/issues/7077)) ([4bfd115](https://github.com/nuxt/ui/commit/4bfd115418fdbd2c4419bac1b53aa7dcdc7e8f8a)) ## :green_heart: Contributors * @benjamincanac * @61021 * @dasjideepak * @giaBaoJS * @lazerg * @parsajiravand * @rdjanuar **Full Changelog**: https://github.com/nuxt/ui/compare/v4.11.2...v4.11.3

I personally don't think you can sell people on a product/project by saying "xyz sucks, use mine."

Effect v4 is here. One ecosystem. Zero dependencies. The next chapter of Effect and the foundation for building reliable software and AI agents in TypeScript. Read the full announcement below: effect.website/blog/release...

Finally! It's a special feeling seeing the project you've been working on for a the past two years getting released! I am very proud of the amazing Monospace team! Add data sources to it and you get an instant API and a data studio, alongside MCP, permissions, files... directus.is/ph-monospace

☁️ Hello Atmosphere! People like to have opinions, which is awesome. Problem is, putting them into perspective is hard. Where We're At is here to change that! 👉 Head over to where-were.at to let us know your opinions about the state of the Atmosphere. We'd love to hear from you!

unjs/jup 0.6.4 now supports @vlt.io in addition to npm, pnpm, yarn, aube, upm, bun, deno, and nub.

Bundles TypeScript 7.0.2 from commit b6eaace9d7cfd63c018ab25340ba463baae07fb5.

one great project is better than many half-baked ones you're going to lose interest in tomorrow

Preact 11 is out 🎉 We’ve been hard at work at making our diffing use modern features like moveBefore , leveraging ESM for tree-shaking Preact Compat and ensuring you have a great experience with resumed hydration.

upm.sh has become my new npm package inspector! It’s fast, reliable, and does everything in the browser! And building it was easy just use the upm API haha!

Rebuilding Nuxi with Rive. The current Nuxi is "hand-made": every expression is SVG and animations coded one by one (with a lot of AI help, to be fair). It works, but it's complex and a pain to reuse anywhere else.

unjs/obuild now supports minifyLibs and compressLibs options Selectively minify bundled deps or compress them inline into self-extracting ES modules, for when disk size matters. undici: 906 kB → 541 kB (min) → 146 kB (compressed /~5ms to extract on demand)

📦 upm 1.3: - Faster - Better hoisting - Consumes less resources on large repos - Minimal CLI progress bar + an onProgress API - Matches native-scores in independent @vltpkg benchmarks* (3.4ms/pkg => 2ms/pkg on average) *Benchmark results vary by hardware and scenario. upm is by far the smallest.

For stable releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/main/CHANGELOG.md) for details. For pre-releases, please refer to [CHANGELOG.md](https://github.com/vuejs/core/blob/minor/CHANGELOG.md) of the `minor` branch.

I have never had so many 'personalised' cold intro emails that have clearly never been touched by human hands

Goだけでフロントエンドをビルドする！Vugu完全入門ガイド 「アプリケーションのUIロジックを、できるだけGoで書けたらいいのに…」 Goエンジニアなら、一度はそう思ったことがあるのではないでしょうか？バックエンドをGoで書き、フロントエンドはReactやVue.jsで書くという構成は定番ですが、言語のコンテキストスイッチや型定義の共有、フロントエンドのビルドツールチェーンの管理など、地味なストレスがつきまといます。 そんな悩みを解決する選択肢の1つが、Go + WebAssemblyです。今回紹介するVuguは、Vue.jsに着想を得たコンポーネント指向のUIライブラリで、.vuguファイルにHTMLライクなマークアップとGoの式・コードを記述...

watchの使い方　Vue.js watchの使い方 ``` watch(監視対象, 監視対象が変化したときに実行する関数) ``` watch のコールバックには2つの値を受け取ることができます。 ``` watch(totalThisMonthAmount, (newAmount, oldAmount) => { console.log('変更前:', oldAmount) console.log('変更後:', newAmount) }) ``` 例えば、 ``` 変更前: 45000 変更後: 55000 ``` となります。 なので、 ``` newAmount → 変更後の値 oldAmount → 変更前の値 ``` と覚えておけばOK。 実際の使用例 ``` watch(totalAmount, (newAmount) => { if (newAmount > 50000) { console.log('今月の支出が5万円を超えました') } }) ```

looking forward to finding out why i should use nuxt from @alois-seckar.cz at @pragvue.com 👀

Friendly reminder that there's a way to go on-the-record with your project's or company's #CrossOriginStorage API use case and express support. This can be helpful when discussing with other vendors. 👉 Current supporters: github.com/WICG/cross-o... 👉 Add yours: github.com/WICG/cross-o...

Just published github.com/unjs/oxbox 🐂 🛠️ A tiny, portable JS library for parsing and transforming JS/TS/JSX, powered by oxc. ⚡ Optimized wasm build in a single JS chunk 🪞 Same API as oxc-parser + oxc-transform 🤝 Works in browsers and Node.js 💾 Fits on a floppy disk

Time flies! @voidzero.dev joined @cloudflare.social 4 months ago. Since then, *so much* has happened. So for everyone wondering how it is going, read @evanyou.me's blog post 👀 blog.cloudflare.com/voidzero-upd...

🧡 Speaker Spotlight: Alex Kyriakidis Founder of Vue School, author of The Majesty of Vue.js, and a longtime contributor to the Vue community, helping an entire generation of coders understand and use Vue. A passionate educator, speaker, and community builder helping shape the Vue ecosystem. 🚀

Vite+ reached stable 1.0 If you didn’t try it out yet, NOW is the best time 🔥

Vite+ 1.0 is here 🚀 A single `vp` CLI for managing your Node.js runtime, package manager, and frontend toolchain. Built on top of Vite, Vitest, Rolldown, Oxc, and tsdown. All with a single config. Free and open source under the MIT license. Start with `vp create` or migrate with `vp migrate`.

This is the beginning of great things 🥹

would you use this? 👀 I release nuxt cli v4 on monday one way or another, so consider your answer carefully 🤷

Vue.jsでCSSをノーマライズする方法 modern-normalize を使う。 ``` npm install modern-normalize ``` そして例えば main.js で、 ``` import 'modern-normalize' ``` としておけばOKです。

computedの使い方　Vue.js computed() は関数を受け取り、その関数が return した値を「計算結果」として持つ。そして、その関数の中で使われているリアクティブな値を追跡して、値が変化すると自動的に再計算する。 ``` const totalAmount = computed(() => { return 返却する値 }) ``` ``` const totalAmount = computed(() => { return expenses.value.reduce((total, expense) => { return total + Number(expense.amount) }, 0) }) ```

reduce()の使い方　JavaScript　Vue.js reduceには「処理する関数」と「最初の値」を渡す。 その関数には基本的に「累積値」と「現在の要素」が渡される。 ``` array.reduce(コールバック関数, 初期値) ``` という形です。例えば、このような変数を用意し、 ``` const expenses = ref([]) ``` このようなデータがあった場合 ``` expenses.value = [ { id: 0, date: '2026-09-27', title: 'スーパー', amount: 3000, category: 'food' }, { id: 1, date: '2026-09-27', title: '美容院', amount: 5000, category: 'beauty' }, { id: 2, date: '2026-09-27', title: '子どもの文房具', amount: 2000, category: 'child' ...

s/shipping more CSS/shipping less JS/ github.blog/engineering/...

The only moat remaining is integrity.

Cookieに検索状態を保存したら別タブの状態が混ざった：PiniaとsessionStorageの責務を整理する はじめに 複数タブで同じWebアプリを操作すると、あるタブの検索状態が別タブへ混入するケースがあります。この種の不具合は、Piniaの反応性や画面遷移の問題に見えます。しかし原因は、タブ固有であるべき検索・遷移状態を、同一サイト内で共有されるCookieに保存していたことかもしれません。 この記事では、検索画面から詳細画面へ渡す一時状態を例に、Cookie、Pinia、sessionStorageの責務を整理します。状態を「どこに置けるか」ではなく、「誰と共有し、いつまで残すか」で選べるようになることが目的です。 結論 Cookieが悪いのではありません。問題は、Cookieの共...

I periodically get emails from KLM titled: "Your travel companion awaits" … and I misunderstand what that means Every. Single. Time. for the record, @patak.cat makes a very good travel companion. 👌

🚨 this is not a drill ...! 🔥

PSA: H3 Stable and Nitro RC are imminent. Closing the last-minute gaps. Sorry for all the delays, but every single one was worth it. Nitro is becoming a MINIMAL, FAST, UNOPINIONATED/AGNOSTIC Swiss Army knife for building any web app. Your agents are gonna LOVE it.