Googleカレンダー&Office 365 カレンダーでイベントを発行するリンクを作成
2024/11/05 (火) - 09:00 HTML
Webサイト上からセミナーやイベントや会議のイベントを、簡単に自分のカレンダーに登録できる昨日を実装します。例として以下のイベントを仮定します。
- イベント名:シェフ大泉による車内クリスマスパーティー
- イベントの詳細:パイ食わねぇか?
- 日時:2024年12月24日19:30〜2024年12月24日23:30
- 場所:HTB駐車場
- 招待したい人のメールアドレス:onちゃん
(安田さん)<on-chan@example.com>
Googleカレンダーリンク発行
以下のフォーマットでパラメータを指定します。
https://www.google.com/calendar/render?action=TEMPLATE&dates=[開始日時]/[終了日時]&location=[場所]&text=[イベント名]&details=[イベントの詳細テキスト]&add=[招待したい人のメールアドレス]
例:https://www.google.com/calendar/render?action=TEMPLATE&dates= 20241224T193000/20241224T233000&location=HTB駐車場&text=シェフ大泉による車内クリスマスパーティー&details=パイ食わねぇか?&add=on-chan@example.com
開始日時と終了日時の指定は、2024年12月24日 19時半であれば、20241224T193000
と指定します。メールアドレスはカンマ(,)区切りで複数指定できます。
Office 365 カレンダー(Outlook)のイベントリンク発行
以下のフォーマットでパラメータを指定します。
https://outlook.office.com/calendar/deeplink/compose?startdt=[開始日時]&enddt=[終了日時]&location=[場所]&subject=[イベント名]&body=[イベントの詳細テキスト]&to=[招待したい人のメールアドレス]
例:https://outlook.office.com/calendar/deeplink/compose?startdt=2024-12-24T19:30:00+09:00&enddt=2024-12-24T23:30:00+09:00&location=HTB駐車場&subject=シェフ大泉による車内クリスマスパーティー&body=パイ食わねぇか?&to=on-chan@example.com
開始日時と終了日時の指定は、2024年12月24日 19時半であれば、2024-12-24T19:30:00+09:00
と指定します。メールアドレスはセミコロン(;)区切りで複数指定できます。
いずれのリンクもWebに掲載する際は日本語部分のパラメータ値はエンコードしてあげる必要があります。大泉洋→%E5%A4%A7%E6%B3%89%E6%B4%8B
のように。
おしまい♥
おすすめ記事
- 画像の読み込み状況をprogress要素(プログレスバー)で表示する
- Next.js App Routerによるhead要素内の設定(meta OGPとかfavicon)
- img要素のwidth/height属性を省いてはいけない(戒め)
- HTML dialog要素の使い方
- パスワード入力フォームでパスワード⇔テキストを切り替える実装
トラックバック & ピンバック
- この記事へのトラックバックURI:
- https://weblog.walk-life.me/calendar_link/trackback/