ホームトピックJavaScript
// トピック

JavaScript

21直近 90 日のトレンド·21累計

// 今月の新着

// エコシステム

TypeScript7Web Development6UI Components5React5Vue4JavaScript
Frontend 15
Mobile 3
AI 2
Security 1

// 最近の新着

すべての新着 →

// 今週の TOP 8

01
Kuberwastaken / backdooms
The Backdooms は、QR コード内で完全に機能する DOOM に着想を得た、高度に圧縮された自己解凍型 Web ゲームです。Zlib 圧縮と DecompressionStream API を活用し、インターネット接続を必要とせずにブラウザ上で直接ゲームを実行します。このプロジェクトは、軽量な Web アプリケーションのために QR コードのストレージ制限を押し広げる技術的な探求として機能します。
67628
02
Tencent / cherry-markdown
Cherry Markdown Writer は、ブラウザとサーバーサイドの両方の環境向けに設計された、軽量で導入が容易な JavaScript エディタです。カスタム構文、テーマ、多様なツールバー設定など、広範なカスタマイズオプションを提供します。また、ストリーミングレンダリング用の特殊モードを備えており、AI チャットアプリケーションに最適な選択肢となります。
634,659
03
Tencent / westore
Westore は Mini Program 向けに設計された MVVM レイヤードアーキテクチャであり、責務駆動設計を通じてビジネスロジックと View レイヤーを完全に分離することを目指しています。Store レイヤーを仲介役として導入することで、Model の高い移植性とコードの再利用性を実現しました。開発者は setData を直接操作する必要はなく、update メソッドを呼び出すだけで内部の diff メカニズムを通じた効率的な View 更新が可能です。
624,297
04
Tencent / tdesign-vue-next
TDesign Vue Next は Vue 3 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。ダークモードやテーマのカスタマイズ、効率的な tree-shaking に対応した一貫性のあるデザイン言語を提供します。また、様々な TDesign フレームワーク間で API の一貫性を保つことで、高品質な開発体験を実現します。
572,085
05
Tencent / tdesign-vue
TDesign Vue は Vue 2 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他のフレームワークの TDesign ライブラリと一貫したデザイン言語と API を提供します。ダークモードやカスタマイズ可能なテーマ、効率的な tree-shaking に対応しており、パフォーマンスを最適化できます。
491,012
06
XiaoMi / hiui
HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。単一コンポーネント設計によりデータ構造の分離を実現し、コンポーネントの使いやすさと将来的なアップグレードの利便性を確保しています。
48855
07
Tencent / tdesign-miniprogram-starter-retail
TDesign Retail Industry Template Mini Program は、 TDesign エンタープライズデザインシステムを基盤とした単一店舗向け e-commerce ソリューションです。本プロジェクトは、商品閲覧やショッピングカート管理から注文決済、アフターサービスに至るまで、 e-commerce の完全なゴールデンパスを網羅しています。開発者は、 28 種類の組み込み済みページと Mock データを使用して、小売ビジネスのシナリオを迅速に構築および体験できます。
47801
08
tiagozip / cap
Cap は、SHA-256 proof-of-work と JavaScript instrumentation を活用した、従来の視覚的 CAPTCHA に代わる軽量なオープンソースの代替手段です。ユーザーによるパズル解答を不要にすると同時に、テレメトリや外部トラッキングを排除することでプライバシーを保護します。このソリューションはカスタマイズ性が高く依存関係も不要であり、Docker や任意の JavaScript runtime を介してデプロイ可能です。
4395

// 累計の注目 (21)

bytedance / xgplayer
xgplayer はコンポーネント化された設計を活用し、柔軟で分離可能な UI を提供する Web ビデオプレイヤーライブラリです。ブラウザから独立してビデオの読み込み、バッファリング、フォーマットサポートを管理することで高度な機能を実現します。オンデマンド配信とライブ配信の両方に対応し、MP4、FLV、HLS、DASH など多様なフォーマットをサポートしています。
82
alibaba / hooks
ahooks は、多様な開発ニーズに対応する包括的な React Hooks を提供する、高品質で信頼性の高いライブラリです。TypeScript で記述されているため予測可能な静的型付けを保証し、サーバーサイドレンダリングにも対応しています。実際のビジネスシナリオから洗練された高度な Hooks を提供し、関数クロージャを効果的に管理することで開発を簡素化します。
75
Tencent / cherry-markdown
Cherry Markdown Writer は、ブラウザと Node.js 環境の両方で動作する軽量で導入が容易な JavaScript Markdown エディタです。特定のフロントエンドフレームワークである Angular、Vue、React に依存せず、容易に拡張できるように設計されています。AI チャット向けのストリーミングレンダリングやマルチカーソル編集、構文やツールバーの多様なカスタマイズ機能など、高度な機能をサポートしています。
72
bytedance / xgplayer
xgplayer は、柔軟な UI カスタマイズを実現するために完全にコンポーネント化されたアーキテクチャを採用した Web ビデオプレイヤーライブラリです。ストリーミング非対応の MP4 ファイル向けに段階的な読み込み機能を提供し、ネイティブのビデオ読み込みやバッファリングへの依存を排除します。また、FLV、HLS、DASH を含むオンデマンドおよびライブストリーミング形式を包括的にサポートしています。
69
didi / LogicFlow
LogicFlow はフローチャートのインタラクションと編集に特化した開発フレームワークであり、開発者が業務システムにおけるフローチャート要件を迅速に構築できるよう設計されています。このフレームワークは高度にカスタマイズ可能なノードとスタイルを提供し、プラグイン機構を通じて柔軟な拡張をサポートします。さらに、ブラウザ側で動作する実行エンジンを内蔵しており、BPMN などの多様なバックエンドデータ構造との変換にも対応しています。
68
Tencent / tdesign-vue-next
TDesign Vue Next は Vue 3 およびデスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他の TDesign フレームワークと一貫したデザイン言語を採用し、高品質でカスタマイズ可能なコンポーネントを提供します。また、tree-shaking やダークモード、柔軟なテーマ設定といったモダンな開発手法をサポートしています。
68
Kuberwastaken / backdooms
The Backdooms は、QR コード内で完全に機能する DOOM に着想を得た、高度に圧縮された自己解凍型 Web ゲームです。Zlib 圧縮と DecompressionStream API を活用し、インターネット接続を必要とせずにブラウザ上で直接ゲームを実行します。このプロジェクトは、軽量な Web アプリケーションのために QR コードのストレージ制限を押し広げる技術的な探求として機能します。
67
didi / LogicFlow
LogicFlow は、業務システム向けに設計されたフローチャート編集フレームワークであり、一連のコアインタラクションおよび編集機能を提供します。このフレームワークはカスタマイズ性が高く、ユーザーは特定の要件に応じてノード、コネクタ、スタイルを定義できます。さらに、豊富なプラグインメカニズムとデータ変換機能を備えており、さまざまな複雑なフローチャートの開発ニーズを容易に満たします。
65
Tencent / cherry-markdown
Cherry Markdown Writer は、ブラウザとサーバーサイドの両方の環境向けに設計された、軽量で導入が容易な JavaScript エディタです。カスタム構文、テーマ、多様なツールバー設定など、広範なカスタマイズオプションを提供します。また、ストリーミングレンダリング用の特殊モードを備えており、AI チャットアプリケーションに最適な選択肢となります。
63
Tencent / westore
Westore は Mini Program 向けに設計された MVVM レイヤードアーキテクチャであり、責務駆動設計を通じてビジネスロジックと View レイヤーを完全に分離することを目指しています。Store レイヤーを仲介役として導入することで、Model の高い移植性とコードの再利用性を実現しました。開発者は setData を直接操作する必要はなく、update メソッドを呼び出すだけで内部の diff メカニズムを通じた効率的な View 更新が可能です。
62
didi / Hummer
Hummer は Vue、React、TypeScript、JavaScript を用いた開発をサポートする、高性能かつ高可用なクロスプラットフォーム開発フレームワークです。ネイティブレンダリング技術により Android および iOS プラットフォーム向けの統一開発を実現し、極めて小さなパッケージサイズと高い動作安定性を備えています。開発者は提供されるツールチェーンを活用して動的な機能を駆使し、迅速なページデプロイと効率的なクロスプラットフォームアプリケーション開発が可能です。
62
alibaba / pipcook
Pipcook は、フロントエンドエンジニアが機械学習をワークフローに統合できるように設計されたモジュール式の JavaScript アプリケーションフレームワークです。Node.js 環境内で直接機械学習モデルの学習、検証、デプロイを可能にする包括的なパイプラインシステムを提供します。Python パッケージへのアクセスを橋渡しすることで、専門知識がなくても強力な機械学習ツールを活用できるようになります。
61
Tencent / tdesign-vue-next
TDesign Vue Next は Vue 3 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。ダークモードやテーマのカスタマイズ、効率的な tree-shaking に対応した一貫性のあるデザイン言語を提供します。また、様々な TDesign フレームワーク間で API の一貫性を保つことで、高品質な開発体験を実現します。
57
alibaba / pipcook
Pipcook は、フロントエンドエンジニアが専門知識を必要とせずに機械学習を活用できるよう設計された JavaScript アプリケーションフレームワークです。このプロジェクトは、モデルのトレーニング、検証、デプロイメントの全ライフサイクルをサポートするモジュール式のパイプラインアーキテクチャを提供します。また、Python へのブリッジ機能が含まれており、開発者は Node.js ランタイム内で成熟した Python の機械学習ライブラリを直接利用できます。
53
Tencent / tdesign-vue
TDesign Vue は Vue 2 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他のフレームワークの TDesign ライブラリと一貫したデザイン言語と API を提供します。ダークモードやカスタマイズ可能なテーマ、効率的な tree-shaking に対応しており、パフォーマンスを最適化できます。
49
XiaoMi / hiui
HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。単一コンポーネント設計によりデータ構造の分離を実現し、コンポーネントの使いやすさと将来的なアップグレードの利便性を確保しています。
48
Tencent / tdesign-miniprogram-starter-retail
TDesign Retail Industry Template Mini Program は、 TDesign エンタープライズデザインシステムを基盤とした単一店舗向け e-commerce ソリューションです。本プロジェクトは、商品閲覧やショッピングカート管理から注文決済、アフターサービスに至るまで、 e-commerce の完全なゴールデンパスを網羅しています。開発者は、 28 種類の組み込み済みページと Mock データを使用して、小売ビジネスのシナリオを迅速に構築および体験できます。
47
chenglou / pretext
Pretext は、高コストな DOM reflow 操作に依存せず、高速かつ正確な複数行テキストの計測とレイアウトを提供する JavaScript/TypeScript ライブラリです。ブラウザのフォントエンジンを基準とした独自の計測ロジックを実装することで、Canvas や SVG といった多様なレンダリングターゲットに対して効率的なテキスト処理を実現します。本ライブラリは、単純な高さ計算のための高レベル API と、複雑なテキストレイアウトを手動で行うための低レベルツールの両方を提供します。
47
KurtGokhan / tegaki
Tegaki は、標準的なフォントをアニメーション化された手書きシーケンスに自動変換するライブラリです。シンプルなレンダリングエンジンを提供することで、手動でのパス作成やネイティブ依存関係を不要にします。このツールは主要なすべての Web フレームワークをサポートしており、すぐに使用できる複数の手書きフォントが同梱されています。
45
tiagozip / cap
Cap は、SHA-256 proof-of-work と JavaScript instrumentation を活用した、従来の視覚的 CAPTCHA に代わる軽量なオープンソースの代替手段です。ユーザーによるパズル解答を不要にすると同時に、テレメトリや外部トラッキングを排除することでプライバシーを保護します。このソリューションはカスタマイズ性が高く依存関係も不要であり、Docker や任意の JavaScript runtime を介してデプロイ可能です。
43
XiaoMi / hiui
HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。設計にはデータ構造分離パターンを採用しており、すぐに使用できるだけでなく、フルインストールやオンデマンドインストールといった柔軟な導入方法に対応しています。
38

// プロジェクト別ユースケース

xgplayer
  • 01Seamless switching between video qualities with load control and bandwidth savings
  • 02Staged loading for MP4 files that do not natively support streaming
  • 03Extensible architecture supporting built-in and custom plugins for advanced functionality
hooks
  • 01Provides a large collection of both basic and advanced React Hooks
  • 02Supports server-side rendering (SSR) for versatile application environments
  • 03Implements special function handling to prevent common closure-related issues
cherry-markdown
  • 01Supports streaming rendering for AI chat applications to ensure stable output.
  • 02Provides rich editing capabilities such as table-to-chart generation, image manipulation, and multi-cursor support.
  • 03Offers a modular architecture allowing for custom syntax, themes, and toolbar extensions.
xgplayer
  • 01Staged loading for non-streaming MP4 files
  • 02Support for FLV, HLS, and DASH streaming
  • 03Highly modular and detachable UI component system
LogicFlow
  • 01Visually create, edit, and manage complex logic flowcharts
  • 02Achieve highly customized business logic requirements through a plugin mechanism
  • 03Use the built-in execution engine to run flowchart logic directly on the browser side

// 関連トピック