2010/02/22

Blogger用のカレンダー(Calendar)ウィジットを自作してみた

Blogger用のカレンダーのWidgetを作ってみました。

見た目はこのブログに張ってあるのを見てね。

簡単に説明すると、今日の日付に青マークがつき、エントリーのある日にはチェックが付きます。

追加されたい方は↓のボタンを押すと追加されます。




タイトルはご自由に。

今のところパフォーマンス等やいろいろ改善したい点が多いのでとりあえずver0.2とします。

このカレンダー自体に不具合や要望がありましたら、できれば対応したないと思いますのでコメントいただければと。
#そうじゃなくても気軽にコメントいただければと。

後は自己責任で。バグがあったらごめんなさい。

中身はmootools1.2.1を使っています。

mootools面白いね。

#お知らせ ロト6とロトミニ用のチェックアプリ(iPhone)を作ってみました。

31 件のコメント:

匿名 さんのコメント...

なんか青○が前月の時に表示されたりしてますね。

バッド さんのコメント...

>匿名さん
あらら、もうしわけないです。
近いうちに修正します。Javascriptのファイルを修正しますのでそのままお使いいただければと。

バッド さんのコメント...

>匿名さん
とりあえず修正しました~。

そのほかにも月の末日が処理とそもそもentryのupdated日付を使用していた箇所を修正してます。

バッド さんのコメント...

>azagizaさん
使っていただけて恐縮です!
もし、不具合やご意見がありましたら気兼ねなくコメントをお願いします

man さんのコメント...

カレンダー使わせて頂きました。
気に入りました。ありがとうございました。

バッド さんのコメント...

>manさん
気に入っていただけてなによりです!

無銘闇人 さんのコメント...

バッド様へ.

このカレンダーガジェット愛用させてもらっています.ブログアーカイブが使えなくなるなどの問題がなく使えるのが非常に魅力的です.

しかし,最近,仕様などを変更されたのでしょうか?以前は,ガジェットの上にめくれたような画像があり,そこをクリックすると前の月や次の月へ移動できたのですが,それが今はなくなっているようです.
前や次の月へ移動する目印がないので,困っているのですが,何か解決方法などないでしょうか?

バッド さんのコメント...

>無銘闇人さん

カレンダーガジェットを使っていただきありがとうございます!

ご質問に関してですが、ここ数年、まったく手を入れていないんですよ。

無銘闇人さんのサイトをみてみたところ、私の環境ではちゃんと、カレンダーの耳?が表示されていました。

なので、たぶんブラウザのキャッシュが悪さしているのではと思うのですよ。

試しに、無銘闇人さんのサイトを閲覧中にctrl+F5を連打していただくか、
直接、こちらの画像()を直接表示したのちに再度動作を確認してもらえますか?

無銘闇人 さんのコメント...

バッド様へ.

Ctrl + F5 と画像表示をしてみたのですが,状況は変わりませんでした.
当方の環境は,Lubuntu 12.04 で,Firefox 13.0.1,Chromium 18.0.1025.168 の両方で表示してみましたが,どちらも同じ表示(画像がない状態)でした.

このブログ(バッドコアラ通信簿)にあるカレンダーも同様に,こちらからだと見えます.

念の為,こちらの状況を画像で示します.
http://goo.gl/8Eqki

何か他にご存知のことがあれば,アドバイスお願い致します.

バッド さんのコメント...

無銘闇人さん

確認しました。画像が全滅してますね。。。
私のサイトをみても発生しているということは、無銘闇人さんの環境のブラウザキャッシュまわりが怪しい気がしています。
画像は、CSSから読みこむようにしていますので、
ためしに、このCSSも直接開いてF5でも連打したのち確認していただけますか?

ちなみに他のブラウザでは問題がないようなら、
もうしわけないのですが、いったんChromeのキャッシュをクリアしていただいて確認していただきたいです。
心苦しいですが。。。
できますかね?

無銘闇人 さんのコメント...

バッド様へ.

アドバイスありがとうございます.
キャッシュの削除してから,試しましたがだめでした.そもそも,私の環境ではブラウザのキャッシュを RAM ディスク(メモリを記憶領域とみなす方法)に割り当てているので,PC 終了時に毎回消えるようになっています.よって,キャッシュの問題ではないようです.

そこで,こちらも何もせずにばっど様のアドバイスにダメ出しするだけではいかんと思い,試行錯誤してみました.

URL の css を見て,画像を絶対パスにしたり,background を background-image にしたりしてみました.

最終的には解決しました.
ばっど様の css に書かれている画像を自分のレンタルサーバにコピーし,そこを参照するようにしたところ,うまくいきました.

おそらく,ばっど様の画像の置かれているサーバが外部からの参照を禁止したか,それとも最新の chromium,firefox がそのサイトからの画像取得を拒んだか….とりあえず,キャッシュの問題ではなく,画像の置き場所に問題があったように思われます.

ここまで解決できたのも,ばっど様のご助言による所が大きく,非常に助かりました.ありがとうございました.

このまま,私のレンタルサーバにカレンダーで使われている画像を置いて利用させてもらっても宜しいでしょうか?

バッド さんのコメント...

無銘闇人さんへ

原因の究明おつかれさまでした。お手数をおかけしました。
そういうこともあるんですね。
プロバイダとかの影響とかですかね?

>このまま,私のレンタルサーバに(中略)宜しいでしょうか?

全く問題ありません!

私としては、そこまでして使ってくれる方がいてうれしい限りです。

そのうち画像をPicasa上にでも移動させますね。
#ちょうど今日、Bloggerの容量がいっぱいになったと怒られたところだったりします。。。

何かありましたら気軽にコメントください。

今後ともよろしくお願いいたします。

無銘闇人 さんのコメント...

バッド様へ.

こちらこそ,使用許可,ならびにこれまでのご助言ありがとうございました!

無銘闇人 さんのコメント...

バッド様へ.

追記です.

さらに調べてみたところ,firefox,及び chromium にインストールしていた Adblock の日本語フィルタ(http://code.google.com/p/adblock-plus-japanese-filter/ , http://tofukko.blog113.fc2.com/)が悪さをしていたようです.
お騒がせして申し訳ありませんでした.

ひとまず,報告まで.

バッド さんのコメント...

無銘闇人さんへ

あらー、Adblockが悪さしてたんですね。
はっきりした原因がわかってすっきりしましたね。
こちらとしても参考になりました!

結果オーライ(死語?)ってことでめでたしです!

ノッピー さんのコメント...

はじめまして。

カレンダー使わせていただいてます^^ありがとうございます。

ブログ投稿日が赤色ですが、どうしても赤が苦手で、濃い黒か薄めの青に変更できたら良いなぁと思い、自分なりに調べてみたのですが、できませんでした。

アドバイスいただけたら幸いです。

バッド さんのコメント...

>ノッピーさん
コメントありがとうございます!
折角なのでちょっと色を変えた版もつくってみようと思います。
ただ、ちょっと仕事の方がキツキツなので、気長にお待ちください。。。

ノッピー さんのコメント...

お返事ありがとうございます^^

作っていただけるなんて、恐縮です。

全然急いでませんので、ごゆっくり製作なさってください。

完成まで、既存のカレンダーを大事に使わせていただきます。

匿名 さんのコメント...

初めまして。
素敵なシンプルカレンダー使わせて
いただきます。

wakasato35 さんのコメント...

カレンダー使わせて頂きました。大変感謝いたしております。

柴谷阿笶子 さんのコメント...

お借りしましたー!ありがとうございます♪<(_ _)>

Tobio Furuike さんのコメント...

カレンダー、アリガタク拝借ツカマツリマス。
これからもお世話になる事があるかもしれませんが、右と左が分からない初心者ですので、失礼がありましたらどうぞご勘弁ください。

バッド さんのコメント...

>kirigirisさん
どぞー。ガンガンご利用ください。
いろいろと直したいとこがあってもなかなか手つかずな状態で、利用している方には逆に申し訳ないくらいです。

keikana さんのコメント...

はじめまして。
カレンダーをつかわせていただいていたのですが、
テンプレートを変更してから、カレンダーは表示されるものの、更新した日にチェックが入らなくなってしまいました。

変更後一度ガジェットを消して再度追加しても同じです。
どうすれば前と同じように表示されるでしょうか。


バッド さんのコメント...

>keikanaさん
はじめまして。
ちょっとブログを見させていただいたところBlogからRSSが出力されていませんね。
多分それが原因だと思います。
その設定をみなおしていただけますか?

Tobio Furuike さんのコメント...

こちらのカレンダーを拝借ツカマツッテ大変気に入って遣わさせていただいております。
先日自身のブログにjqueryのフェードインアウトするバックトップボタンを設置したところ、上手く作動しなかったので原因を調べていましたら、どうやらカレンダーと干渉しているらしいことがわかりました。(カレンダーを外すと正常に動作いたします。)
何分知識が乏しいので、何か良い回避方法があればお知恵を拝借したいと思い投稿させていただきました。(カレンダーを拝借した上にお知恵まで...。)
必要な情報があれば提供いたします。
お時間があって気の向かれたときで結構です。長くなってしまい申し訳ありません。

eri さんのコメント...

「widget.content: 必須項目はすべて入力してください 」と出て、エラーになり、カレンダーを入れる事が出来ないのですが、なぜでしょうか><

バッド さんのコメント...

> sugiyama さん
どうも!
そのエラーはじめて知りました。
どのテーマでやられてますか教えてもらえますか?
調べてみようと思います

匿名 さんのコメント...

Blogger初心者です。
単純に「カレンダーウィジットの追加」をクリックしたのですが、次の表示が出ました。
「次のエラーが見つかりました。
widget.content: 必須項目はすべて入力してください
引き続き問題が発生する場合:
ブラウザのキャッシュと Cookie をクリアして、もう一度お試しください。」
 ところが、fire foxとIEでキャッシュとCookieを消した(と思うのですが)その後でも、うまくいきません。
 「ページ要素を追加」のところに「コンテンツを編集」というのがありますが、ここが空欄になっています。これが問題ではないかと思うのですが。
 是非使わせていただきたいので、よろしくお願いします。
 
 

匿名 さんのコメント...

はじめまして。同じく
Blogger初心者です。
「カレンダーウィジットの追加」をクリックし、
「次のエラーが見つかりました。
widget.content: 必須項目はすべて入力してください
引き続き問題が発生する場合:
ブラウザのキャッシュと Cookie をクリアして、もう一度お試しください。」のメッセージが出ます。
ガジェットは追加されていますが、タイトルとコメント以外は表示されていません。
カレンダー自体も空白のままです。
私の設定が悪いのか不明です。すみません、ご教授いただけますと幸いです。

匿名 さんのコメント...

はじめまして。同じく
Blogger初心者です。
「カレンダーウィジットの追加」をクリックし、
「次のエラーが見つかりました。
widget.content: 必須項目はすべて入力してください
引き続き問題が発生する場合:
ブラウザのキャッシュと Cookie をクリアして、もう一度お試しください。」のメッセージが出ます。
ガジェットは追加されていますが、タイトルとコメント以外は表示されていません。
カレンダー自体も空白のままです。
私の設定が悪いのか不明です。すみません、ご教授いただけますと幸いです。