Web Development

xgplayer はコンポーネント化された設計を活用し、柔軟で分離可能な UI を提供する Web ビデオプレイヤーライブラリです。ブラウザから独立してビデオの読み込み、バッファリング、フォーマットサポートを管理することで高度な機能を実現します。オンデマンド配信とライブ配信の両方に対応し、MP4、FLV、HLS、DASH など多様なフォーマットをサポートしています。

xgplayer は、柔軟な UI カスタマイズを実現するために完全にコンポーネント化されたアーキテクチャを採用した Web ビデオプレイヤーライブラリです。ストリーミング非対応の MP4 ファイル向けに段階的な読み込み機能を提供し、ネイティブのビデオ読み込みやバッファリングへの依存を排除します。また、FLV、HLS、DASH を含むオンデマンドおよびライブストリーミング形式を包括的にサポートしています。

The Backdooms は、QR コード内で完全に機能する DOOM に着想を得た、高度に圧縮された自己解凍型 Web ゲームです。Zlib 圧縮と DecompressionStream API を活用し、インターネット接続を必要とせずにブラウザ上で直接ゲームを実行します。このプロジェクトは、軽量な Web アプリケーションのために QR コードのストレージ制限を押し広げる技術的な探求として機能します。

Web-Bench は、LLM が実際の Web 開発タスクをどの程度効果的に処理できるかを評価するために設計された包括的なベンチマークです。本ベンチマークは、プロフェッショナルなエンジニアリングワークフローをシミュレートする、順次依存関係を持つ 50 の複雑なプロジェクトで構成されています。最先端のモデルであっても大幅な改善の余地があることを示す、非常に挑戦的な環境を提供します。

TDesign Vue は Vue 2 デスクトップアプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他のフレームワークの TDesign ライブラリと一貫したデザイン言語と API を提供します。ダークモードやカスタマイズ可能なテーマ、効率的な tree-shaking に対応しており、パフォーマンスを最適化できます。

TDesign Mobile Vue は、 Vue 3 モバイル Web アプリケーション向けに設計された包括的な UI コンポーネントライブラリです。他の TDesign フレームワークと一貫したデザイン言語と API 構造を提供し、シームレスな統合を実現します。ダークモードやテーマのカスタマイズ、効率的な tree-shaking によるパフォーマンス最適化といった重要な機能をサポートしています。

HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。単一コンポーネント設計によりデータ構造の分離を実現し、コンポーネントの使いやすさと将来的なアップグレードの利便性を確保しています。

TDesign Common Library は、共通のスタイルとユーティリティ関数を統合した基盤リポジトリです。本プロジェクトは、サブディレクトリ構造を通じて多様なフレームワークに対する統一的な開発サポートを提供します。リポジトリは、Web およびモバイル UI 開発リソースと、汎用的な JavaScript ユーティリティ関数に明確に分割されています。

本プロジェクトは AI coding agents を活用し、Web サイトをモダンな Next.js コードベースへリバースエンジニアリングするための再利用可能なテンプレートを提供します。デザインのトークン、アセット、コンポーネントの仕様を抽出して各セクションを並列的に再構築することで、プロセスを自動化します。このテンプレートは多様な AI プラットフォームに対応しており、アセンブリや視覚的な品質保証のためのツールも内蔵しています。

HiUI は、中・バックオフィスシステム向けに設計されたフロントエンドコンポーネントライブラリであり、一貫したインタラクションと美しいインターフェースを備えたアプリケーションを迅速に構築できるよう支援します。このライブラリは、ほとんどの中・バックオフィスシステムの開発ニーズをカバーできる豊富なビジネス用テンプレートとコンポーネントを提供します。設計にはデータ構造分離パターンを採用しており、すぐに使用できるだけでなく、フルインストールやオンデマンドインストールといった柔軟な導入方法に対応しています。

Boneyard は、実際の DOM からレイアウト情報を抽出し、ピクセル単位で正確なスケルトン画面を自動生成する開発ツールです。開発者は、シンプルなコンポーネントのラップとコマンドラインビルドを通じて、手動調整なしで読み込み中のプレースホルダー効果を実現できます。本ツールは React、React Native、Svelte などの多様なフレームワークをサポートし、柔軟なレイアウト API を提供することで、異なるレスポンシブ要件に対応します。