Get Started

Compose Preview Lab ドキュメントへようこそ。

Compose Preview Lab は @Preview をインタラクティブなコンポーネント・プレイグラウンドに変える UI カタログフレームワークです。

Get Started

Compose Preview Lab を活用する実用的なアイデア

Compose Preview Lab を活用することで以下のようなことが可能になります。

• 一般的なアプリ開発者向け
  • @Preview を収集してアプリ内のコンポーネントを UI カタログとして出力する。
  • UI 実装の Pull Request に PreviewLab による UI カタログを追加してレビュー体験を向上させる。
• Compose ライブラリ作者向け
  • アプリのデザインシステム や Compose の UI ライブラリ のドキュメンテーションツールに 動的な Playground を埋め込む。

Next Actions

Compose Preview Lab を学習するおすすめのロードマップを以下に示します。

1. Online Sample
   • Web 上で実際に触ることのできるサンプル があります。まずはこれに触れてみてください！
2. Compose Preview Lab の中核機能を学ぶ
   • まだ理解していない場合は Compose Preview Lab の主要な概念について以下のドキュメントを参考にして学びましょう。
   • Basic Architecture
   • Fields
   • Events
3. あなたのアプリでCompose Preview Lab を利用する
   • あなたが実際に開発しているアプリでも、学習用のサンプルアプリでも構いません。実際に利用してその利便性を感じてください。
   • 導入には Install のドキュメントを参照してください。
   • あなたのユースケースに合わせて Tutorials 内の興味のあるページを参照してください。実用的で具体的なソリューションとガイドを確認して
4. Compose Preview Lab をより深く学ぶ
   • 実際にアプリで利用した上でより深く理解して、Compose Preview Lab を使いこなしてください！以下のドキュメントが参考になります。
   • Guides に各機能の詳細な利用ガイドがまとまっています。
   • Tutorials によくあるユースケースごとに実践的なチュートリアルが記載されています。