概要

現在、イーストでは出社予定（座席予約）をOutlookに特定のプレフィックスを付けて予定登録、管理しています。
予定登録するサイトでは個人の月表示はないため、今月、来月いつ出社だっけ？などぱっと確認できない、Webサイトなのでスマホからの確認が不便（デザインも）
と言うことで、スマホを意識したデザインで特定のOutlookの予定を表示するPowerAppsを作成し、Teamsに組み込めば確認がしやすいのではと考え作成してみました。

前提

  • Outlookの予定であること
  • プレフィックスが付いているなど特定が可能なこと
  • 予定の登録などの管理は別で行う（Webサイト、Outlook）

Outlook予定カレンダーを表示

縦表示で新しい画面を[テンプレート]の[カレンダー]を追加します。

これだけでOutlookの予定をカレンダー表示し、選択した日付の詳細を表示できます。

縦表示に合わせてコントローラを下部に持っていき、縦横幅を調整し、曜日を一文字に調整します。

特定の予定のみ表示（出社予定）

出社予定は「出社：」が頭に付いているので、それが付いている予定のみに絞り込みます。

  • カレンダーの予定あり表示の絞り込み
  • 予定詳細の表示絞り込み

    また不要な表示を削除。

その他表示調整、機能

  • 上部のOutlook予定表ドロップダウン削除

    Outlookの予定表の名前が一定ではないためテンプレートでは選択させ表示するようになっているが、一手間多いため、予定表の名前決め打ちで（予定表 or Calendar）で画面表示した時に表示するようにする。
    以下を画面のOnVisibleに追加する
Set(_myCalendar, LookUp(Office365Outlook.CalendarGetTables().value,DisplayName="予定表" || DisplayName="Calendar"));
  • 予定のコピー
    以下の関数を利用してOutlookの予定を削除できるので、予定詳細にボタン、画像を用意してOnSelectに設定することで出来ます。
    コピー先の日付は別途日付選択コントローラを用意するなどして指定します。
Office365Outlook.V4CalendarPostItem(
    gblMyCalender,
    _copySubject,　-- コピーする予定件名
    DateValue(ThisRecord.Date),
    Text(DateAdd(DateValue(ThisRecord.Date), 1, TimeUnit.Days), "yyyy/mm/dd" ), 　-- コピー先予定日
    "UTC",
    {isAllDay:true}
)
  • 予定の削除
    以下の関数を利用してOutlookの予定を削除できるので、予定詳細にボタン、画像を用意してOnSelectに設定することで出来ます。
Office365Outlook.CalendarDeleteItemV2(
 _myCalendar.Name, -- 予定表明
  ThisItem.Id -- 削除したい予定
);

その他、色の調整、祝日、部署の出社予定の取得表示を行いました。


Teamsに公開、共有

右上のTeamsアイコンをクリックし、Teamsに公開します。


このままで開発したユーザーまたは開発したチームに所属しているユーザーのみになっているので、他のユーザーに共有します。
共有はユーザー単位ではなくセキュリティグループを指定することになるので、適切なセキュリティグループを事前に作成しておくとよいです。