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 を指定することで、開発
ts-blank-space
What is ts-blank-space? ts-blank-space is a fast type-stripping compiler that converts TypeScript to JavaScript. It supports a modern subset of TypeScript by erasing the types and replacing them with whitespace. That's it. It is not a type checker and does not perform any other code transformations. The underlying technique can improve build performance and simplify development. The implementation
Reading vuejs/core-vapor
はじめに この本を手に取っていただき，ありがとうございます！ この本は，Vue.js の次世代実装である Vapor Mode の実装を読み進める本です． 少々上級者向けではありますが，部分的にでも参考になる点があれば嬉しいです！ この本の目的 Vue.js の次世代実装である Vapor Mode について深い理解を得るVapor Mode とは何かについて理解を深めるどのように実装されているのかソースコードを読み進めながら理解を深めるこの本の目的ではないこと Vue.js の使い方を学ぶ他のフレームワークと比較し，評価する想定読者 vuejs/core や vuejs/core-vapor にコントリビュートしてみたい方Vue.js の理解をより深めたい方著者について ubugeeei (うぶげ) Vue.js メンバー, Vue.js Japan User Group コア
aria-labelとaria-labelledbyを併用する場合とは
アクセシビリティを考慮したマークアップをした経験がある方は、aria-labelやaria-labelledbyについてご存じでしょう。これらは、要素にラベル付けするためのWAI-ARIAプロパティです。多くの場合、要素のアクセシブルな名前 (accessible name) を決めるために使われます。 aria-labelはラベルを直接文字列として指定するプロパティで、aria-labelledbyはIDを通じて他の要素をラベルとして指定するプロパティです。その使い分けについては、仕様書[1]で以下のように説明されています。つまり、可能な場合はaria-labelledbyに寄せるべきだということです。 If the label text is available in the DOM (i.e. typically visible text content), authors SHOU
JavaScript™
Update 11/22/2024: We’ve filed a petition to cancel with the USPTO. Read more Deliver to: Oracle Corporation 2300 Oracle Way Austin, TX 78741 United States of America You have long ago abandoned the JavaScript trademark, and it is causing widespread, unwarranted confusion and disruption. JavaScript is the world’s most popular programming language, powering websites everywhere. Yet, few of the mill
Environment API
Experimental Environment API is experimental. We'll keep the APIs stable during Vite 6 to let the ecosystem experiment and build on top of it. We're planning to stabilize these new APIs with potential breaking changes in Vite 7. Resources: Feedback discussion where we are gathering feedback about the new APIs.Environment API PR where the new API were implemented and reviewed.Please share your feed
Node.js Takes Steps Towards Removing Corepack - Socket
Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zenn's Shadow Ban checker
Utah Design System
Bitwise Operators in JavaScript and When to Use Them
GitHub - bloomberg/ts-blank-space: A small, fast, pure JavaScript type-stripper that uses the official TypeScript parser.
Array.fromAsync()とPromise.all()の違い【JavaScript】 - Qiita
Una UI
SQLの練習ができる学習サービス | SQLab
