DEV Community 日本語 フォロー 認証、オンボーディング、ダッシュボードの再構築をやめよう:DesignFoundationPro このドキュメントでは、無料のDesignFoundationコアパッケージの商用アドオンであるDesignFoundationProを紹介します。Proは、ブロック、画面、ナビゲーションシェルなどの既製のコンポーネントを提供し、特にAIコーディングエージェントを使用する場合、開発時間を大幅に短縮します。これにより、異なる画面間でのスペーシングや動作などのデザイン要素の一貫性が確保されます。ProはFoundationを基盤としており、すべての機能の統合されたインポートを提供します。このパッケージは、生涯ライセンスとオプションの年間アップデートで販売されています。購入前に、ユーザーは無料のDFPlayground macOSアプリですべてのコンポーネントをプレビューできます。DesignFoundationProを追加するには、プロジェクトにそのリポジトリURLを含め、単一の製品としてインポートする必要があります。チュートリアルでは、macOSなどのプラットフォームに合わせてタイポグラフィとサーフェストークンを適応させる、データ密度の高い製品UIには.workspaceテーマの使用を推奨しています。カスタムブランディングは可能ですが、一部のコンポジションルートはワークスペーステーマをハードコードしています。Proパッケージは、DFStandardSidebarShellやDFAdaptiveShellなどの既製のシェルを使用したサイドバーナビゲーションのような一般的なUIパターンを簡素化し、開発者がこの複雑なロジックを書き直す必要がなくなります。また、フォーム、検証、ソーシャルログインを、設定可能なコールバックで処理するDFSignInBlockやDFOTPBlockのような再利用可能な認証ブロックも提供します。オンボーディングフローは、複数のステップにわたる状態の永続化とナビゲーションを処理する単一の設定オブジェクトによって管理されるDFOnboardingFlowコンポーネントで合理化されます。データ視覚化のために、Proには、Swift Chartsを活用し、テーマカラーを自動的に採用するDFLineChartBlockやDFBarChartBlockのようなチャートブロックが含まれており、期間ピッカーやローディング状態などの機能が組み込まれています。最後に、DFDataTableは、macOSでのキーボードナビゲーションとiPhoneでのスクロール可能なビューを提供し、異なるプラットフォーム間でネイティブなデータテーブルを作成するという課題に対処します。DFDataTableコンポーネントはFoundationの一部ですが、Proスケールのアプリケーションで特に役立ちます。 Stop Rebuilding Auth, Onboarding, and Dashboards: DesignFoundationPro dev.to DEV Community 日本語 RSS thenote.app
.workspaceテーマの使用を推奨しています。カスタムブランディングは可能ですが、一部のコンポジションルートはワークスペーステーマをハードコードしています。Proパッケージは、DFStandardSidebarShellやDFAdaptiveShellなどの既製のシェルを使用したサイドバーナビゲーションのような一般的なUIパターンを簡素化し、開発者がこの複雑なロジックを書き直す必要がなくなります。また、フォーム、検証、ソーシャルログインを、設定可能なコールバックで処理するDFSignInBlockやDFOTPBlockのような再利用可能な認証ブロックも提供します。オンボーディングフローは、複数のステップにわたる状態の永続化とナビゲーションを処理する単一の設定オブジェクトによって管理されるDFOnboardingFlowコンポーネントで合理化されます。データ視覚化のために、Proには、Swift Chartsを活用し、テーマカラーを自動的に採用するDFLineChartBlockやDFBarChartBlockのようなチャートブロックが含まれており、期間ピッカーやローディング状態などの機能が組み込まれています。最後に、DFDataTableは、macOSでのキーボードナビゲーションとiPhoneでのスクロール可能なビューを提供し、異なるプラットフォーム間でネイティブなデータテーブルを作成するという課題に対処します。DFDataTableコンポーネントはFoundationの一部ですが、Proスケールのアプリケーションで特に役立ちます。