Outlookカレンダーの予定を表示する†

↑

概要†

イベントカレンダーコンポーネントに、Outlookカレンダーの予定を表示するサンプルです。
UIのキャンバスアクションに実装を行っています。

当サンプルでは Microsoft Graph API を使用します。
事前に Microsoft Entra ID にアプリケーションを登録し、
クライアントID、クライアントシークレット、テナントIDを取得してください。
また、テナントに登録されているユーザ ID も必要となります。
登録手順や情報の取得方法は Microsoft社の公式サイトをご確認ください。

■参考情報

↑

サンプル導入方法†

■アプリケーションとしてインポートする場合：

  1. 下記 ダウンロード よりアプリケーションファイルを取得
  2. サイドメニュー「アプリケーション」app.png
    　　＞app_add.pngボタンの　インポート　で、取得したアプリケーションファイル「Sample_Calendar_Display_Outlook.zip」を指定して "次へ"
    　　　　　　＞アプリのIDとラベルを確認し、[作成]

■任意のアプリケーションにUIとしてインポートする場合：

  1. 下記 ダウンロード よりUIファイルを取得
  2. 任意のアプリケーションのUIエディタui.pngを開き
    　　＞[作成]
    　　　　＞インポート　で、取得したUIファイル「UI_Calendar_Display_Outlook.zip」を指定して "次へ"
    　　　　　　＞UIのIDとラベルを確認し、[作成]

■以下共通：

  1. UIエディタからキャンバスアクションを開き、以下の項目の値を変更
    • clientId（4行目）：Microsoft Entra IDに登録したアプリケーションのクライアントID
    • clientSecret（5行目）：Microsoft Entra IDに登録したアプリケーションのクライアントシークレット
    • tenantId（6行目）：Microsoft Entra IDのテナントID
    • userId（22行目）：参照したいOutlookカレンダーのユーザID
  2. アプリケーションをデプロイ
↑

実行例†

事前にOutlookカレンダーから予定を設定し、サンプルアプリを起動して、イベントカレンダーコンポーネントに予定が表示されることをご確認ください。

display.png
↑

ダウンロード†

用途に合わせてどちらかを取得してください。

↑

使用機能†

↑

特記事項†

サンプル仕様自体の問合せは、製品保守サービスに含みません。

↑

作成バージョン†

V4.0.1

↑

更新履歴†

2026-05-29 公開


[ 戻る ]