fullCalendarとグーグルカレンダーを連携する方法（API V3対応） 2014年11月21日 カテゴリー: jQuery web制作 タグ: fullCalendar, jQuery Googleカレンダーをサイトに貼り付けることがあると思いますが、正直見た目がイマイチですよね。 fullCalendarというjQueryを使えば、グーグルカレンダーの中身だけを取り出してデザインをカスタマイズすることが可能です。 以前からfullCalendarを使用したサイトを運営していたのですが、ある日カレンダー情報が表示されていない事に気が付きました。ディベロッパーツールのコンソールを確認するとエラーが出ていました。 原因は2014年11月17日にCalendarAPI2が廃止され今までの方法では動かなくなっていたからのようです。 「カレンダーが動かない!」と困っている方は以下の方法

こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。

[Google][feedly]膨大な情報の中からGoogleアラートとfeedlyの連携機能で気になるキーワードを逃さずチェックする方法 はじめに インターネットの世界には膨大な量の情報が氾濫しています。 漠然と眺めているだけではムダに時間を費やしてしまうだけ。 逆にいうと、机に座ってキーボードを叩くだけで瞬時に多種多様な情報を集めることができるわけですから、上手く使えばこれほど利用価値の高いものはありません。 では、自分が興味ある情報を効率的に収集するにはどうすればいいか。 定期巡回したり、ブックマークしたり、RSSに登録するなどいろんな方法があります。 ご存じの方も多いと思いますが、世界的検索エンジン企業である、あのGoogleが提供するサービス「Googleアラート」をご紹介したいと思います。 簡単に言えば、ユーザーが気になるキーワードを「Googleアラート」に登録すれば、設定し

あけましておめでとうございました。本年もよろしくお願いいたします。 さて去年後半、xmlを読み込んでは切ったり貼ったりする仕事が相次いでました。 大変勉強になったので、サンプルや注意点、参考URLなどをまとめておきます。 本当にメモ書きのようなものなので、JS部分のみ抜粋してます。詳しい書き方はサンプルのソース見てくださると助かります。 Google Feed APIが廃止されたため、このページで公開されている方法の一部は使用できません。現在はPHPを使う必要がありますのでご注意ください。 （2018.08.08追記） 外部サーバのXMLファイルを読み込む 「ア○ーバブログの更新情報をサイトに載せたい！」なんて時に使えます。 Google AJAX Feed API を使う シンプルにデータ取得→HTMLに表示はこんな感じでできます。 サンプル１ ちょっと凝ったのはこんな感じ サンプル２

高機能なのでgoogleカレンダーに便りがちですが、見た目がgoogleでどうにも微妙です。 でもデザインのカスタムは非常に難しいし･･･。 ということでカレンダーの中身だけを取得して、あとはjQueryでやっちゃう方法があったんで備忘のために記載しておきます。使いこなせれば見ためも良くて機能もいい感じです。 FullCalendar http://arshaw.com/fullcalendar/ 参考：導入まで http://kazunori-lab.com/uchikikase/?p=769 参考：カスタムを解説してるページ http://blog.eszett-design.com/2012/08/fullcalendar.html http://shimz.me/blog/category/fullcalendar http://shimz.me/blog/jquery/126

Posted: 2011.04.18 / Category: javascript / Tag: API, jQuery, json クライアント側でイベント情報などの予定をWeb上にのせたいとき、一からシステムを開発する他、最近ではGoogleカレンダーを自サイトに埋め込むという方法もありますね。 でもそれだとデザイン的にあれだよね。ということでjQueryを使用してお手軽にGoogleカレンダー予定を時系列順に表示する方法をご紹介します。 Googleカレンダーの設定 Googleカレンダーは初期設定だと自分しか見られない状態ですので、サイトに表示するためには設定を変更する必要があります。 Googleカレンダーにログインしたら左メニューから「アカウント名@gmail.com」の右の三角アイコンをクリックして、サブメニューから「カレンダー設定」を選択します。 設定画面で「このカレンダー

iTunesLinkerは、iTunes StoreやApp Storeのアフィリエイトリンクを簡単に設置できるブログパーツを作成してくれるツールです。 アプリ単体を紹介したい時にも使えますが、「楽曲のJ-POP」などカテゴリごとにアイテムをランキングで表示するときに威力を発揮します。 ランキングの場合は自動で毎日更新してくれるという、iTunes Storeのアフィリエイトをするなら是非知っておきたいツールなのですが、ちょっと気になるところもあります。 まず使い方の説明を先にして、気になることは後でお話しますね。 iTunesLinkerの使い方 iTunesLinkerのページを開きます。 設定のためのチェックボックスがたくさん並んでいます。 とりあえず、デフォルトの状態から以下の変更をしてみます。 表示数→5 価格を表示→チェック 順位を表示→チェック 文字コード→自分のブログに合わ