予定をカレンダービューに表示する

1. このページで伝える機能

予定を日付の位置に配置し、月・週・日を切り替えて確認できます。時刻付きと終日の予定を同じカレンダーで扱えます。

2. Wagby11で実現できること

会議室予約の日時・件名・終日フラグをカレンダーへ割り当てました。月表示では日ごとの予定を見渡し、週・日表示では時間帯を確認できます。

週表示では、時刻付きの予定を時間軸へ、終日の予定を上部へ表示します。予定を選ぶと予約の詳細を開けます。登録・更新は通常の入力画面で行います。

3. AIへの指示例

最小限の指示例

会議室の予定を、月・週・日で確認できるカレンダーにしてください。

AIは開始・終了日時に使う項目、終日の表し方、表示する件名や担当者を類推して補います。最初に開く表示単位や、対象にしたい予定を追加で指定できます。

より詳細な指示例

会議室予約に開始日時・終了日時・終日・件名・担当者・場所・備考を持たせ、予約カレンダーを用意してください。月・週・日を使い、最初は月表示にします。終日は翌日0時を終了にする形式とし、予定から標準詳細へ移動できることを確認してください。
既存のモデル・データ・権限を保持し、Wagby11のguide・referenceを確認してください。メニューと一般利用者向け操作マニュアルを更新し、生成・ビルド後に画面と保存結果を確認してください。

4. 編集されるAppSchemaの例

以下は関連する定義の抜粋です。構文を覚えなくても、実現したい表示や操作をAIへ伝えられます。

ui:
  calendar_views:
    - id: booking-calendar
      mappings:
        start: startAt
        end: endAt
        all_day: allDay
        title: title
        assignee: ownerName
        location: location
        description: notes
      views: [month, week, day]
      default_view: month

開始・終了にはdatetime、終日にはbooleanを使います。期間は開始を含み終了を含まない形で保存します。例えば10月29日だけの終日予定は29日0時から30日0時です。日時の計算と表示はアプリのタイムゾーンに従います。

5. 参考資料

guide：予定をカレンダービューに表示する

designer/docs/appschema/html/guide/07-screens/15-calendar-view.html

reference：UI設定

designer/docs/appschema/html/reference/10-ui.html

reference：メニュー

designer/docs/appschema/html/reference/13-menus.html