googleカレンダーに祝日とスケジュール

重要なお知らせ：この方法では、正常に、表示されませんでした。別の方法をこちらに掲載します。
（原因は不明ですが、メインカレンダーを利用せず、サブカレンダーを利用し、iframeするときちんと表示されました。）

スケジュールと日本の祝日を表示

上図のように、googleカレンダーのマイカレンダーに祝日とスケジュールを一緒に表示させてみます。

（この図は、googleカレンダーの入力支援機能により自動出力された<iframe>を用いてウェッブサイト内に表示したものです。）

マイカレンダーにスケジュールを登録すると図１のように表示されます。

図１：マイカレンダーにスケジュール表示

祝日は表示されずに、スケジュール（赤枠）のみが表示されています。

図２は、日本の祝日を表示したカレンダーを示します。（祝日の表し方は、下の方で紹介します。）

図２：日本の祝日

つまり、この図１と図２を合体したものが一番上のカレンダーです。合体したカレンダーを作成します。

手順です。

日本の祝日カレンダーをつくる
日本の祝日カレンダーの情報をical形式でエクスポート
マイカレンダーに２でエクスポートしたical形式の情報をインポート
マイカレンダーをiframeとしてウェッブサイトに表示

※事前に、マイカレンダー内にスケジュールを設定したカレンダー（この場合は「志義ゼミ　イベント」）が準備されている必要があります。

※操作終了後に「カレンダー」に戻る必要があるときは、「カレンダーに戻る」（下図）をクリックします。

カレンダーに戻るときにクリックします。

１．日本の祝日カレンダーをつくる

（１）カレンダ＞他のカレンダー＞おすすめのカレンダーを検索＜図３＞

図３：日本の祝日を表示させる

（２）日本の祝日を選択（クリック）し、右端の登録をクリック＜図４＞

図４：日本の祝日を選択

２．日本の祝日カレンダーの情報をical形式でエクスポート

（１）カレンダーに戻り、左側にあらたに追加された「日本の祝日」の▼ボタンをクリック＞カレンダー設定をクリック＜図５＞

図５：「日本の祝日」＞「カレンカー設定」

（２）「ICAL」（みどり色の）ボタンをクリック＞「カレンダーのアドレス」内の「リンク」（青い部分）をクリック＜図６＞

図６：「ICAL」をクリック、表示されるインク部分をクリック（「ＯＫ」ボタンは、保存後クリック）

（３）「ファイルを保存する」を選択（クリック）し、「ＯＫ」をクリックする。＜図７＞

図７：「ファイルを保存する」を選択（クリック）し＞「ＯＫ」ボタンをクリック

※私の環境（firefox）では、「ダウンロード」フォルダに、「basic.ics」というファイルが保存されていた。
「ICAL」形式のファイルでエクスポートが完了した。
※保存後、（２）の図６に戻るので、「ＯＫ」をクリックして終了。

３．マイカレンダーに２でエクスポートしたical形式の情報をインポート

（１）カレンダーに戻り、「マイカレンダー」の▼をクリックし、「設定」をクリック＜図８＞

図８：「マイカレンダーの▼」をクリック、「設定」をクリック

（２）「カレンダーをインポート」をクリック、表示された「カレンダーをインポート」内で「参照」ボタンをクリック。＜図９＞
（※下の、カレンダー「志義ゼミ　イベント」や「インポート」ボタンは後でクリック）

図9：「カレンダーのインポート」をクリック、表示されたサブパネル内で「参照」ボタンをクリック

（３）「ファイルのアップロード」ダイアログボックスが開くので、さきほど保存された「basic.ics」を選択（クリック）し、「ＯＫ」ボタンをクリック＜図１０＞

図１０：「ファイルのアップロード」ダイアログボックスが開く

（４）（２）の図９に戻るので、「志義ゼミ　イベント」（インポート先のカレンダー名）をクリック（すでに表示されているかも）、「インポート」ボタンをクリック。

図１１：「カレンダーをインポート」が開くので、「閉じる」クリック

データのインポートが成功すると、上記のように「カレンダーのインポート」画面が表示された。

「閉じる」ボタンをクリックする。＜図１１＞

※「カレンダーに戻る」ボタンをクリックして、カレンダーに戻ります。

４．マイカレンダーをiframeとしてウェッブサイトに表示

（１）「志義ゼミ　イベント」の右▼ボタンをクリックし、「カレンダー設定」をクリックする。＜図１２＞

図１２：「志義ゼミ　イベント」右▼ボタンをクリック

（２）「このコードをウェッブサイトに貼りつけてください。」の下に表示されている<iframe>〜</iframe>までをコピーして、ウェッブサイトの任意の場所に貼り付ける。＜図１３＞

※私の場合は、Wordpressのウィジェットのテキストを利用してサイドバーに表示しています。

図１３：<iframe>〜</iframe>までをコピー

こんな感じに表示されました。＜図１４＞「お疲れ様でした。」

図１４：スケジュールと日本の祝日が一緒に表示された

＜＜予告＞＞

※次は、「Google_Calendar_Events」と連携させます。＜図１５＞

図１５：連携