DUICUO

Tencent が推奨するオープンソース フロントエンド プロジェクト 10 選!

中国で著名なインターネット企業であるテンセントは、フロントエンド分野において数多くのオープンソースの貢献を行ってきました。この記事では、テンセントの最も人気のあるオープンソース・フロントエンド・プロジェクトを10件ご紹介します。

ウージエ

Boundless Micro Frontendは、Webコンポーネント+iframeをベースとしたマイクロフロントエンドフレームワークです。低コスト、高速、ネイティブ分離、強力な機能といった利点を誇ります。適応コスト、スタイル分離、ランタイムパフォーマンス、空白画面、サブアプリケーション間の通信、サブアプリケーションの永続化、複数アプリケーションのアクティベーション、Viteフレームワークのサポート、アプリケーション共有といった問題に効果的に対処します。

Github (スター: 2.3k): https://github.com/Tencent/wujie.

Tデザイン

TDesignは、Vue、React、WeChatミニプログラムなどのテクノロジーを基盤としたコンポーネントライブラリソリューションを備えた、包括的なエンタープライズレベルのデザインシステムです。TDesignは、統一されたデザインとクロスプラットフォームのマルチテクノロジースタックを備えたフロントエンドアプリケーションの構築に特に効果的です。TDesignは、複数のコードリポジトリを含むマルチリポジトリです。

Github (スター: 2.5k): https://github.com/Tencent/tdesign.

私たちUI

WeUIは、WeChatのネイティブなビジュアルエクスペリエンスに合わせた基本スタイルライブラリです。WeChat公式デザインチームによってWeChat Web開発向けに特別に設計されており、より一貫したユーザーエクスペリエンスを実現します。ボタン、セル、ダイアログ、プログレスバー、トースト、記事、アクションシート、アイコンなど、様々な要素が含まれています。

Github (スター: 26.7k): https://github.com/Tencent/weui。

私たちPY

WePYは、WeChatミニプログラムのコンポーネントベース開発を可能にするフレームワークです。プリコンパイル機能により、開発者は好みの開発スタイルを選択できます。フレームワークの詳細な最適化、Promiseと非同期関数の導入は、ミニプログラムプロジェクトの開発をよりシンプルかつ効率的にするように設計されています。

Github (スター: 22.1k): https://github.com/Tencent/wepy.

vコンソール

vConsoleは、モバイルWeb開発者向けの軽量で拡張可能なデバッグパネルです。フレームワークに依存せず、Vue、React、その他あらゆるフレームワークで使用できます。vConsoleは、WeChatミニプログラムの公式デバッグツールとなりました。

Github (スター: 15.5k): https://github.com/Tencent/vConsole.

Tマジック

tmagic-editorは、Magic Cubeプラットフォームから進化したオープンソースのビジュアルプロジェクトです。開発者にビジュアルプラットフォームを迅速に構築するためのソリューションを提供することを目的としています。

Github (スター: 3.3k): https://github.com/Tencent/tmagic-editor.

近江

Omiフレームワークは、WeChat Payの研究開発部門が開発した次世代フロントエンドフレームワークです。Webコンポーネント仕様に基づいて設計されたコンポーネントベースのフレームワークで、JSX/TSXを使用してHTML構造を記述できます。PCウェブアプリケーション、モバイルH5ページ、そしてミニプログラムの開発にも直接使用できます。

Github (スター: 12.5k): https://github.com/Tencent/omi.

kbone

kboneは、WeChatミニプログラムとWeb間の同型マッピングに特化したソリューションです。kboneは、適応層にブラウザ環境をシミュレートするアダプタを実装しており、Webベースのコードを大幅に変更することなくミニプログラムで実行できます。kboneはアダプタを提供することで同型性を実現しているため、その利点は明らかです。

  • Vue、React、Preact など、最も人気のあるフロントエンド フレームワークのほとんどは kbone 上で実行できます。
  • kbone は基礎となるフレームワーク (Vue の v-html ディレクティブや Vue-router プラグインなど) を変更しないため、より完全なフロントエンド フレームワーク機能をサポートします。
  • 一般的に使用される DOM/BOM インターフェイスを提供するため、ユーザーは大きな変更を加えることなく、Web プラットフォームからミニプログラム プラットフォームにコードを移行できます。
  • ミニプログラム上で実行する場合でも、ミニプログラム独自の機能 (ライブ プレーヤーの組み込みコンポーネントやサブ パッケージ機能など) を使用できます。
  • いくつかの DOM 拡張インターフェースを提供し、ミニプログラムと完全に互換性がないインターフェース (getComputedStyle インターフェースなど) の代替ソリューションを可能にします。

Github (スター: 747): https://github.com/Tencent/kbone.

フェイスツーフェイス翻訳

フェイス・ツー・フェイス翻訳は、WeChatチームが開発した、中国語と英語のフェイス・ツー・フェイスコミュニケーションのためのストリーミング音声翻訳ミニプログラムです。WeChat同時通訳プラグインをベースにしており、中国語と英語の音声認識やテキスト翻訳などの機能を提供します。

Github (スター: 747): https://github.com/Tencent/Face2FaceTranslator.

secguide

開発者向けに設計されたこのコードセキュリティガイドは、APIレベルのリスクを特定し、詳細かつ実践的なセキュアコーディングソリューションを提供することを目的としています。このガイドは、開発者による日常的な参照、セキュリティシステムスキャン戦略の策定、セキュリティコンポーネントの開発、脆弱性修正ガイダンスの提供などに活用できます。C/C++、JavaScript、Node.js、Go、Java、Pythonのセキュリティガイドラインが含まれています。

Github (スター: 11.9k): https://github.com/Tencent/secguide。