syncfusion-maui-smart-scheduler について
Syncfusion の SfSmartScheduler を実装する .NET MAUI 開発者向けガイドで、自然言語によるスケジュール操作を扱います。予定の変更に加え、リソースの空き状況確認、競合処理、日付移動、表示切り替えを説明します。
主な機能
- 01自然言語による予定の作成・更新・削除
- 02プロンプトによる日付移動と表示切り替え
- 03リソース予約と空き状況の確認
- 04競合の検出と解決案の提示
- 05予定の要約
- 06AI アシストパネルとイベント処理のカスタマイズ
活用シーン
- 01自然な言葉で会議を予約・変更
- 02会議室や機器の空き状況を確認
- 03重複する予定の代替案を検討
- 04プロンプトで日付移動やカレンダー表示を変更
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ syncfusion/ maui-ui-components-skills --skill syncfusion-maui-smart-schedulerインストール後、Claude Code で/syncfusion-maui-smart-schedulerを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/assist-view-customization.mdevents-and-methods.mdgetting-started.mdnatural-language-operations.mdresource-aware-features.mdstyling.md詳細
.NET MAUI AI 搭載スケジューラー(SfSmartScheduler)
従来のスケジューリングと AI による意図の理解を組み合わせた、Syncfusion の AI 搭載スケジューラーを実装するための包括的なスキルです。自然言語を使って予定の作成、更新、削除、確認ができるほか、AI プロンプトを通じてカレンダーを移動したり、ビューを切り替えたりできます。
このスキルを使用するタイミング
次のような場合に、このスキルを使用してください。
- MAUI アプリで自然言語による予定のスケジューリングを実装する
- 平易な言葉で予定を作成、更新、削除できるようにする
- AI プロンプトを使って、カレンダーを移動したりビューを切り替えたりできるようにする(例:「次の月曜日に移動して」、「週ビューに切り替えて」)
- リソースを考慮した予約システム(会議室、機器、人員)を構築する
- スケジューリングアプリケーションに AI による競合検出を追加する
- スマートな予定の要約機能を実装する
- 会話形式のスケジューリングインターフェイスを作成する
- アシストビューの外観と動作をカスタマイズする
- AI によるスケジューリングのイベントと応答を処理する
- AI アシスタントのコンポーネントをスタイル設定する
従来の Scheduler ではなく SfSmartScheduler を選ぶ場合:
- ユーザーがフォームより会話形式のインターフェイスを好む
- アプリでコンテキスト(現在のビュー、リソース、空き状況)を理解する必要がある
- 競合の検出と解決が重要である
- リソースの管理と空き状況の確認が必要である
- 予定をすばやく要約できると便利である
- ユーザーが自然言語を使ってカレンダーを移動したり、ビューを切り替えたりできるようにしたい
コンポーネントの概要
SfSmartScheduler は、Syncfusion Scheduler と AI による自然言語処理を組み合わせたコンポーネントです。次のような会話形式のプロンプトを使って、カレンダーを操作できます。
- 「明日の午後2時にチーム会議を設定して」
- 「金曜日の午後に会議室 A を予約して」
- 「今週のプロジェクトレビュー用に空き時間を探して」
- 「明日の会議を要約して」
- 「週ビューに切り替えて」(AI によるビュー切り替え)
- 「次の月曜日に移動して」(AI による日付移動)
このコンポーネントは、現在のビューのコンテキストとリソースの空き状況を考慮し、競合を検出するほか、AI による日付の移動やビューの切り替えに対応し、インテリジェントな提案を行います。スケジューリングをフォームへの入力ではなく、会話を通じて行えるようにします。
主な機能
- 自然言語による CRUD: 構造化されたフォームを使わず、平易な言葉で予定を作成、更新、削除できます
- AI によるコントロール処理: AI プロンプトを通じてカレンダー(
DisplayDate)を移動したり、ビューを切り替えたりできます(「次の月曜日に移動して」、「週ビューに切り替えて」、「月ビューを表示して」) - リソースを考慮した予約: 空き状況と現在のスケジューラーのフィルターを考慮してリソースを予約できます
- 競合検出: 重複する予定を特定し、解決方法を提案します
- スマートな要約: 今後の予定や選択した予定を簡潔に要約します
- 適応型アシストパネル: スマートフォン、タブレット、デスクトップ向けに高さ、幅、レイアウトを設定できます
- カスタマイズ可能なアシストボタン: 有効化、無効化、またはカスタムテンプレートへの置き換えが可能です
- イベント対応: AI による自動変更と、イベントを通じた手動処理を選択できます
ドキュメントとナビゲーションガイド
はじめに
📄 参照: references/getting-started.md
参照するタイミング: 初回のセットアップ、プロジェクトの初期化、AI サービスの設定
内容:
- MAUI プロジェクトの新規作成(Visual Studio、VS Code、Rider)
- Syncfusion.Maui.SmartComponents NuGet パッケージのインストール
- ハンドラーの登録(
ConfigureSyncfusionCore()) - AI サービスの設定(Azure OpenAI、OpenAI、Ollama)
- SfSmartScheduler の基本的な初期化(XAML と C#)
- 自然言語による最初の予定の作成
自然言語での操作
📄 参照: references/natural-language-operations.md
参照するタイミング: 会話形式の予定管理を実装するとき、対応している言語パターンを把握するとき
内容:
- 自然言語による CRUD 操作(作成、更新、削除)
- 平易な言葉での予定作成
- 時刻、日付、件名、繰り返しの理解
- 自然言語によるリソースの指定
- 複数操作のコマンド
- 対応しているフレーズとパターン
- コンテキストを考慮したスケジュール設定
- AI による日付移動(「次の月曜日に移動」「12 月 1 日に移動」)
- AI による表示切り替え(「週表示に切り替え」「月表示を表示」)
- 例:「明日の午後 2 時にチーム会議を予定」「マーケティングレビューを金曜日に移動」
リソースを考慮した機能
📄 参照: references/resource-aware-features.md
参照するタイミング: リソース予約、競合検出、空き状況の確認、予定の要約を実装するとき
内容:
- リソースを考慮した予約(会議室、機器、人員)
- 空き状況の確認と検証
- 重複する予定の競合検出
- 利用できない場合の代替リソースの提案
- 隣接する時間枠の提案
- リソースのフィルタリングと現在のビューのコンテキスト
- 競合解決の提案(再スケジュール、再割り当て、バッファ時間の延長)
- 予定のスマートな要約
- 空き時間の検索機能
アシストビューのカスタマイズ
📄 参照: references/assist-view-customization.md
参照するタイミング: アシストパネルの外観、レイアウト、ボタンテンプレート、プロンプトをカスタマイズするとき
内容:
EnableAssistButtonによるアシストボタンの有効化/無効化AssistButtonTemplateによるカスタムアシストボタンテンプレート- アシストビューの高さのカスタマイズ(
AssistViewHeight) - アシストビューの幅のカスタマイズ(
AssistViewWidth) - ヘッダーテキストのカスタマイズ(
AssistViewHeaderText) - プレースホルダーテキストの設定(
Placeholder) - カスタム AI プロンプト(
Prompt) - 提案プロンプトの設定(
SuggestedPrompts) - バナーの表示設定(
ShowAssistViewBanner) - スマートフォン、タブレット、デスクトップ向けの適応型レイアウト
イベントとメソッド
📄 参照: references/events-and-methods.md
参照するタイミング: カスタムイベント処理、アシストビューのプログラムによる制御を実装するとき
内容:
AssistAppointmentResponseCompletedイベント- イベント引数:Appointment、Handled、AssistantResponse、Action
- 手動と自動による予定の処理
ResetAssistView()メソッドCloseAssistView()メソッドOpenAssistView()メソッド- プログラムによる制御の例
- カスタム検証ロジック
- AI が生成した予定のインターセプト
スタイル設定
📄 参照: references/styling.md
参照するタイミング: アシストビューの外観、色、フォント、ブランディングをカスタマイズするとき
内容:
AssistStyleプロパティの概要- プレースホルダーの色のカスタマイズ
- アシストビューヘッダーのスタイル設定(テキスト色、背景、フォント)
- フォントのカスタマイズ(サイズ、ファミリー、属性)
- 自動スケーリングフォントの設定
- スタイル設定の完全な例(XAML と C#)
- テーマとの統合
- コーポレートブランディングに関する考慮事項