「CalPush for Web」機能仕様兼導入手順書
CalPush 機能並びに導⼊⼿順説明書

株式会社 AnchorZ
2021 年 9 ⽉ 10 ⽇
Copyright © 2018 AnchorZ Inc. All rights reserved.

株式会社 AnchorZ

⽬次
1

機能概要 ..........................................................................................................................................................................................................42

動作環境 ..........................................................................................................................................................................................................4

32.1

推奨する動作環境..................................................................................................................................................................................42.2

制限事項 .................................................................................................................................................................................................5

CalPush のクラス定義 ........................................................................................................................................................................................6
3.1
3.1.1

event ...............................................................................................................................................................................................6

3.1.2

event_button ..................................................................................................................................................................................6

3.1.3

event_title.......................................................................................................................................................................................6

3.1.4

event_location ................................................................................................................................................................................6

3.1.5

event_datetime ..............................................................................................................................................................................6

3.1.6

event_remind .................................................................................................................................................................................7

3.1.7

event_content ................................................................................................................................................................................7

3.2

4

CalPush のカレンダー登録⽤基本クラス ..................................................................................................................................................6

CalPush の拡張機能クラス ......................................................................................................................................................................7

3.2.1

event_rrule .....................................................................................................................................................................................7

3.2.2

event_rrule の記載⽅法 ................................................................................................................................................................83.2.3

event_group ...................................................................................................................................................................................83.2.4

calpush_event ................................................................................................................................................................................9

導⼊⼿順及び導⼊⽅法 ..................................................................................................................................................................................94.1

CalPush のアカウント発⾏ ........................................................................................................................................................................94.2

CalPush ライブラリのパス ...........................................................................................................................................................................94.3

CalPush のイベント情報の記載 ...............................................................................................................................................................94.3.1

単発イベントの登録 ........................................................................................................................................................................94.3.2

複数回リマインド ...........................................................................................................................................................................104.3.3

⼀括登録イベント .........................................................................................................................................................................114.3.4

繰返しイベントの登録 ...................................................................................................................................................................124.4

CMS と CalPush の連携 .........................................................................................................................................................................121

株式会社 AnchorZ
4.4.1

CalPush の動作開始タイミング......................................................................................................................................................124.4.2

CMS と CalPush の連携について ...................................................................................................................................................122

株式会社 AnchorZ

はじめに【適⽤範囲】
本書は、CalPush の機能及び導⼊⼿順について⽰した仕様書です。
【対象読者】
CalPush のサービスを導⼊する関係者になります。また本書を受領時に以下の条項に同意いただいたものとします。
【仕様書内語句説明】
本仕様書内全般で使⽤する語句の説明を⾏います。
「CalPush for Web」（略称 CalPush）︓CalPush とは、Web 上にあるイベント情報を専⽤のアプリケーションを必要とせず、CalPush により簡単にユーザーのカレンダーに登録することができる Web サービスのことです。
カレンダーへ登録︓イベント情報（予定など）をユーザーのカレンダーに追加することです。
イベント︓カレンダーに追加する予定（予定の題名、内容、開始時間・終了時間、場所、通知時間などの情報を含めた予定）のことです。

【不正競争防⽌法について】
相⼿に開⽰する情報が、事業活動に有⽤な技術上、営業上の情報（営業秘密）である場合、相⼿がその情報を使って不正に利益を得たり、開⽰者に害を加える⽬的で情報を使⽤することは、不正競争防⽌法で禁⽌されています。これに違反した場合は 10 年以下の懲役もしくは２千万円以下の罰⾦に処せられます（経済産業省引⽤）。

3

株式会社 AnchorZ

1 機能概要「CalPush for Web」（カルプッシュ）とは Web サイトに表⽰されているイベントなどのスケジュール情報をクリック/タップするだけで、閲覧者のスマホやタブレット、PC のカレンダーに、簡単に連携できるアプリ不要の Web サービスです。

2 動作環境2.1 推奨する動作環境
カルプッシュはブラウザで動作するイベント情報をカレンダーへ登録するサービスです。動作する OS と推奨ブラウザは下記になります。
表 2.1 カルプッシュの動作環境動作する OSPC
スマットフォン

Windows7 以降

推奨ブラウザ
Microsoft Edge, Chrome, Firefox

MacOS X10.8 以降

Safari, Chrome, Firefox

iOS8 以降

SafariAndroid4.4 以降

Chrome表 2.2 登録するカレンダー

ブラウザ

カレンダー

MacOS の Safari

MacOS の標準カレンダーに登録します。

iOS の Safari
Edge

iOS の標準カレンダーに登録します。

ChromeGoogle カレンダーに登録します。

その他のブラウザ

Google カレンダーに登録します。

Google カレンダーに登録します。

※注１︓Google アカウントへのログイン
カレンダー登録を⾏う時に、Google アカウントへのログインをしていない場合、Google アカウントのログイン画⾯が表⽰され、Google アカウントへログインしてからイベントをカレンダーに登録されます。⼀度ログインが完了すれば以後は不要となります。
※注２︓Google カレンダーへのアクセス許可
初めて Web から Google カレンダーにイベントの登録を⾏う場合、Google からカレンダーへアクセス許可を求める場合があります。この場合、下記のような画⾯が表⽰されます。この画⾯にある「許可」ボタンをクリックして頂きますと、イベントを Google カレンダーに登録されます。このカレンダーへのアクセス「許可」を求められるのは 1 回だけです。次回から⾃動的にカレンダーにイベントを登録されます。

図 2-1 Google からのカレンダーアクセス許可画⾯

4

株式会社 AnchorZ

2.2 制限事項
ブラウザによる「プライベートモード」などの制限によって、カルプッシュが動作しない場合があります。

5株式会社 AnchorZ

3 CALPUSH のクラス定義
お客様の CalPush を導⼊するサイトの HTML に、カレンダー登録に必要なイベント情報を記載して頂く必要があります。記載できる項⽬は下記の項⽬になります。
イベントの「件名」、「場所」、「⽇時」（開始時間〜終了時間）、「内容」と「通知時間」になります。

3.1 CALPUSH のカレンダー登録⽤基本クラスイベント情報を CalPush が指定するクラス並びにルールに従って記載する必要があります。CalPush からカレンダー登録を⾏うための幾つかのクラスを⽤意しています。下記にクラスの定義並びに記載⽅法について記述します。

3.1.1

event

クラス名︓event
記載⽅法︓<div class=”event”></div>
記載箇所︓HTML 上に CalPush 登録ボタン⼜はリンクが配置しているところに記載します。（複数箇所の記載は可能）
記載内容と機能︓
event クラスの配下に CalPush がカレンダーに登録するイベント情報を記載することになります。HTML 上に記載するクラス event をカレンダー登録する処理を⾏うためのクラスとして認識します。このクラスの配下にカレンダーに登録する際の必要な情報を記載することになります。

3.1.2

event_button

クラス名︓event_button
記載⽅法︓<button class=”event_button”>カレンダーへ登録</button>
⼜は︓<a href="javascript:void(0);" class="event_button"></a>
記載箇所︓クラス event の配下に記載します。
機能︓HTML 上にクラス event_button で指定されたボタン⼜は<a>タグをクリックすることで、カレンダー登録処理が起動し、event に記載されるイベント情報をユーザーのカレンダーに追加します。クラス event_button がクラス event の配下に記載します。

3.1.3

event_title

クラス名︓event_title
記載⽅法︓<div class=”event_title”>イベントのタイトル</div>
記載箇所︓ event_title は event クラスの配下に記載します。
記載内容︓event_title クラスにイベントのタイトルを記載し、画⾯上に⾮表⽰に設定します。

3.1.4

event_location

クラス名︓event_location
記載⽅法︓<div class=”event_location”>イベントの場所</div>
記載箇所︓event_location は event クラスの配下に記載します。
記載内容︓event_location クラスにイベントの場所情報をこのクラスに記載し、画⾯上に⾮表⽰にします。

3.1.5

event_datetime

クラス名︓event_datetime6

株式会社 AnchorZ
記載⽅法︓イベントの開始時間と終了時間をクラス event_datetime に下記の形式で（イベントの開始時間 〜 イベントの終了時間）記載します。記載する際に、画⾯上に⾮表⽰に設定します。
yyyy/mm/dd hh:mm〜 yyyy/mm/dd hh:mm<div class="event_datetime"> yyyy/mm/dd hh:mm〜 yyyy/mm/dd hh:mm </div>※注︓ イベントの終了時間について︓
下記のようにイベントの開始時間しか記載しない場合、イベントの終了時間をデフォルトで「開始時間＋１時間」をイベントの終了時間として設定されます。
<div class="event_datetime"> yyyy/mm/dd hh:mm 〜 </div>
なお、イベントの終了時間＞イベントの開始時間にする必要があります。そうでない時に calpush は動作しません。
記載箇所︓event_datetime は event クラスの配下に記載します。
記載内容︓event_datetime クラスにイベントの開始時間と終了時間をクラス event_datetime に記載し、画⾯上に⾮表⽰にします。

3.1.6

event_remind

クラス名︓event_remind
記載⽅法︓記載⽅法︓<div class="event_remind">通知時間</div>
通知時間はイベントの開始⽇時から前を持って、イベント開始⽇時からの差分になります。
通知（リマインド）時間の指定⽅法は下記のようになります。
分単位︓12m ⇒ 12 分前
時間単位︓3h ⇒ 3 時間前
⽇単位︓4d ⇒ 4 ⽇前（24 時間*4）※通知時間の設定に複数の単位を混合して使うことはできません。
記載箇所︓ event_remind は event クラスの配下に記載します。（⼆つまで記載可能、具体的には 4.3.2 を参考してください）記載内容︓イベントの内容をクラス event_content に記載し、HTML 上に⾮表⽰に設定します。
参考の例︓4.3.2 複数回リマインド

3.1.7

event_content

クラス名︓event_content
記載⽅法︓記載⽅法︓<div class="event_content">イベントの内容をここに記載します</div>
記載箇所︓event_content は event クラスの配下に記載します。
記載内容︓event_content クラスにイベントの内容を記載し、HTML 上に⾮表⽰に設定します。
※注︓イベントの内容は通常のテキスト⽂になっていますので、改⾏して記載する場合通常の PC の「改⾏」キーで改⾏します。改⾏した後の⾏の先頭に HTML 上のスペースを空けないようにして頂きます。スペースを⼊れると、カレンダー上のイベント内容の表⽰には空⽩のスペースが表⽰されてしまいます。（<br>では改⾏出来ません）

3.2 CALPUSH の拡張機能クラス
3.2.1

event_rrule

event_rrule クラスは繰返しイベントの繰返しリールを設定するために利⽤するクラスになります。
クラス名︓event_rrule
記載⽅法︓記載⽅法︓<div class="event_rrule">繰返しのルール</div>
繰返しのルールとは下記のように、期間と繰返しの終了⽇などを記載します。
例１︓毎週、⽉曜⽇、2016 年 11 ⽉ 30 ⽇までの場合、繰返しのルールは下記になります。
<div class="event_rrule">WEEKLY;UNTIL=20161130T240000Z;BYDAY=MO</div>7

株式会社 AnchorZ※イベントの開始⽇時はクラス event_datetime に記載します。
例２︓毎週⽕曜⽇、全部で 10 回の場合、繰返しのルールは下記になります。
<div class="event_rrule">WEEKLY;COUNT=10;BYDAY=TU</div>※イベントの開始⽇時はクラス event_datetime に記載します。
記載箇所︓event_rrule は event クラスの配下に記載します。
記載内容︓event_rrule クラスにイベントの繰返しルールを記載し、HTML 上に⾮表⽰に設定します。
参考の例︓4.3.4 繰返しイベントの登録

3.2.2

event_rrule の記載⽅法

繰返しイベントの繰返しパターンについては、⽇毎（DAILY）、週毎（WEEKLY）、⽉毎（MONTHLY）、年毎（YEARLY）、⽇⼜は曜⽇（MO、TU、WE、
TH、FR、SA、SU）また繰返しの回数を指定して設定することができます。繰返しパターンのルールの記載⽅法については下表 4-１の記載例をご参照ください。
表 4-1 繰返しパターンのルールの記載例
繰返*頻度
繰返*
繰返*期間又s回数,-./0q間隔
繰e返*ghij例
MFFN/0q
期間
回数
ZJ?:V/0q.?:FGH-/>?:./IJ>?:
0F-G/0q
毎日'期限)*+++,-./0
毎日'1234年23月73日89+12342373:1;2222<+1日AB'全部9E回
1+E
毎週'123E年31月73日89+
123E3173:3L2222<+
毎週'全部932回++
32
毎週'日曜日+12342373:222222<+
1234年23月73日89
毎週'火曜日MFFN/0++32
全部932回
毎週S火曜日B木曜日+
123E3173:222222<+
123E年31月73日89
1週間ABW日曜日W金曜日
11234232E:242222<+
1234年23月2E日89
毎月'1L日1234年27月73日89
毎月'1日[3E日W全部932
回

ZJ?:V/0

1\月ABW第;金曜日
1234年4月1L日89
毎年
123L年32月3_日89
1年AB
123L年32月1L日89
毎年'4月'L月
全部932回

0F-G/0日

月日

Q0,-0

Q0ZJ?:V,0++++++++++P>+:>+:>U:V+P>UYG

+

記載例

,-./0
,-./0=>?:./@12342373:1;2222<,-./0=.?:FGH-/@1=IJ>?:@E
MFFN/0=>?:./@123E3173:3L2222<MFFN/0=IJ>?:@32MFFN/0=>?:./@12342373:222222<=
Q0,-0@P>
MFFN/0=IJ>?:@32=Q0,-0@:>
MFFN/0=>?:./@123E3173:222222<=
Q0,-0@:>U:V
MFFN/0=>?:./@1234232E:242222<=.?:FGH-/@1=Q0,-0@P>UYG
ZJ?:V/0=>?:./@12342773:222222<=
Q0ZJ?:V,-0@1L
ZJ?:V/0=IJ>?:@32=
Q0ZJ?:V,-0@1U3E
ZJ?:V/0=>?:./@1234241L:2^7222<=.?:FGH-/@1=Q0,-0@;YG+12342773:222222<++1L++32+

1U3E

11234241L:2^7222<+;YG++

123L323_:332222<+++0F-G/0=>?:./@123L323_:332222<1

123L321L:317222<+++0F-G/0=>?:./@123L321L:317222<=.?:FGH-/@1++32+4UL

0F-G/0=IJ>?:@32=Q0ZJ?:V@4UL`曜日S定義c
月曜日cZJW'火曜日c:>W'水曜日cMFW'木曜日c:VW'金曜日cYGW'土曜日cP-W'日曜日cP>W

3.2.3

event_groupevent_group クラスは⼀括で複数の異なるイベントを同時にカレンダーに登録するためのクラスになります。
クラス名︓event_group
記載⽅法︓記載⽅法︓<div class="event_group">⼀括で登録する各々のイベント情報</div>
記載箇所︓event_group は event クラスの配下に記載し、⼀括で登録する各々のイベントにクラス event_group を記載します。
記載内容︓⼀括で登録する各々のイベント情報をクラス event_group の配下に記載し（CalPush のカレンダー登録⽤基本クラスの記載⽅に従って記載する）、HTML 上に⾮表⽰に設定します。
参考の例︓4.3.3 ⼀括登録イベント

8

株式会社 AnchorZ

3.2.4

calpush_event

calpush_event クラスは HTML 上にイベントのタイトル、時間、場所、内容などを画⾯の決まった位置に表⽰される場合（テーブル形式など）、CalPush 側のカスタマイズ設定により⾃動的に HTML を解析し、CalPush を導⼊するためのクラスになります。
クラス名︓calpush_event
記載⽅法︓<table class="calpush_event">

⼜は︓<div class="calpush_event">
記載箇所︓HTML 上にテーブル形式で表⽰される HTML の該当箇所に記載します（導⼊に関する詳しい情報を弊社に別途ご相談とご連絡をお願いします）
記載内容︓CalPush でカレンダー登録に必要なところに上記クラス calpush_event の記載以外の記載はありませんが、お客様の CalPush 導⼊サイトの構成により弊社側でカスタマイズ設定する必要があります。

4 導⼊⼿順及び導⼊⽅法
CalPush を導⼊する時に、お客様が CalPush を導⼊するサイトにお客様専⽤のカレンダー登録処理をするためのライブラリ（calpush.js）のパスと CalPush でカレンダー登録するための情報を HTML のタグに記載して頂く必要があります。具体的な導⼊⼿順と導⼊時に HTML への記載⽅
法については下記に記述します。

4.1 CALPUSH のアカウント発⾏
お客様専⽤の CalPush アカウントを発⾏します。発⾏⽅法は AnchorZ または、代理店にお問い合わせください。アカウントが発⾏されましたら、お客様⽤の CalPush の Javascript のライブラリ（calpush.js）のパスが決定され、お客様の CalPush を導⼊するサイトに CalPush のライブラリのパスとカレンダー登録に必要な情報を記載して頂き、CalPush でカレンダー登録ができるようになります。

4.2 CALPUSH ライブラリのパス
お客様専⽤の CalPush のライブラリ calpush.js をお客様の CalPush 導⼊サイトの HTML に読み込ませて、CalPush がカレンダー登録処理を⾏います。CalPushライブラリのパスは下記のようになります。
<script type="text/javascript" src="//calpush.addirect.promise-mail.com/XXX/calpush.js" charset="utf-8"></script>※上記の XXX には、お客様に CalPush のアカウントを発⾏する時に、弊社からお客様に具体的な情報をお渡しします。

4.3 CALPUSH のイベント情報の記載
CalPush でカレンダー登録ボタン（⼜はリンク）を設定する箇所に、カレンダーに登録するイベント情報を本書の４章に記述する CalPush の各々のクラスに必要なイベント情報を記載する必要があります。カレンダー登録の種類により、記載⽅法は少し異なりますが、具体的な記載⽅
法は下記の記載例をご参照ください。

4.3.1

単発イベントの登録

CalPush 導⼊するサイトの HTML に下記の情報を記載して、CalPush の導⼊は完了になります。
① お客様専⽤の CalPush ライブラリの JS パス<script type="text/javascript" src="//calpush.addirect.promise-mail.com/ XXX /calpush.js" charset="utf-8"></script>

9株式会社 AnchorZ※上記の XXX には CalPush 導⼊するお客様に別途記載情報をお渡しします。
② カレンダー登録に必要な情報を HTML の div タグに記載する
下記のイベントを CalPush でユーザーのカレンダーに登録させる場合の記載は下記の通りになります。
例︓IoT セミナーのイベント情報は下記になります。
イベントのタイトル︓IoT セミナー
開催時間︓2017 年 3 ⽉ 21 ⽇ 14:00〜17:00 時
開催場所︓幕張メッセ
イベント内容︓IoT の概念から実際のデバイスを使⽤して IoT 的な体験まで、IoT を⽀える基本的な技術及びその全体像を理解でき、⾝近な環境の中でのIoT の可能性を深めることが出来るセミナーです。
上記イベントを下記のように CalPush の該当クラスに必要な情報を記載します。
HTML 上の記載例︓<div class=”event”><button class=”event_button”>カレンダーへ登録</button><div style=”display: none”><div class=”event_title”> IoT セミナー</div><div class=”event_location”>幕張メッセ </div><div class="event_datetime">2017/03/21 14:00〜2017/03/21 17:00</div><div class=”event_remind”>30m</div><div class=”event_content”> IoT の概念から実際のデバイスを使⽤して IoT 的な体験まで、IoT を⽀える基本的な技術及びその全体像を理解でき、⾝近な環境の中での IoT の可能性を深めることが出来るセミナーです。</div></div></div>

上記のように情報を記載して頂けますと、お客様の CalPush 導⼊されるページ上に⼀つの CalPush のカレンダー登録ボタン（例えば、 ボタン）の配置は完了になります。このボタンをクリックすると、上記のイベント情報をユーザーのカレンダーに登録されます。

なお、お客様のニーズに応じて、同じサイト（画⾯）に幾つでもカレンダー登録ボタンを配置することが出来ます。

4.3.2

複数回リマインド

複数回リマインドを設定する場合、リマインドの回数を指定することで、にリマインドの時間を個別に設定できます。例えば、リマインドを２回にして、⼀回⽬はイベント開始の２時間前にし、⼆回⽬はイベント開始前の 30 分に設定する場合は下記のように設定します。
HTML 上の記載例︓<div class=”event”><button class=”event_button”>カレンダーへ登録</button><div style=”display: none”><div class=”event_title”> PromiseMail 製品説明会</div><div class=”event_location”>東京都千代⽥区岩本町 2-4-5 インスタイルスクエアビル 12F </div><div class="event_datetime">2017/03/21 11:00〜2017/03/28 17:00</div><div class=”event_remind”>30m</div><div class=”event_remind”>2h</div><div class=”event_content”> Promise Mail はスマートフォンで唯⼀カレンダーとメーラーが⼀体となったアプリです。メールを送受信するたけで、予定が⾃動的に登録される、独⾃の解析エンシン（PMEngine）を搭載。
PromiseMail に関するありとあらゆる問題を出題します︕
http://anchorz.co.jp/</div></div>

10

株式会社 AnchorZ</div>

4.3.3

⼀括登録イベント

⼀括登録は 1 度のカレンダー登録によって複数の異なるイベントをカレンダーに登録することができる機能です。CalPush の⼀括登録の導⼊⽅法について下記の⼆つのイベントを例にして説明します。
イベント１︓
イベントのタイトル︓PromiseMail 製品説明会
開催時間︓2016 年 10 ⽉ 03 ⽇ 16:00〜18:00 時
開催場所︓東京都千代⽥区岩本町 2-4-5 インスタイルスクエアビル 12F
イベント内容︓Promise Mail はスマートフォンで唯⼀カレンダーとメーラーが⼀体となったアプリ。メールを送受信するたけで、予定が⾃動的に登録される、独⾃の解析エンシン（PMEngine）を搭載。PromiseMail に関するありとあらゆる問題を出題します︕
http://anchorz.co.jp/
イベント２︓
イベントのタイトル︓IoT セミナー
開催時間︓2016 年 10 ⽉ 21 ⽇ 14:00〜17:00 時
開催場所︓幕張メッセ
イベント内容︓IoT の概念から実際のデバイスを使⽤して IoT 的な体験まで、IoT を⽀える基本的な技術及びその全体像を理解でき、⾝近な環境の中でのIoT の可能性を深めることが出来るセミナーです。
CalPush により 1 度のカレンダー登録で上記⼆つのイベントをカレンダーに登録するには、下記のようにイベント情報を記載します。
HTML 上の記載例︓<div class=”event”><button class=”event_button”>カレンダーへ登録</button><div class="event_group" style=”display: none”><div class=”event_title”> PromiseMail 製品説明会</div><div class=”event_location”>東京都千代⽥区岩本町 2-4-5 インスタイルスクエアビル 12F </div><div class="event_datetime">2016/10/03 16:00〜2016/10/03 18:00</div><div class=”event_remind”>30m</div><div class=”event_content”> Promise Mail はスマートフォンで唯⼀カレンダーとメーラーが⼀体となったアプリ。メールを送受信するたけで、予定が⾃動的に登録される、独⾃の解析エンシン（PMEngine）を搭載。
PromiseMail に関するありとあらゆる問題を出題します︕
http://anchorz.co.jp/</div></div><div class="event_group" style=”display: none”><div class=”event_title”> IoT セミナー</div><div class=”event_location”>幕張メッセ</div><div class="event_datetime">2016/10/21 14:00〜2016/10/21 16:00</div><div class=”event_remind”>2h</div><div class=”event_content”> IoT の概念から実際のデバイスを使⽤して IoT 的な体験まで、IoT を⽀える基本的な技術及びその全体像を理解でき、⾝近な環境の中での IoT の可能性を深めることが出来るセミナーです。</div></div></div>

11

株式会社 AnchorZ

4.3.4

繰返しイベントの登録

CalPush で繰返しイベント登録をご利⽤される場合は、そのイベントの繰返しパターンのルールをクラス event_rrule に記載して頂く必要があります。記載されるルールに基づき、カレンダーに繰返しイベントを登録されます。
HTML 上の記載例１︓

例えば、毎週⼟曜⽇の 21 時か〜22 時にドラマの放送時間をカレンダーに登録するには、下記のようにイベント情報を記載します。
<div class=”event”><button class=”event_button”>カレンダーへ登録</button><div style=”display: none”><div class=”event_title”> ANZ ⼟曜劇場、世界⼀周の旅</div><div class=”event_location”>ANZ チャネル</div><div class="event_datetime">2016/10/23 21:00〜2016/10/23 22:00</div><div class=”event_remind”>30m</div><div class="event_rrule">WEEKLY;UNTIL=20161231T230000Z;BYDAY=SU</div><div class=”event_content”> 世界１周の旅をする若者達の奇遇の⾯⽩いストリー。</div></div></div>HTML 上の記載例２︓
上記記載例１のイベント終了⽇時を指定せず、イベントの回数を指定することも出来ます。この例では、毎週⼟曜⽇の 21 時〜22 時まで、2016 年 10 ⽉ 23⽇から計 10 回カレンダーに予定を登録することができます。
<div class=”event”><button class=”event_button”>カレンダーへ登録</button><div style=”display: none”><div class=”event_title”> ANZ ⼟曜劇場、世界⼀周の旅</div><div class=”event_location”>ANZ チャネル</div><div class="event_datetime">2016/10/23 21:00〜2016/10/23 22:00</div><div class=”event_remind”>30m</div><div class="event_rrule"> WEEKLY;COUNT=10;BYDAY=SU </div><div class=”event_content”> イベントの内容説明</div></div></div>

4.4 CMS と CALPUSH の連携
4.4.1

CalPush の動作開始タイミング

CalPush が導⼊された Web サイトがロードされる時に、お客様⽤の CalPush のライブラリ（calpush.js）はロードされます。Web ページのロードが完了すると、そのページに配置されている CalPush のカレンダー登録ボタン⼜はリンクに記載されるイベント情報に基づいてカレンダー登録するための前処理を⾏います。

4.4.2

CMS と CalPush の連携について

CalPush が Web サイトのロードを完了すると、カレンダー登録するための前処理を⾏うため、CMS により Web ページを⽣成するタイミングで CalPush のカレンダー登録を⾏える該当箇所にカレンダー登録に必要な情報を CalPush が定義するクラスの記載⽅法に基づいて記載して頂く必要があります。
CMS により Web ページのロードが終わると、CalPush のカレンダー登録の前処理が実⾏され、ユーザーがカレンダー登録ボタン⼜はリンクをクリックすると、前処理の結果により、カレンダー登録処理を⾏います。
カレンダーへ登録する情報の変更・更新は Web ページが再度ロードされるまで変更⼜は更新されません。

12