mcpField
S
syncfusion-maui-toolkit-getting-started

syncfusion-maui-toolkit-getting-started

github.com/syncfusion開発3947 回インストール7 週間前に更新
リポジトリ

syncfusion-maui-toolkit-getting-started について

クロスプラットフォームアプリ向けUIコンポーネント集、Syncfusion .NET MAUI Toolkit の入門ガイドです。環境構築、プラットフォーム要件、コンポーネント選択、コード共有の方法を説明します。

主な機能

  1. 0120種類以上のUIコンポーネントの概要
  2. 02NuGetのインストールとテーマ設定
  3. 03プラットフォームと.NETの互換性ガイド
  4. 04開発環境のセットアップ
  5. 05クロスプラットフォームのコード共有パターン
  6. 06コンポーネントカテゴリーの概要

活用シーン

  1. 01新しい.NET MAUIプロジェクトのセットアップ
  2. 02プラットフォームとSDK要件の確認
  3. 03ツールキットのコンポーネント選定
  4. 04共有コードとプラットフォーム固有コードの計画

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-getting-started

インストール後、Claude Code で/syncfusion-maui-toolkit-getting-startedを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
dotnet-cli-installation.md
introduction-overview.md
nuget-package-manager-ui.md
package-manager-console.md

詳細

Syncfusion® .NET MAUI Toolkit の概要

Syncfusion® .NET MAUI Toolkit は、最新のクロスプラットフォームのモバイルアプリケーションやデスクトップアプリケーションを構築するための、プロフェッショナルな UI コンポーネントを包括的に提供します。このスキルでは、インストールとセットアップからプラットフォームの機能やコンポーネントのエコシステムの理解まで、Syncfusion® .NET MAUI Toolkit の利用を始める方法を説明します。

Syncfusion® .NET MAUI Toolkit とは?

Syncfusion® .NET MAUI は、Microsoft の .NET Multi-platform App UI (MAUI) フレームワーク上に構築された、20 以上のプロフェッショナルな高性能 UI コンポーネントのスイートです。単一の共有コードベースから一度コードを記述するだけで、Android、iOS、macOS(Mac Catalyst 経由)、Windows(WinUI 3 経由)にデプロイできます。

主な特長
  • 20 以上のプロフェッショナルなコンポーネント: レイアウト、エディター、カレンダーなどを幅広く網羅
  • 単一のコードベース: 一度コードを記述するだけで、Android、iOS、macOS、Windows に同時にデプロイ
  • ネイティブのパフォーマンス: プラットフォーム固有の最適化により、スムーズで応答性に優れた操作を実現
  • モダンなデザイン: ダークモードを自動でサポートするマテリアルデザイン
  • エンタープライズ対応: 本番環境でのテスト済み、WCAG に準拠し、包括的なドキュメントを提供

基本情報

項目詳細
サポート対象プラットフォームAndroid(API 21 以降)、iOS(12.2 以降)、macOS(12 以降)、Windows(10/11)
コンポーネント数20 以上のプロフェッショナルな UI コントロール
コードの共有プラットフォーム間で 90% 以上のコードを再利用可能
.NET のサポート.NET 9.0、.NET 10.0
開発ツールVisual Studio 2022、VS Code

ドキュメントとナビゲーションガイド

はじめにとインストール

📄 参照先: references/getting-started-installation.md

まずこちらを読み、Syncfusion® .NET MAUI Toolkit に含まれる内容やコンポーネントのエコシステム全体を確認してから、NuGet Package Manager または Package Manager Console を使ったインストール手順に進んでください。

説明するトピック:

  • Syncfusion® .NET MAUI Toolkit とは何か、選ぶ理由
  • 20 以上のコンポーネントカテゴリ(データ可視化、ボタン、レイアウト、エディター、カレンダー、通知など)
  • NuGet Package Manager を使ったインストール
  • テーマの設定とセットアップ
プラットフォームのサポートとシステム要件

📄 参照先: references/platforms-requirements.md

対象となるデプロイ先のプラットフォームサポートとシステム要件を確認します。Android、iOS、macOS、Windows での開発に必要な最小仕様と推奨仕様について説明します。

説明するトピック:

  • サポート対象プラットフォームとバージョン一覧
  • プラットフォーム固有の機能と制約
  • ハードウェア要件(最小および推奨)
  • 開発に必要なオペレーティングシステム要件
  • 必要な開発ツールと SDK
フレームワークの互換性と .NET バージョン

📄 参照先: references/framework-compatibility.md

Syncfusion® .NET MAUI Toolkit と .NET のバージョンとの互換性について説明します。サポート対象の .NET バージョンと、バージョン選択のベストプラクティスを確認できます。

説明するトピック:

  • サポート対象の .NET バージョン(.NET 9.0、.NET 10.0)
  • バージョン互換性一覧
  • LTS(長期サポート)に関する推奨事項
  • パフォーマンスと安定性に関する考慮事項
開発環境のセットアップ

📄 参照先: references/development-environment-setup.md

Windows、macOS、または Visual Studio Code 用に開発環境を構成します。この包括的なガイドでは、主要な開発ツールのインストール、構成、確認方法を説明します。

説明するトピック:

  • Visual Studio 2022 のセットアップ(Windows)
  • Visual Studio Code のセットアップ
  • .NET SDK のインストールと確認
  • Android SDK と iOS/Xcode の構成
  • 一般的なセットアップの問題のトラブルシューティング
クロスプラットフォーム開発の基本

📄 参照: references/cross-platform-development.md

クロスプラットフォームアプリケーションを構築するためのアーキテクチャとパターンを学びます。コード共有の戦略、プラットフォーム固有のコード、リソース管理、アダプティブレイアウトについて理解します。

対象トピック:

  • 単一コードベースのアーキテクチャ
  • コード再利用のパターン(90% 以上の共有)
  • 必要に応じたプラットフォーム固有のコード
  • 統一されたリソースシステム(画像、フォント、アセット)
  • アダプティブレイアウトとレスポンシブデザイン
  • プラットフォーム間でのテーマの適応
コンポーネントエコシステムの概要

📄 参照: references/component-ecosystem.md

Syncfusion® .NET MAUI Toolkit で利用できる 20 種類以上のコンポーネントをご紹介します。コンポーネントのカテゴリや用途、ニーズに合ったコンポーネントの選び方について理解します。

対象トピック:

  • データの可視化(チャート)
  • カレンダー
  • エディター
  • ナビゲーションコンポーネント
  • ボタン
  • レイアウトコンポーネント
  • コンポーネント選択ガイド

クイックスタートチェックリスト

以下の手順に沿って、Syncfusion® .NET MAUI Toolkit を使い始めましょう。

  • システム要件を確認する - プラットフォームとハードウェアの要件を確認します
  • Visual Studio 2022(17.8.0 以降)を .NET MAUI ワークロードとともにインストールするか、別の IDE を使用します
  • .NET SDK をインストールする - .NET 9.0 または .NET 10.0
  • プラットフォーム SDK をインストールする - Android SDK、Xcode(iOS/macOS)、または WinUI(Windows)
  • Syncfusion® Toolkit NuGet パッケージをインストールする - Syncfusion.Maui.Toolkit package
  • テーマを設定する - MaterialLight、MaterialDark、またはカスタムテーマを適用します
  • サンプルプロジェクトを作成する - Syncfusion® コンポーネントを使ったテストアプリをビルドします
  • 対象プラットフォームでテストする - Android、iOS、macOS、または Windows にデプロイします

次のステップ

この概要を確認した後は、次の手順に進みます。

  1. 初回セットアップ: クイックスタートチェックリストに沿って作業し、「Getting Started & Installation」と「Development Environment Setup」のガイドを読みます
  2. コンポーネントを確認する: 「Component Ecosystem Overview」を参照して、利用可能なコントロールを確認します
  3. クロスプラットフォームのパターンを学ぶ: アーキテクチャのガイダンスについて、「Cross-Platform Development Basics」を読みます
  4. 開発を始める: Syncfusion® .NET MAUI Toolkit を使った最初のアプリケーションを作成します

コンポーネント固有のガイダンスについては、各 Syncfusion® コンポーネントのスキルを参照し、詳細な実装パターンを確認してください。

コメント