オープンソース · Tay
jQueryの優れた部分を、
モダンな時代へ。
Tayは、より高速なWebサイトを構築するために設計されたTypeScriptライブラリです。jQueryのアニメーションに依存することなく、最もよく使われるjQueryの関数を提供します。
すべてのフロントエンド開発者へ
1KB
圧縮後のサイズ。ほぼ瞬時に読み込み。
TypeScript
ゼロから設計
レガシーなし
余分な重さも、しがらみもなく
250%高速
jQuery比のコード実行速度
TypeScriptベースのライブラリ
jQueryが誕生した当時、JavaScriptにおけるクロスブラウザ互換性は大きな課題でした。TypeScriptなら、型を備えたモダンな言語でコードを書き、ES5やES6といった古いJavaScript構文に出力できるため、最初からクロスブラウザ互換性が得られます。
最小限のサイズ
フロントエンド開発では、ファイルサイズを最小限に抑えることが極めて重要です。Tayの圧縮後のファイルサイズはわずか1KB。理想的な選択肢です。
「Write less, do more」という哲学
jQueryの2つ目の大きな利点は、開発時間を短縮できることです。素のJavaScriptを使う場合と比べて、同じ作業をより素早く実現できます。
jQueryより250%高速
Tayは小さなサイズに加えて、jQueryよりも高速なコード実行を実現します。
Tayは誰のためのもの？
Tayは本格的なフレームワークではなく、プロジェクトを拡張するための豊富なライブラリも備えていません。ECアプリケーションのように、速度が重要なプロジェクトに最適です。
Tayは当社Webサイトのeコマース部分（まだ公開前）のために開発しましたが、以下の動画で実際の動作をご覧いただけます。
Tay.js vs Next.js
ベンチマーク
実行も、読み込みも、より速く。
250%
jQueryより高速なコード実行
実はこれは、私たちが実施した比較ベンチマークの中で最も控えめな数値です。コードで使用する機能によっては、性能差は最大1000%に達します。
3000%
モバイルでの読み込みが高速、使用可能になるまでの時間
Googleのモバイルテスト速度1628 Kbpsにおける、ライブラリが使用可能になるまでのダウンロード時間。
要するに、上記の人気JavaScriptライブラリのうち、jQueryは読み込まれて使用可能になるまで150ミリ秒かかるのに対し、Tayはわずか5ミリ秒で準備が整います。つまり、TayはjQueryより3,000%速く読み込まれます。⬤
使い方
jQueryスタイル
$(".myclass").addClass("example");
Tay version:
t(".myclass").addClass("example");使い方
要素に直接使用する
myElement.parent().find(".switch").toggleClass("example");