Accel - Our Seed Investment in VoidZero: Evan You’s Bold Vision for JavaScript Tooling
Today we are thrilled to announce our $4.6 million seed investment in Evan You’s company, VoidZero. For those of you familiar with the world of web development, Evan needs no introduction. As the creator of Vue and Vite, two widely adopted and popular projects in the JavaScript ecosystem, he has been at the forefront of redefining how developers build modern applications for over a decade. Evan la
TS 5.7の --rewriteRelativeImportExtensions オプションを使う前に読む記事
TypeScript 5.7で追加される --rewriteRelativeImportExtensions オプションは、その使用にあたって注意が必要なオプションです。 背景としては、このオプションに関して最近英語圏のTSエヴァンジェリストのような人が積極的な活用を推奨する投稿をしました。一方で、TypeScriptチームはこのオプションを使うのは限定的な場合に限るべきとしています。 この記事ではTypeScriptチームの側に寄り添い、--rewriteRelativeImportExtensions オプションをむやみに使うべきではない理由について解説します。 以下に引用するのはTypeScriptチームのRyan氏の投稿のひとつです。 If you can't coherently explain why this flag wasn't present for the previ
Evolving GitHub Issues (Public Beta) · GitHub Changelog
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Announcing VoidZero - Next Generation Toolchain for JavaScript | VoidZero
October 1, 2024Announcing VoidZero - Next Generation Toolchain for JavaScript TL;DR: I have founded VoidZero Inc., a company dedicated to building an open-source, high-performance, and unified development toolchain for the JavaScript ecosystem. We have raised $4.6 million in seed funding, led by Accel. Fifteen years ago, when I started building apps with JavaScript, it was mostly a browser-based s
What we got wrong about HTTP imports
Everything should be made as simple as possible, but not simpler. Albert Einstein From the beginning, HTTP imports have been a key feature of Deno. For years, this was the entire module system, aimed at simplifying JavaScript development by using the web’s distributed nature, unlike npm’s centralized registry. For example, you can import the assertEquals() function from the standard library like t
A guide to destructuring in JavaScript
If you’ve spent plenty of time wading through modern JavaScript, odds are you’ve seen enough ellipses (...) to put even the most brooding 90s role-playing game protagonist to shame. I wouldn’t fault you for finding them a little confusing. Granted, I wouldn’t fault you for finding anything about JavaScript confusing, but I’ve always thought those ellipses were uniquely unintuitive at a glance. It
Vue.jsの v-model 正しく活用できていますか？
はじめに こんにちは、からころです。 今回は、Vue.js でよく利用される v-model の記事について保守性などの観点から書いていこうと思います。想定している読者としては、Vue.js を触ったこと、見たことがある方全般です。v-model は利用方法を誤ると痛手を負いがちですが、非常に強力な味方だよということをお伝えできればと思います。また、Vue.js のバージョンは、記事執筆時点で最新の 3.5.8 を想定しています。 v-model とは さて、v-model とはなんでしょうか？公式ドキュメントには、 コンポーネント上で v-model を使用すると双方向バインディングを実装できます。 https://ja.vuejs.org/guide/components/v-model と記載されています。もう少し詳しく書くと、props/emit のショートハンド構文です。 例えば
Web Components Are Not the Future
A few years ago I wrote an article suggesting that Web Components might not be the most beneficial direction for Web development to head. It was a soft-handed look at where they made sense and where things fall apart. It wasn't geared as a "us against them" argument and I hoped people would come to reasonable conclusions for themselves. But over the past few years, I've only seen the situation wor
Vue 3.5: パフォーマンスと開発体験を革新する包括的アップデート
はじめに 2024年9月1日に Vue 3.5 がリリースされました。本記事では、Vue 3.5 で導入された新機能と主要な改善点について詳しく解説します。 公式ブログも合わせてご覧ください： Vue 3.5 の主な新機能 Reactive Props Destructure 新しい API の導入 useTemplateRef() onWatcherCleanup() カスタム要素関連: useHost(), useShadowRoot() Deferred Teleport Vue 3.5 の主な機能改善 Reactivity System の改善 SSRの改善 Lazy Hydration useId() data-allow-mismatch Custom Elements の改良 それでは、各機能について詳しく見ていきましょう。 新機能の詳細 1. Reactive Props
部分型関係から考えるTypeScriptの`keyof`と`never`と`unknown`
型Tは"a"と"b"というキーを持つ型なので、keyof Tは"a" | "b"型になるというわけです。 では、keyof neverやkeyof unknownはどうなるでしょうか？ 後に見るように、どんな型TをとってきてもneverはTの部分型であることと、Tはunknownの部分型であることがneverとunknownのそれぞれの特徴です。しかし、具体的にはどんな型なのでしょうか？そうした型のキーとは？ちょっと想像しにくいのではないでしょうか。 以下では、keyof neverとkeyof unknownのいい感じの定義を決めるための考え方を紹介していきます。例えば、指数関数を例としてみましょう。正の実数aに対してa^0 = 1と定めておくと、どんな実数r, sに対してもa^{r+s} = a^r \cdot a^sが成り立つ（いわゆる指数法則）ので嬉しいです。keyof never
Zenn にシャドウバンある説｜nakasyou
多分ある、これ。 https://zenn.dev/nakasyou/articles/20231022_about_school_filter こういうグレー？な記事を書いたんですが、これがどうも「シャドウバン」されてる可能性があるんです。(利用規約の禁止事項の、「その他運営が不適切と判断する」以外に触れてない) 根拠1: Google 検索に表示されない私の書いた記事で最もいいねが少ない https://zenn.dev/nakasyou/articles/20230801_0000 の記事ですが、検索に表示されます。 それに対して、某フィルタリング記事は検索に表示されません。 もっと調べてみると、なんと、no-index が <head> に含まれていました。確定ですね。 根拠2: トピックの Alltime に表示されないZenn にはトピックを閲覧する機能があり、「Alltime
Vue3.5からの改善と振り返るdefineCustomElementについて
Vue3.5の更新では defineCustomElement に関する改善が含まれています。今回の記事ではその defineCustomElement に関連する事項についてと、改善された内容を紹介します。 Custom Elementsとは？ defineCustomElement についてを紹介する前に、まずは根底の知識となる「Custom Elements」についてを解説します。 Custom ElementsはWeb Componentsを構成する一部で、独自のHTML要素を作成するためのJavaScript APIです。 独自の定義のため、通常のHTML要素とは異なりダッシュが使われている名前( kebab-case )である必要があります。 <!-- 純粋なHTML要素 --> <progress></progress> <!-- Custom Elements --> <c
GitHub - leerob/next-saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.
This is a starter template for building a SaaS application using Next.js with support for authentication, Stripe integration for payments, and a dashboard for logged-in users. Demo: https://next-saas-start.vercel.app/ Why did I make this? In 2020, I made a course called "React 2025" which showed how to build a SaaS application with Next.js, Stripe, and other tools. Well, it's almost 2025 and React
スタイルをカスタマイズ可能な新しい `<select>` 要素
Note 2024/09/21 現在、カスタマイズ可能な <select> 要素は Chrome Canary の v130 以降で Experimental Web Platform Features フラグを有効にすることで利用可能です。 従来の <select> 要素は CSS を利用したスタイルを適用できないため、多くの開発者にとって課題となっていました。この課題を解決するために JavaScript を用いて独自のセレクトボックスを実装することが一般的ですが、この方法はアクセシビリティやパフォーマンスの問題を引き起こすことがありました。 この問題を解決するために新しい既存の <select> 要素をカスタマイズする手段が提案されました。<select> 要素と ::picker(select) 疑似要素に対して appearance:base-select を指定することで、開発
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VoidZero | Next Generation Tooling for the Web
GitHub - jehna/humanify: Deobfuscate Javascript code using ChatGPT
Vue Mess Detector
Zenn's Shadow Ban checker
Utah Design System
Bitwise Operators in JavaScript and When to Use Them