【ココログ】バックナンバーに応じたカレンダーを表示するスクリプト＆過去月カレンダー作成フォーム

■お知らせ
2008/1/21に新版カレンダースクリプトである『ココログカレンダーPlus』の公開を行いました。
よろしければそちらもお試しください。

---

■関連記事 [2006.09.08更新]

1. 【ココログ】カレンダースクリプト関連の更新
2. カレンダースクリプトの小技その1：整形が終わるまで隠しておく
3. カレンダースクリプトの小技その2：日曜は赤色・土曜は青色にする
4. カレンダースクリプトの小技その3：月毎に背景画像を設定
5. 【ココログ】ラインカレンダーの設置
6. カレンダースクリプトの小技その4：本日と祝日の表示を変える
7. カレンダースクリプト：当月バックナンバーへのリンク追加
8. カレンダースクリプト：カレンダーのみの表示切替

---

個別・月別バックナンバーを表示したときに、その月に応じたカレンダーを表示する『LONGER THAN FOREVER』さんのカスタマイズカレンダーに対して、動作が軽くなるように改造を試みてみました。

といっても、カレンダーHTML作成用処理については、ほぼそのまま使わせていただいています。
では何が違うのかというと、バックナンバー用カレンダーを予め作成しておくことができ、これを読み込むことによって比較的素早くカレンダーの表示が出来る、という点です。

バックナンバー用カレンダーが用意されていない場合には、月別アーカイブより情報を読み取る必要が有るため、表示にはオリジナルと同程度の時間がかかります。

ネックはバックナンバー用カレンダーを自分で用意しなければいけない、ということですが、この作業を軽減するための作成フォームも用意してみました。

さすがに自動更新までは私には無理ですが、月初めに一回、作成フォームで前月までのカレンダーを作るだけですので、まぁ許容範囲なのではないでしょうか。

【スクリプトの設置方法】

ココログ標準のカレンダーを表示するようにした状態で、そのカレンダーよりも下(後で表示されるところ)で、かつメモタイプのマイリスト等のHTMLを貼付けることができるところに、以下のHTMLソースを貼り付けて保存します。
[2006.08.12]設置用スクリプトを修正(祝日対応他)。
[2006.08.16]calendarOnload内を若干手直し(Opera対策：ただし動作未確認)。
[2006.08.18]addLinkToCaptionオプション追加。
[2006.09.08]changeCalendarOnlyオプション追加。

<!--【JavaScript版カレンダー】 -->
<script type="text/javascript" src="https://furyu.tea-nifty.com/script/prototype.js"></script>
<script type="text/javascript" src="https://furyu.tea-nifty.com/script/dayChecker.js"></script>
<script type="text/javascript" >
<!--
// === [オプション設定]
var calendarType ='J' ; // J:日本語 E:英語
var dateArchive = false ; // 日別アーカイブ有りの場合のみtrue設定可(日別ページへのリンクになる)
var addLinkToCaption = true; // キャプションに当月バックナンバーへのリンク追加
var changeCalendarOnly = false; // カレンダ切替方式： true=カレンダのみ切替 false=バックナンバー読み込み
var calendarOnload = function( calendarObj ) {
    if ( navigator.userAgent.match( /Opera/i ) ) {
        var divs = document.getElementsByTagName('div') ;
        for ( var ci=0; ci < divs.length; ci++ ) {
            if ( divs[ci].className == 'sidebar' ) {
                divs[ci].style.display = 'block' ;
            }
        }
    }
    else {
        calendarCssAddRule( ".sidebar", "display:block" ) ;
    }
}
//-->
</script>
<noscript>
<style type="text/css">
<!--
.sidebar {
display:block;
}
-->
</style>
</noscript>
<script type="text/javascript" src="https://furyu.tea-nifty.com/script/cocoCalendar.js"></script>
<script type="text/javascript" >
<!--
// === [カスタマイズカレンダー呼出]
checkCreateCalendar();
//-->
</script>

まず、この状態でブログを表示し、正常に動作しているかどうかを確認して下さい。

正常ならば、カレンダーに前後月に移動できるナビがつき、また個別・月別バックナンバーを開くとそれに応じたカレンダーに切り替わるはずです。
この時点で動作しない場合は、残念ながら使用を諦めて下さい

【バックナンバー用カレンダー作成フォーム設置方法と使い方】(表示サンプル)

1. ここからZIPファイル(cocoCalendarMakerV004.zip)をダウンロードします(2006/8/2更新)。
2. 1.のZIPファイルを解凍して出てくる二つのファイル(cocoCalendarMaker.htmlとcocoCalendarMakerSend.html)を、ココログのファイルマネージャで自分のブログのフォルダにアップロードします。
   このとき、ブログのホームURLが http://～/blog/ の場合、『ホーム / blog / 』にアップロードします(赤字部分がブログに応じて変わります)。
3. アップロードしたファイルのうち、cocoCalendarMaker.htmlの方を開きます。
   URLは上記の例だとhttp://～/blog/cocoCalendarMaker.htmlになります。
4. 必要事項を入力・確認して、[作成開始]ボタンを押します。
   アカウント名とパスワード以外は自動取得するように試みていますが、取得されない場合は手動で入力して下さい。

これで、前月までのバックナンバー用カレンダーが作成されるはずです。

上記の例だと、『ホーム / blog / calendar / 』に作られます。

■注意点

1. 作成フォームにも注意書きがありますように、パスワードは暗号化されずにそのまま(平文)で扱われてしまうため、セキュリティには充分ご注意下さい。
   なお、ファイルのアップロードにはXML-RPC APIを使用していますが、これは自前サーバ上のCGIにより実現しています。即ちフォームに入力した情報は一旦自前サーバを経由してココログに送られる、ということです。
   この面からも、上記フォームを使用する前にパスワードを一時的に変更し、カレンダーの作成が完了したらパスワードを元に戻す(または新規パスワードを設定する)、という運用が安全です(もちろん、当方がパスワードを含むこれらの情報をカレンダ作成以外に使用することはありません)。
2. 自前サーバ上のCGIをコールするため、これが不調の場合等は使用できません。また、当方の都合により、予告なくサービスを停止する場合があります。
   本当は@homepage上に設置したいところですが、XMLRPC::Lite等の導入が面倒で……。
3. 作成するのは前月分までです。現在の月のカレンダーは作成しません。
   現在の月に関しては、標準のカレンダーに対して、スクリプト側で前後月へのナビだけを追加します。
4. 記事が存在しない月に関しては、カレンダーは作成されません(スキップされます)。
5. 既にバックナンバー用カレンダーが存在する月については、作成(上書き)は行いません。
   上書き更新は技術的に困難なこともあってこの仕様となっています(XML-RPC APIにはファイルのアップロードはあっても削除の機能がありません。また、アップロードも同名のファイルを指定すると勝手にリネームされてしまいます)。
6. バックナンバー用カレンダーの内容(記事へのリンクなど)は作成時点のものに基づきます。従って、過去に遡って記事を追加・削除した場合等は、カレンダーを作成し直す必要が有ります。
   この場合、既存のカレンダーの対象月のファイルを一度削除した上で、作成フォームにて作成し直してください。

※『続き』部分に更新履歴を記載しています。

---

カレンダー

【2006.09.08】

• <<・>>クリック時、バックナンバーを読み込まずにカレンダーのみ切替えるオプション(changeCalendarOnly)追加。

【2006.08.18】

• キャプション部に当月バックナンバーへのリンクを付けるオプション(addLinkToCaption)追加。

【2006.08.16】

• 最初にサイドバーを非表示にしていた場合、Operaでは消えたままになることがあったのを修正。

【2006.08.12】

• 小粋空間さんの休日表示カレンダースクリプトを組み込むことで、祝日・本日のカスタマイズに対応
  カレンダースクリプトの小技その4：本日と祝日の表示を変える

【2006.08.11】

• ads(あず)さんのラインカレンダを、カレンダスクリプトと連携出来るように改修。
  【ココログ】ラインカレンダーの設置

【2006.08.10】

• スクリプトにて、CSSでカスタマイズ可能なように、いくつかのタグに class を設定。
  2006.08.12に関連記事アップ（小技その1、その2、その3）

【2006.08.02】

• バックナンバー作成フォームにて、カレンダーHTMLを手動で取得できるよう修正(V004)。
  風柳亭の自宅サーバが故障していると自動アップロードができないため。
• スクリプトにて、月が変わって記事が一つも無いような場合に、前月のカレンダーが表示されているにも関らず、見出し(caption)だけが当月のカレンダーとなってしまう不具合があったものを修正。

【2006.07.26】

• バックナンバー作成フォームにて、ココログアカウント名の自動取得を取り止め(V003)。
  ドメイン名と違う場合にうまく取得できないため。
• バックナンバー作成フォームにて、ファイルマネージャでカレンダーファイルを削除してあっても、ブラウザ等のキャッシュに残っていた場合は存在するものとして誤動作することがあったのを改善(V003)。
  AIR-EDGEのMEGAPLUSで現象発生。

【2006.07.23】

• WindowsXP SP2上のIE6だとうまく動作しないため、バックナンバー作成フォーム(ZIPファイル)を差替(V002)。
  でもこれだと逆にSP1で、ファイルが無いときに応答が返らないのだよな……
• スクリプトにdateArchiveオプション追加。true にすることでカレンダーの日付が日別ページへのリンクになる。
  管理画面の『管理ページトップ > ブログ一覧 > (対象ブログ名) > 設定 > バックナンバー設定』で、日別バックナンバー有りの場合にのみ有効(チェックが入っていて反映されていること)。それ以外の場合、trueにすると誤動作するので注意。