Why I'm Using Next.js
We want the default build output of Next.js to work well when self hosting, and also well on Vercel. And guess what? They're the same output. Well, almost. Let me clarify. It took us a while at Vercel to figure out the correct format and boundary between open source framework and infrastructure platform. Our philosophy is called framework defined infrastructure. And critically, the specification t
Announcing WinterJS · Blog · Wasmer
Back to articlesAnnouncing WinterJSThe most performant JavaScript Service Workers server thanks to Rust and SpiderMonkey Follow up the WinterJS series reading about the recent production-ready WinterJS 1.0 release here. Today we are incredibly excited to announce WinterJS (wasmer/winterjs package). WinterJS is a JavaScript Service Workers server written in Rust, that uses the SpiderMonkey engine t
Node.js 21 Available Now! - OpenJS Foundation
The release of Node.js 21 is available now! Node.js 21 replaces Node.js 20 as our current release line, and Node.js 20 is being promoted to long-term support (LTS). What’s the difference between the two releases? Node.js 21 is great for early feature testing for your own specific environment, while Node.js 20 LTS is for production deployments. Node.js 21 will be ‘Current’ release for the next 6 mo
フロントエンドのディレクトリ設計思想
App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement
個人開発で参考になるNext.jsリポジトリ10選
OpenStatus - ステータスページ App Router Turborepo Drizzle Clerk tRPC Tailwind shadcn/ui LLM Report - OpenAI モニタリング App Router Prisma NextAuth shadcn/ui Stripe Dub - URL 短縮 App Router Turborepo Prisma NextAuth Tailwind Stripe slug - URL 短縮 Prisma NextAuth tRPC Tailwind Cal.com - 日程調整 Turborepo Prisma NextAuth tRPC Tailwind Taxonomy - ブログ App Router Prisma NextAuth Tailwind Rowy - ローコード GUI Firebase Dorf -
Vercel Postgres is now generally available for Hobby and Pro users – Vercel
Vercel Postgres, our serverless SQL database, is now available for Hobby and Pro users. During the beta period, we reduced cold start times to 100-200ms and fixed several bugs around handling connections. Usage prices have also been lowered from the beta: Total storage: reduced 60% from $0.30/GB to $0.12/GB Written data: reduced 4% from $0.10/GB to $0.096/GB Data transfer: reduced 55% from $0.20/G
PlaywrightのVSCode拡張を使って効率的にテストを書く
この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは？ Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便利なツールです。 GUI 操作を中心に、テストの記録や実行を手軽に行うことが可能となります。 VSCode 拡張のインストールは、以下のリンクから行うことができます。 VSCode 拡張を活用してテストを書く 本記事では、シンプルな ToDo アプリを例にテストの作成方法を説明します。Playwright のインストール方法は、公式ドキュメントをご参照ください。その後、VSCode に Playwright
スマホに特化したウェブサイト・モバイルファーストな「スマポンシブ」（PCはサブ的な扱い）｜Re:design News
（記事・写真）株式会社アールイーデザイン 辻 元気 スマホに特化したウェブサイトが近年、to Cに関して特に増えてきている。 そんなスマホに特化したウェブサイトをまとめてみた。 @2Gweb / @2Gcam 最終更新：2022/11/21 このカテゴリは何ていうデザインなんでしょうか？ モバイルファーストなデザインではあると思うんですよね。 PCで見ると、レスポンシブではあるんですが、スプリットデザイン的でSPのコンテンツ＋αな感じなんですよね。 一般向け（to C）のコンテンツならもうこのスタイルでありなんじゃとすら思っています。 この謎のデザインの肝は、PCの時の余白の使い方にあると思います。 SP的な要素はAndroidに合わせてなんでしょうけど、540px以下で展開しているものが多いような気がします。 なんて名前で呼べばいいかはわからないですが、その筋の間では昔の任天堂から発売さ
Speeding up the JavaScript ecosystem - The barrel file debacle
Let's imagine you are working on a big project with many files. You add a new file to work on a new feature and import a function from another directory into your code. import { foo } from "./some/other-file"; export function myCoolCode() { // Pretend that this is super smart code :) const result = foo(); return result; } Excited about finishing your feature, you run the code and realize that it t
Flat config rollout plans - ESLint - Pluggable JavaScript Linter
It may seem hard to believe, but the RFC for ESLint’s new configuration system, nicknamed flat config, was first written in 2019. It took until 2022 (v8.21.0) for us to release an experimental, opt-in version of flat config. Since then, we’ve been making changes and improvements based on feedback from the community. The plan was always to allow the current configuration system, nicknamed eslintrc,
Composables vs. Renderless Components in Vue 3
Composables vs. Renderless Components in Vue 3 / Image from ToptalA couple of weeks ago, I saw an example of a renderless component in React, then I thought does this also work in Vue? In this post, I’ll share what I found about my question. Turns out, we do have renderless components in Vue. To have a better understanding of renderless components, we need to know what scoped slots are. Let’s have
TS のパターンマッチングもゼロランタイムの時代に？ pattycake を試してみた
X（旧 Twitter）のタイムラインを眺めていたら、以下のポストが目に入りました。 これは pattycake という名のツールで、ts-pattern（パターンマッチングを提供する有名なライブラリ）のコードを最適化してゼロランタイム化できるとのこと。 面白そうなので少し触ってみました。
Vue 3 Vapor Mode News
What is Vapor Mode? 🧐 Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. When used at the app level, you can drop the Virtual DOM completely, thus reducing your app's bundle size. ✅ Benefits More performant Uses less memory Requires less runtime support code. Solid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Slidesの日本語太字フォントで掠れないものはあるのか
Vue Macros
Strong static typing, a hill I'm willing to die on...
State of Vite (ViteConf 2023)
Rolldown
GitHub - rolldown/rolldown: Fast Rust bundler for JavaScript/TypeScript with Rollup-compatible API.
GitHub - aidenybai/pattycake: Zero-runtime pattern matching
