Aesthetic Dialogs

**AestheticDialogs をご紹介します ― Jetpack Compose 用のモダンなダイアログデザインシステムです。**

AestheticDialogs は、Jetpack Compose で構築された Android アプリケーションに、美しく、一貫性があり、アクセシブルなダイアログを提供するオープンソースの UI ライブラリです。

公式ショーケースアプリでは、実際のインタラクティブなサンプルを通して、AestheticDialogs 2.0 コンポーネントライブラリ全体を体験できます。

### ✨ ダイアログシステムを体験する

さまざまなダイアログファミリーとそのバリエーションをご覧ください。

• **確認** ― 重要な操作や破壊的な操作の確認をユーザーに求めます。

• **アラート** ― 警告、エラー、情報、必要な操作などを伝えます。

• **選択** ― 検索機能を備えた単一選択と複数選択に対応しています。

• **入力** ― 検証機能を備えたテキスト入力とパスワード入力に対応しています。

• **コンテンツ** ― カスタムコンテンツのための柔軟なダイアログです。

• **フィードバック** ― 洗練されたフラットデザインとグラデーションデザインのフィードバックダイアログです。

• **通知** ― モーダルではないバナーと通知スタイルです。

すべてのサンプルは、実際の AestheticDialogs コンポーネントを使用して構築されています。

### 🎨 アプリに合わせて設計

AestheticDialogsは、テーマに依存しない設計になっています。

アプリケーションにMaterial Designのテーマを強制的に適用することはありません。色、タイポグラフィ、デザインシステムはそのまま維持され、AestheticDialogsは独自のセマンティックトークンとコンポーネントを提供します。

ライトテーマとダークテーマに対応し、色、タイポグラフィ、形状のカスタマイズオプションも用意されています。

### 🏗️ 本格的なデザインシステムとして構築

AestheticDialogs 2.0は、Jetpack Composeでゼロから完全に再構築されました。

そのアーキテクチャは、明確な役割分担に基づいています。

**コンポーネント → バリアント → プリミティブ → トークン**

その結果、関連性のないダイアログコンポーネントの集合体ではなく、保守性、拡張性、予測可能性に優れたUI基盤が実現しました。

### ♿ アクセシビリティを最優先

アクセシビリティは、後付けではなく、アーキテクチャの一部として組み込まれています。

AestheticDialogsは以下の機能をサポートしています。

• スクリーンリーダーのセマンティクス

• 適切なダイアログペインのタイトルと見出し

• アクセシブルな選択コントロール

• 通知用のライブリージョン

• 最小タッチターゲット

• 大きなフォントサイズ

• モーション低減設定

### ⚡ 最新のAndroid向けに設計

• Jetpack Compose

• 最小SDKバージョン24

• 軽量

• Material 3への強制依存なし

• アダプティブレイアウト

• ステートレスUIコンポーネント

• 明示的な状態とイベント処理

• ライトテーマとダークテーマ

### ❤️ オープンソース

AestheticDialogsはオープンソースであり、洗練されたUI、アクセシビリティ、保守性の高いアーキテクチャを重視するAndroid開発者向けに開発されています。

ショーケースをご覧いただき、様々なコンポーネントを試して、AestheticDialogs 2.0があなたの次のComposeアプリケーションにもたらす可能性をご確認ください。

**AestheticDialogs 2.0 — システムとして設計されたダイアログ。**