GoogleカレンダーをFullCalendarで3ヶ月同時表示したい
- その他 (システム開発) の相談
- 解決済
- 回答数：7
- 閲覧数：3336
-
お気に入りの相談に追加
ログインすると「お気に入りの相談」リストに追加できます。
「お気に入りの相談」に回答やコメントがあると、お知らせ通知が届きます。
回答者コメント
はじめまして。2015/1/5までということで、出来ることは限られてしまいますが、
とりやえず３ヶ月分が初期値で表示できれば良い。ということであれば、
Lancersだと \5,000※ ～ \50,000くらいが相場ですが 1/5までということだと
依頼状況によっては特急対応になると思うので、x2 無いし x3倍くらいの
コストを見ておくと良いと思います。
※ \5,000だとカスタムは一切なし
なお、３ヶ月分のカレンダーが表示されますが、それぞれのカレンダーに
「翌月」「前月」といったコントロールが付いているとの認識でよいでしょうか？
===============================================
前提
■ fullcalendarのバージョン
fullcalendar-2.2.3
■ Google Calendar API Keyの取得
お客様にて取得 (複数可能)
■祝日カレンダーの組み込み
Google提供の日本の祝日を組み込み
https://www.google.com/calendar/embed?src=japanese__ja@holiday.calendar.google.com
■ 曜日・年月の表示
日本語
ありがとう
54
ログインすると、KOBAYASHI Design works. (koba1000)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月14日 06:07:12
投稿者コメント
KOBAYASHI Design works.さんご回答ありがとうございます。
ご質問にお答えします。
「翌月」「前月」などのコントロール不要です。
（その他、特にカスタマイズはありません。）
単純に3ヶ月分を同時表示するだけで、CSSは当方で調整します。
※Google Calendar API Keyの取得済みです。
納期に関しては希望ということで、延期しても構いません。
よろしくお願いします。
投稿日時：2014年12月14日 09:20:49
回答者コメント
ご連絡ありがとうございます。お時間もないようなので、CSSが書けるのであれば、非常にダサい方法ですが、
必要な要素を全て書いてしまってはどうでしょう？
複数のGoogleCalenderを読み出したい場合には
fullcalendar-2.2.3 の demosフォルダに含まれる gcal.html に少しだけ手を入れて
３ヶ月分を出してしまえば良いので、sampleを用意してみました。
ex) gcal.html
http://xfs.jp/Rg2Iu
ご参考までに。
ありがとう
54
ログインすると、KOBAYASHI Design works. (koba1000)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月16日 01:13:30
投稿者コメント
わざわざサンプルありがとうございます。早速、fullcalendar-2.2.3のデモフォルダ内にて確認したところ、
3ヶ月分は表示されましたが、日本の休日表示されませでした。
また、当方で用意した googleカレンダーID を events: 'XXXXXX',
に入れても表示されませでした。
（googleCalendarApiKey: も入れています）
実現できそうでしょうか？
よろしくお願いします。
投稿日時：2014年12月16日 10:13:03
回答者コメント
ご連絡ありがとうございます。実機でテストしてみました。
休日カレンダーと自前のカレンダーIDを呼び出すには
eventSourceを用いて２つ定義してあげる必要があります。
こんな感じにしたら動くと思います。（自分のGmail/GoogleCalendarでテストしました）
http://xfs.jp/eD2Pf0
それでも表示されない場合には Google Developers Console で 「APIと認証」の
「API」にてCalender APIが有効（緑色）になっていることをご確認ください。
ご参考までに、Google Calender APIに対する初期の割り当ては
「5 リクエスト/秒/ユーザー」ですので、頻繁に呼び出すようであれば、
この値を変更することをおすすめします。（制限を超えると何も表示されなくなります）
ありがとう
54
ログインすると、KOBAYASHI Design works. (koba1000)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月17日 03:25:07
投稿者コメント
ありがとうございます。確認しました。
休日カレンダーと自分のカレンダーは読み込まれましたが、
今度は同じ月が3ヶ月表示＆同じ内容が重複表示されました。
実現したいことをまとめると・・・
1つのカレンダーを読み込み、当月と2ヶ月先までの3ヶ月表示を実現したいと考えています。
Google Calendar API v2では、下記を利用して表示していました。
http://oshiete.goo.ne.jp/qa/6564701.html
（↑Google Calendar API v3では表示できませんでした）
投稿日時：2014年12月18日 10:33:03
回答者コメント
ご連絡ありがとうございます。CalenderIDの指定部分が不明とのことだったので、その部分のサンプルでした。
先にUploadしていた、gcal.htmlから翌月、翌々月部分を抜き出して頂ければ・・と
思ったのですが、マージしたものもあげておきます。
http://xfs.jp/MyI4yx
ありがとう
54
ログインすると、KOBAYASHI Design works. (koba1000)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月18日 17:02:15
投稿者コメント
なんども申し訳けありません。今度は、休日カレンダーと自分のカレンダーが読み込まれませんでした。
他に方法ありますか？
投稿日時：2014年12月19日 15:08:19
回答者コメント
ご連絡ありがとうございます。こちらでは表示されることを確認しましたので、これ以上の対応は困難です。
お力になれず申し訳ありません。
(ブラウザのキャッシュなどが影響しているような気もしますが、ご相談ベースでは
これ以上の対応は難しいと思います)
ありがとう
54
ログインすると、KOBAYASHI Design works. (koba1000)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月21日 22:51:21
投稿者コメント
いろいろお手数かけました。検討させていただきます。
投稿日時：2014年12月23日 03:34:10
回答者コメント
私も公式のgcal.htmlを改造してサンプルを作ってみました。このような感じでしょうか。
http://cum38898.info/lancers-consultation-243/sample3.html
ここからどうカスタマイズするかがお見積りのポイントになりそうですね。
ありがとう
182
ログインすると、cum38898 (cum38898)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月23日 11:54:02
回答者コメント
追記です。HTMLソースもどうぞご覧ください。
APIキーも含まれていますが、他で使いまわししていないものなので構いません。
ありがとう
182
ログインすると、cum38898 (cum38898)さんに「ありがとう」を伝えられます。
投稿日時：2014年12月23日 11:55:42
投稿者コメント
cum38898さんありがとうございます。
後ほど拝見します。
投稿日時：2014年12月23日 12:11:04
有限会社ユアスタイル (yourstyle)
依頼する際の価格相場・費用が分からないので、こちらで相談させてください。
以下に要件をまとめさせていただきましたので、お見積りをいただけませんでしょうか。
■依頼の目的・背景
飲食店の営業日カレンダーとして必要になったため
■参考になるサイト/サービス（URLなど）
・FullCalendarサイト（http://fullcalendar.io）
■その他（納期など）
・できれば年明け、1月5日までに納品してほしいです。
回答にあたり不明点があれば、お気軽にご質問ください。
どうぞよろしくお願いいたします。