Blazor Scheduler - 柔軟なイベントカレンダーコンポーネント
- 日、週、月、議題、年、タイムラインなど、さまざまなビューで鮮やかなイベントを表示できます。
- グループ化されたイベントを含む複数のカレンダーを単一のレイアウトで表示できます。
- GoogleカレンダーおよびOutlookカレンダーと簡単にイベントを同期できます。
Quick Overview Video
世界をリードする企業から信頼されています
概要
Blazor Schedulerは、ユーザーが時間を効率的に管理するのに役立つ、フル機能のイベントカレンダーコンポーネントです。エディターのポップアップ、ドラッグアンドドロップ、サイズ変更アクションを通じて、リソースのスケジュール設定とイベントや予定の再スケジュール設定を容易にします。
Syncfusion Essential Studio® Blazor Schedulerを選ぶ理由
高パフォーマンス
Blazor Schedulerは、転送時間と読み込み時間を短縮するために、デフォルトでデータをオンデマンドで読み込みます。オンデマンドでデータを読み込む スケジューラーを異なるフィールド名を持つデータソースにバインドする場合は、適切なフィールドマッピングが必須です。
シームレスなデータバインディング
データマネージャーの助けを借りて、JSON、OData、WCF、RESTful Webサービスなどのさまざまなローカルおよびリモートデータソースとデータをシームレスにバインドします。
組み込みビュー
日、週、稼働週、月、議題、月別議題、年、タイムラインといった、いくつかの異なる組み込みビューモードが利用可能です。多様なビュー固有の変数を使用して、各ビューをカスタマイズできます。
定期的なイベント
統合された繰り返しオプションを使用して、日、週、月、年単位で繰り返されるように定期的なイベントを簡単に設定できます。
複数のリソースとグループ化
複数の要素に基づいてリソースをグループ化するため、Blazor Schedulerは幅広い柔軟なオプションを提供します。また、スケジュールタイムラインとリソースおよび日付による予定のグループ化もカバーしています。
あらゆる解像度に対応
Schedulerは高い応答性を持つレイアウトと、デスクトップ、タッチスクリーン、スマートフォン向けに最適化されたデザインを備えています。iOS、Android、Windows OSを使用するすべての携帯電話でうまく機能します。
魅力的なカスタマイズ可能なテーマ
Fluent、Tailwind CSS、Bootstrap、Material、Fabricなど、5つ以上の組み込みテーマによる最先端のデザイン。Schedulerのテーマを簡単にカスタマイズするには、オンラインTheme Studioツールを活用してください。
グローバリゼーションとローカライゼーション
異なるロケールのユーザーが、日付、通貨、および番号の形式を自分の設定に合わせて調整することで、Schedulerを使用できるようにします。異なるロケールのユーザーを利用可能にする
AI-Powered Smart Scheduler 効率的な時間管理のために
当社のAI Schedulerは、スケジューリングを簡単にします。「毎週金曜日午前10時にチームミーティング」と入力するだけで、イベントを自動整理し、競合を解消し、ワークフローに適応します。カレンダーは時間を記録するだけでなく、最大限に活用する手助けをします。
Blazor Schedulerコード例
下記に示すようなC#コードの数行で、Blazor Schedulerを簡単に使い始めることができます。また、BlazorでSchedulerをレンダリングおよび設定する方法を示すBlazor Schedulerの例も参照してください。
@using Syncfusion.Blazor
@using Syncfusion.Blazor.Schedule
<SfSchedule TValue=AppointmentData>
<ScheduleViews>
<ScheduleView Option="View.Day"></ScheduleView>
<ScheduleView Option="View.Week"></ScheduleView>
<ScheduleView Option="View.WorkWeek"></ScheduleView>
<ScheduleView Option="View.Month"></ScheduleView>
<ScheduleView Option="View.Agenda"></ScheduleView>
</ScheduleViews>
</SfSchedule>
@code {
public class AppointmentData
{
public int Id { get; set; }
public string Subject { get; set; }
public string Location { get; set; }
public DateTime StartTime { get; set; }
public DateTime EndTime { get; set; }
public string Description { get; set; }
public bool IsAllDay { get; set; }
public string RecurrenceRule { get; set; }
public string RecurrenceException { get; set; }
public Nullable<int> RecurrenceID { get; set; }
}
}複数のスケジューラビュー
日、週、稼働週、月、議題、月別議題、年、タイムラインといった、さまざまな組み込みビューモードが利用可能です。異なるビュー固有のオプションを使用して、各ビューを簡単に設定できます。
年ビュー
年ビューは、特定年のすべての月をカレンダービュー形式で表示します。そのカレンダービューでは、イベントや予定が含まれる日付は、個々の日付の下に配置された点で強調表示されます。日付をクリックすると、イベントのポップアップが表示され、イベントがリスト表示されます。
タイムラインビュー
5つの組み込みタイムラインビューが利用可能です：タイムライン日、タイムライン週、タイムライン稼働週、タイムライン月、タイムライン年。各ビューは、単一または複数日にわたる水平時間軸でイベントを正確に表示します。より良いパフォーマンスを提供するために、タイムラインビューは、スクロールアクションごとにリソース、イベント、予定を仮想的に読み込みます。
ユニークなビュー構成
各個別のビューモードを、異なるカレンダー設定で簡単に設定できます。例えば、月ビューでグループ化機能を有効にし、週ビューでイベントテンプレートを適用することができます。
インライン予定
この機能が有効な場合、ユーザーはスケジュールセルまたは既存の予定の件名をシングルクリックすることで、イベントや予定をインラインで作成および編集できます。インラインテキストボックスに新しい件名を入力した後、Enterキーを押すと、予定が適切に更新および保存されます。
イベントの重複を防止
スケジューラを構成して競合を示す視覚的な手がかりを提供することで、イベントの重複を防ぎます。これにより、ユーザーはダブルブッキングすることなく、スケジュールを効果的に管理できます。
高度なイベント処理オプション
Blazor用Schedulerは、割り当てられた時間に基づいて、Schedulerタイムライン全体でイベントおよび予定を明確、鮮明、正確に表現します。
追加および編集機能
デフォルトのイベントエディターを使用するか、直感的なドラッグ＆リサイズアクションを通じて、予定の作成や編集が容易になるなど、イベント処理を改善するための組み込みサポートがあります。さらに、イベントとリソースの両方のデータソースにカスタムデータフィールドを追加できます。
複数イベント選択
イベントをクリックしながらCtrlキーを押し続けると、複数のイベントを一度に簡単に選択できます。モバイルデバイスでは、イベントをタップして押し続け、他のイベントをシングルタップすることで同様に選択を続行できます。イベントを正常に選択した後、それらを同時に削除または再配置できます。
ツールチップ
カスタマイズ可能なツールチップは、マウスカーソルがイベントの上に置かれている間、イベント情報を表示します。モバイルデバイスでは、イベントをタップして押し続けることで同様に行います。
外観のカスタマイズ
テンプレートやCSSを使用して、Blazor Schedulerのイベントや予定のデフォルトの外観とスタイルをカスタマイズすることで、それらの表示を変更できます。
タイムゾーン
システムタイムゾーンに関係なく、Blazor Schedulerコントロールは、コントロール自体およびイベントに必要なタイムゾーンを設定することをサポートしています。
コンテキストメニュー
Blazor Schedulerコンポーネントに統合されたコンテキストメニューは、セルまたは予定を右クリックすると開きます。
リアルタイムデータ同期
リアルタイムの予定データは、Blazor Schedulerコンポーネントと正確に同期します。
OutlookおよびGoogleカレンダー連携
GoogleカレンダーAPIまたはMicrosoft Outlookのオブジェクトライブラリを通じて、Blazor SchedulerコンポーネントとGoogleまたはOutlookカレンダー間でイベントを簡単に同期できます。
リアルタイム更新
双方向データ通信により、Blazor Schedulerで行われたサーバー側の予定更新が、SignalRを介して接続されているすべてのクライアントに伝達されます。
機能豊富なカレンダーオプション
Blazor Schedulerコンポーネントは、週の最初の日やタイムスケールなど、ほとんどすべてのカレンダー固有の機能を継承しています。
週番号の表示
日、週、稼働週ビューで、日付ヘッダーの横に現在の日付範囲の週番号を表示します。また、月ビューでは最初の列に週番号を表示します。週番号は、週の最初の曜日と週の規則（最初の曜日、最初の完全な週、または最初の4日間の週）によって決定されます。
時刻モード
Blazor Schedulerコントロールは、12時間形式と24時間形式の両方の時刻形式をサポートしています。
完全にカスタマイズ可能なUI
テンプレートやCSSスタイルを使用して、Blazor Schedulerインターフェースの任意の箇所の外観をカスタマイズできます。
イベントエディターを外部から開く
Blazor Schedulerコントロールは、デフォルトのイベントエディターウィンドウをプログラムで開くための組み込みメソッドを提供します。
ユーザーフレンドリーなインタラクション
Blazor SchedulerコンポーネントのモダンでトレンディなUIデザインは、ユーザーインタラクションをよりシンプルかつ効率的にします。
クイックイベント概要
イベントをクリックまたはタップすると、件名や時間などの重要な詳細が、編集および削除オプションとともに表示されます。
セル選択
スケジューラセルを指し示してドラッグすると、複数セルを選択できます。ユーザーはキーボードショートカットでも同様に操作できます。
イベントコンテナ
月ビューとタイムラインビューでテキストインジケーター (+n more) をクリックすると、その日のすべての非表示イベントと予定の詳細をリスト表示するイベントコンテナが開きます。
クイックナビゲーション
インラインカレンダーを使用して日付範囲間を前後に移動したり、異なるビューモード間を移動したりできます。
リアルタイムアプリケーション
多くのリアルタイムアプリケーションは、スケジューラを不可欠な部分として使用しており、プロジェクトの種類に基づいてさまざまな目的を果たしています。活発なアプリケーションの例としては、運賃カレンダー、会議室カレンダー、医師の予約プランナー、ホテル部屋予約カレンダーなどがあります。
インタラクティブ機能
Blazor Schedulerコンポーネントを使用すると、イベントをExcelファイルまたはICSファイルとしてエクスポートできます。
Excelへのエクスポート
Blazor Schedulerコンポーネントは、すべてのイベントをデフォルトでExcelドキュメントにエクスポートすることをサポートしています。また、カスタムイベントデータコレクションをエクスポートするための追加のカスタマイズオプションも提供します。
開発者フレンドリーなAPI
開発者は、組み込みの開発者フレンドリーなAPIを通じて、イベントスケジューラのUIと動作を完全に制御できます。これにより、複雑なScheduler機能も簡単にカスタマイズできます。
アクセシビリティ
Blazor Schedulerコンポーネントは、スクリーンリーダーによって容易にアクセスできます。完全なキーボード操作サポートも提供されています。
完全なアクセシビリティ
Blazor Schedulerコンポーネントは、完全なWAI-ARIAアクセシビリティをサポートしています。Scheduler UIには、視覚障害のある人が最適な視聴体験を得られるように、高コントラストの視覚要素が含まれています。また、有効なUIの説明は、スクリーンリーダーなどの支援技術を介して容易にアクセスできます。
キーボードインタラクティブ
複数のセルやイベントの選択、他のビューへの移動など、ほとんどすべてのSchedulerアクションを実行するための様々なキーボードショートカットが利用可能です。
その他の対応フレームワーク
SchedulerはReact、Angular、JavaScript、Vueのフレームワークで利用可能です。以下のリンクから、プラットフォーム固有のオプションをご覧ください：
対応ブラウザ
Blazor Schedulerは、Chrome、Firefox、Edge、Safari、Operaを含むすべての最新のWebブラウザで動作します。
初めてのBlazor Schedulerの作成方法がわからないですか？弊社のドキュメントがお役に立ちます。
Blazor Server-side Schedulerの開始 Blazor WebAssembly Schedulerの開始ブレイザーコンポーネント – 145以上のUIとDataVizコンポーネント
すべてのコンポーネント
スマートコンポーネント
グリッド
データビジュアライゼーション
インプット
ドロップダウン
ボタン
インタラクティブチャット
ナビゲーション
よくある質問
なぜSyncfusion Essential Studio® Blazor Schedulerを選ぶべきなのですか？
Syncfusion Blazor Schedulerは、以下の機能を備えたフル機能のイベントカレンダーです。
- デスクトップ、タブレット、携帯電話向けに最適化された、高い応答性と洗練されたデザインのレイアウト。
日、週、稼働週、月といった基本ビューのほか、カレンダーモードの年ビューやタイムラインモードなど、さまざまなビュー。
- 異なるタイムゾーンに瞬時に対応。
仮想スクロールにより、多数のリソースやイベントを動的に読み込むことができます。
タイムライン、水平、階層、日付ビューに基づく複数リソースのグループ化。
- ソフトウェアとインタラクトするための機能豊富なUIを提供する、市場で最高のBlazor Schedulerの1つ。
- GoogleカレンダーやOutlookカレンダーとのイベント同期が簡単。
簡単な設定とAPI。
- すべての最新ブラウザに対応。
Syncfusion Blazor Schedulerの価格はいくらですか？
Blazor Schedulerは単独では販売していません。Team Licenseには、Blazor Schedulerを含む1,600以上のコンポーネントとフレームワークが含まれています。チームライセンスの価格は、開発者5人で月額$395からで、サポートとサブスクリプション終了までのアップデートが含まれています。さらに、現在実施中のプロモーションに基づいて割引を提供できる場合があります。追加の割引が適用されるかどうかについては、今すぐ製品スペシャリストにお問い合わせください。
Syncfusion Blazor Schedulerのデモはどこで見られますか？
Blazor Schedulerのデモでは、Schedulerのレンダリングと設定方法をデモンストレーションしています。
Syncfusion Blazor Schedulerコンポーネントを個別に購入できますか？
いいえ、弊社の1,600+のWeb、モバイル、およびデスクトップ用のコンポーネントとフレームワーク（Blazor Schedulerを含む）は個別に販売されていません。チームライセンスの一部としてのみ利用可能です。しかし、競合他社がSchedulerコンポーネント単体で請求する価格よりも少し高いだけの競争力のある価格設定をしています。また、弊社の経験から、お客様は通常、弊社の製品のいずれかから使い始め、すぐに複数の製品に拡張していくことが分かっています。そのため、開発者5人のチームで月額$395から始まるサブスクリプション料金で、1,600+すべてのコンポーネントとフレームワークを提供することが最善だと考えました。さらに、現在実施中のプロモーションに基づいて割引を提供できる場合があります。追加の割引が適用されるかどうかについては、今すぐ製品スペシャリストにお問い合わせください。
Syncfusion Blazor Schedulerは無料でダウンロードして利用できますか？
いいえ、これは商用製品であり、有料ライセンスが必要です。ただし、年間売上高が100万米ドル未満で、開発者が5人以下の企業および個人向けには無料コミュニティライセンスも提供されています。
Syncfusion Blazor Schedulerを始めるにはどうすればよいですか？
弊社の包括的な入門ドキュメントから始めるのが良いでしょう。
お客様は私たちを愛しています
優れたツール群と充実したサポートチームにより、Syncfusion® はお客様の開発時間を短縮します。お客様の体験談の一部をご紹介します。
Blazor components
The speed how they adding new Blazor controls and update theirs functionality. I am using Blazor components. Searching for Blazor components I found that Syncfusion very fast adopted theirs controls for new development platform. Tech support is fast and excellent. The best of best is that they provide free controls for small business.
Igor L.
CEO
Syncfusion objects with a Blazor
I have used some of the Syncfusion objects with a Blazor application. The support group has always been very helpful.
Kris B.
Software Development Consultant
実際の成功事例を見る
世界中の開発者が複雑なプロジェクトを簡素化し、納期を短縮するために Syncfusion の Essential Studio を信頼しています。豊富な UI コントロール ライブラリ、強力な SDK、信頼できるサポートにより、Essential Studio はチームがエンタープライズ対応のアプリケーションを自信を持って構築できるよう支援します。
ケーススタディを探る産業
ソフトウェア開発
75% コスト削減
50% より迅速な開発
産業
公益事業 (石油・ガス)
450+ 節約された時間
プロセスを合理化し、開発工数を大幅に削減
高度で柔軟な機能
強力で多用途な機能によりユーザーを支援
産業
ソフトウェアと技術
1000+ 節約された時間
エンタープライズ対応の UI コンポーネントで開発を加速
効率的なファイル管理
ドキュメント ライブラリにより、ゼロから構築することなくワークフローを合理化
産業
ソフトウェアと技術
2年 回避された遅延
プロアクティブな計画により 2 年間の遅延を防止
予定どおりの納品
信頼性の高いコントロールを使用してプロジェクトを期日どおりに納品
産業
ITサービスとITコンサルティング
パフォーマンスの向上
大規模データセットを簡単なカスタマイズと迅速なデバッグで処理
高いカスタマイズ性
プラグアンドプレイ方式のコントロールによりテンプレートを素早く統合
産業
プロフェッショナルサービス
即時アクセス
機能とリソースをすぐに利用可能
依存関係の削減
開発を高速化するための依存関係を最小限に
世界中のユーザーからの評価
Syncfusion Blazor Schedulerリソース
受賞歴
偉大さ—自分で言うのではなく、他の人が認めるからこそ意味があります。 シンクフュージョンは以下の賞をいただきました。
Blazor Schedulerのチュートリアルとブログの最近のアクティビティ
Blazor Schedulerのチュートリアルビデオとブログ投稿は、Blazorコンポーネントで最初のアプリを構築する際に役立ちます。問題解決戦略、機能の説明、新機能リリースのお知らせ、ベストプラクティスの説明、シナリオの例の提示などを行います。Blazor Schedulerの最新情報は、ブログやチュートリアルビデオチャンネルでご確認ください。
