チューリングミラー UI TRM UI
共通コンポーネントとデザインシステム
TRM UI はチューリングミラーのデスクトップアプリに共通のコンポーネント、配色、操作規則を提供します。ギャラリーでは実際の動作と、操作、文章、モーションの使い方を確認できます。パッケージを既存の言語設定やテーマに接続できます。
ギャラリーはブラウザで動作します。Tauri のデスクトップアプリをビルドする場合は Rust が必要です。
操作例
主な機能
共通コンポーネント
ボタン、フォーム、メニュー、ヒント、ダイアログを共通パッケージで管理し、依存バージョンの更新で改善を取り込みます。
操作できるデザインガイド
操作、文章、組版、配色、モーションの例に加え、変更されたデザインとその理由を確認できます。
連続した操作の変化
セグメントはドラッグに対応します。リストを絞り込んでも既存の項目を保ち、内容の切り替えに合わせてパネルの高さが変化します。
8 言語とテーマ設定
共通の画面文言は 8 言語に対応します。製品の翻訳に接続し、共通の配色変数や独自のテーマを使用できます。
はじめかた
ギャラリーを確認する
プロジェクトを取得し、npm install と npm run dev を実行して、ブラウザでプレビューを開きます。
パッケージを導入する
導入手順に従って trm-ui のコミットを固定し、必要なコンポーネントとスタイルを読み込み、言語設定に接続します。
確認して更新する
パッケージを更新したら製品のビルドと操作を確認し、確認が完了してから製品を更新します。