スマートフォンサイトを表示する

  1. TOP
  2. ホームページのクオリティアップ術:制作編 : 第2回 詳細の予定が見えるカレンダーをホームページに設置・公開してみよう

エキスパートコラム

ホームページのクオリティアップ術:制作編(全11回)

第2回:詳細の予定が見えるカレンダーをホームページに設置・公開してみよう

執筆:赤間 公太郎(株式会社マジカルリミックス)

2015年6月8日更新(2017年9月6日改訂)

  • このエントリーをはてなブックマークに追加

閲覧数8,979views

このコラムをPDF形式でダウンロードする

"ホームページのクオリティアップ術:制作編"のコラムを担当する、マジカルリミックスの赤間です。全11回のこのコラムでは、ホームページづくりに役立つサービスやその利用方法をご紹介していきます。

便利な無料のWebサービスを活用して、効率よく質の高いホームページを目指しましょう。

Google カレンダーとは?

Googleが提供するカレンダーサービス「Google カレンダー」を利用すると、スケジュール管理ができるようになります。Google カレンダーは、パソコンはもちろん、iPhoneやAndroidスマートフォン、タブレットでも利用することができるため、Googleの数あるサービスの中でもとても人気が高いものです。

Google カレンダー

Google カレンダーを利用するには、無料のGoogleアカウントが必要です。 「第1回:メールだけじゃない!「Gmail」はGoogleが提供するあらゆるサービスを利用するのに必要なもの」で説明した手順で、Googleアカウントを作成しておきましょう。

Google カレンダーを設置しているホームページ その1(Jimdoカフェ 仙台)

Jimdoカフェ 仙台のホームページです。カフェレッスンの受付状況をGoogle カレンダーで公開しています。Google カレンダーで打ち込んだ文字がそのまま出るため、「予約中!」「予約あり」など、現在の受付状態を詳しく伝えることができます。

開催日案内 | Jimdoカフェ 仙台

Google カレンダーを設置しているホームページ その2(Sendai's Sensei)

英語教師がプライベートレッスンを行っているホームページです。自身の予定をGoogle カレンダーに書き込んで、それをページに表示させています。この情報を公開することにより、レッスンの予約の際に、すでに埋まっているスケジュールを伝えることができます。

さらに、Google カレンダーには、実際にレッスンをする人の名前が記入されてていますが、設定を調整することにより記述内容の公開は行わず、表面的に「予定あり」とだけ表示されます。プライバシーにも配慮された状態で公開されています。

スケジュール | Sendai's Sensei

Google カレンダーの予定をJimdo内で公開

では、実際にGoogle カレンダーを外部に公開して、Jimdoに埋め込んでみましょう。

カレンダーの共有設定

マイカレンダーに表示されているシートにマウスカーソルを乗せると、右側に▼が表示されます。この▼をクリックして、さらに詳細な内容を表示させます。次に「このカレンダーを共有」をクリックします。

カレンダーの公開・非公開設定

画面上部にある「このカレンダーを一般公開する」にチェックを入れます。Google カレンダーは、シートごとにその予定を公開することができます。例えば、プライベートの予定と、周りに公開したい予定を、別々のシートに分けることで公開する内容を区分します。

「予定の時間枠だけを一般に公開(詳細は非表示、検索の対象にもならない)」にチェックを入れた場合は、外部向けの表示は「予定あり」とだけ表示されるようになります。内容を公開したくない場合は、チェックを入れます。

最後に保存ボタンを押して完了です。基本的には、この手順だけで、Google カレンダーが外部に公開されたことになります。

そして、公開されたカレンダーは、Jimdoに組み込むことが可能となります。続いて、埋め込む方法を解説します。

カレンダーをJimdoに埋め込むためのコードをコピー

「カレンダーの情報」タブをクリックし、カレンダーについての編集画面を開きます。中程に「このカレンダーを埋め込む」というエリアがあります。ここに四角の枠で囲まれたエリアにコードがありますので、すべて選択し、コピーします。

Jimdoに埋め込む

Jimdoにコンテンツを追加の際、「…その他コンテンツ&アドオン」という青いボタンがありますので、そこをクリックし隠されたメニューを表示させます。そして、[Googleカレンダー]をクリックし項目を追加します。

入力エリアに、先ほどコピーしておいたコードを貼り付け[保存]ボタンを押します。

これで、公開したGoogle カレンダーが表示されました。

まとめ

  • Google カレンダーは、シートごとに公開が可能
  • 詳細な内容を表示する以外に「予定あり」とだけ表示させることも可能
  • Jimdoには、[Googleカレンダー]を利用してコードを挿入する

次回は、「Googleのカスタム検索エンジンを利用して、Jimdoに検索機能をつける」をお伝えします。(つづく)

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

赤間 公太郎(あかま・こうたろう)

赤間 公太郎(あかま・こうたろう)

株式会社マジカルリミックス 代表取締役CEO/JimdoExpert
http://www.magical-remix.co.jp/
http://www.kotalog.net/

宮城県出身。IT関連の専門学校を卒業後、仙台のデザイン会社に入社。Webサイトのデザイン・コーディングを中心に従事。2002年退職後すぐに個人事業としてマジカルリミックスを創業。2007年に法人化し株式会社マジカルリミックスを設立。規模を問わずお客様のニーズにあわせたWebサイトの企画立案、制作、アクセスと売上アップをめざした更新サポートまで一貫して手がけている。
また、Web制作だけにとどまらず、社内向けのセキュリティ・IT活用のプライベートトレーニング、セミナー出演、執筆なども意欲的に手がける。全国からの講演依頼も多数。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。

主な著書に『10日でSEO&アクセスアップ Jimdoデザインブック』(エムディエヌコーポレーション)『10日で作るかっこいいホームページ Jimdoデザインブック』(同)『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。

[所属]
仙台商工会議所 エキスパートバンク登録/みやぎ産業振興機構 専門家アドバイザー/みやぎ工業会正会員

10日で作るかっこいいホームページ Jimdoデザインブック 改訂新版

  • はじめてWEB 読も読もキャンペーン「テーマ別セレクト本」プレゼント!
  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/10/8~2017/10/14]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ