カテゴリーリスト アーカイブリスト 無料ホームページ
Weblog トップ | Home へジャンプ
まったく未開の分野、フラッシュで動作するカレンダーを発見!
その名も MT用横型フラッシュカレンダー2.10
丁寧な解説がありましたので、設置してみました
[ 仕様 ]
MTから作成されるXMLファイルを読み込んでカレンダーを表示
カレンダーの日付はその日のエントリーへのリンク
エントリーのある日と今日の日付に色が付く
エントリーのある日にカーソルを合わせるとその日の記事のタイトルが表示
月移動ボタン、エントリーのある日付、今日の日付の色は自分の好みの色に設定可
文字コードの関係で
「エントリーのある日にカーソルを合わせるとその日の記事のタイトルが表示」
が、文字化けしてますが、見た目ではわかりませんので、ヨシよし
あらっ
「カレンダーの日付はその日のエントリーへのリンク」
「エントリーのある日と今日の日付に色が付く」
これも不完全な動作ダー
今月 2006-10 は1日と2日にエントリー投稿したのに
1日には
が付いてない
今度じっくり見直すと言うことで、今回はお開きに…
この不具合は以前エントリー投稿 (参照) したように
PHP化による対策ではなく
「事前に次月の日付でテストエントリーを投稿しすぐ削除
(生成されたカレンダーは削除されない)」
このようにしてしばらく様子をみることにしましたが、
この対策では不完全で、1日にカレンダーが進みませんでした
代替え案として "指定日投稿" を併用すれば良いことは
わかってますが、そのエントリー投稿がままならない近況です
もはやPHP化による対策は必須となりましたが、今度は拡張子が
変わってしまいますので、検索エンジンに登録されているトップ
ページ以外は全て404エラーとなってしまいます
「何か」で、制御してやらなければなりません
カレンダーには西暦表示 2006年6月 がありますが
平成表示も欲しかったですので追加しました
カレンダーの年号を西暦+平成に変更
ところが 再構築 の度に 2005年 である (平成17年) が
(平成18年) になってしまうのだ
そもそも Movable Type 3.2 の テンプレート・タグ には
日付タグのフォーマットとして
<$MTDate format="%B %e, %Y %I:%M %p"$>
があります
%Y:年 四桁の数字 ex): 2006
%y:年 二桁の数字で一桁のときは 0 がつく ex): 06
これを利用して (平成18年) を取得しようとしましたが
結果はあえなく惨敗
そこで新たな JavaScript で 平成表示 を取得しました
表示確認のため 2005年12月31日 にエントリーしたみたところ
2005年12月
(平成17年)
となりましたので安心してました
ところがある時カレンダーの確認をしてみると
2005年12月
(平成18年)
となってました
これは 再構築 の度にカレンダー表示用の index.html を
書き換えてしまう為と判明しました
上記の例だと再構築する年が同年の 2005年 であれば問題ないですが
2006年06月 に 再構築 すれば当然 今日 の年 2006年 として
再取得してしまうので結果一年多くなり
2005年12月
(平成18年)
と表示されてしまいます
2005 は 17, 2006 は 18, 2007 は 19 ・・ となるように作り変えればよいのか
何かもっと違うところで解決しそうな気配もするので現時点では小細工して
再構築 により書き換わってしまった html を
定期的に 書き戻し するようにしてます
書き戻し するまでは
2005年12月
(平成18年)
ですが一日の時間でみますとこの誤った表示時間の方が圧倒的に
少ないですので おみくじ 的に捉えられれば
意外と面白い事なのかも知れません
(ちょっと強引だなぁ)
よいアイデアが見つかるまではこのままかも・・です
書類や申請書などの記入で年号を平成で書かなければならない時って
ありますよね 家中のカレンダーを確認してもどれも 西暦表記 ばかり
毎度の事ながらネットで探しだしホッと一安心
当方よく経験します
カレンダーの年号を西暦と平成の二段構えでは "五月蠅い" とも思い
ましたが今度は西暦を思い出さない時もあるかなぁと
結局 "二段構え" で落ち着きました
たった一行の追加のことですが Linux版Firefox ではかなり行間が
間延びしてしまいましたので Cut & Try による修正が大変でした
現行に落ち着きましたが今度は MS Windows版 のブラウザーでは
見るに耐え難いほど下側に余白が出てしまいました
日にちが一行増え六行になる2006年4月や7月などはまだなんとか
我慢することができますが・・
追加の一行は文字サイズを下げてますがどうしてここまでずれて
しまったのか未だに謎のままなのです
指定したフォントや文字サイズとスタイルシートの見直しにより
かなり見栄えよくなった(?)と思います
「カレンダーのリンクにマウスをポイントすると、その日にエントリーした
記事の全タイトルをツールチップ(説明)としてポップアップするカスタマイズ」
入手先は
「カレンダーのリンクにツールチップを設定する」
2005-12-04
いつもお世話になってます
小ネタですが便利そうです
早速カスタマイズしてみました
ブラウザーにより見え方に多少違いがあるようです
(フォントも異なるような・・?)
「月送りカレンダー・1日に表示されなくなる不具合を改善」
2005-06-05
への対策ですが P.S.2.参照
「前月以前(都合1年前まで)のカレンダーを表示する」
というものだそうですので本来のカレンダー機能が損なわれてしまう
おそれがありますので今回はPHP化による対策ではなく
2.「事前に次月の日付でテストエントリーを投稿しすぐ削除
(生成されたカレンダーは削除されない)」
このようにしてしばらく様子をみることにしました
代わりと言っては何ですが "指定日投稿" という機能がありますので
これも併用することで代替えになりそうです
投稿日時は 2006年6月1日 00:00:01
投稿時間を 00:00:00 にするとカレンダーにリンクが貼られない?
やはりそのようです
2006年5月31日にも貼られないです
今までは貼られていたのに・・
月初めだから・・?
「休日表示付リアルタイムカレンダー for Movable Type」
の "発展系"? と言えるのかどうかわかりませんが"月送り" を付け加えてみました
名付けて(勝手に銘々)
「月送り&休日表示付リアルタイムカレンダー for Movable Type」
まんまです
修正はややっこしかったものの意外とすんなり出来ました
これからカレンダーを設置する方は "月送りカレンダー" の設定を済ませてから
「休日表示付リアルタイムカレンダー for Movable Type」
への対応を追加した方が簡単かと思います
修正そのものは上手くできましたが今回も一筋縄とはいきませんでした
ブラウザーにより表示が異う不具合が生じてしまいました
Firefox では問題なし
Internet Explorer ではこのように背景が白に・・
カレンダー表示用テンプレートを修正しましたが上手く反映されませんでしたので
バックグランドと同じ"背景画像" を作って貼り付けました
あと少しの修正を加え整えました
位置合わせ
曜日の文字を全て太字に
文字を全て大きく 年月の文字を大きく
好みの色に(全体的に淡く)
矢印は画像に
投稿記事のある日は 色を付け太字 に
土日祝祭日 は投稿記事があっても色は変えない(暦優先)
※2006-06-04追記 以下の修正を施しましたので画像は現在と異なります
1.画像のように文字を全て大きくしましたが曜日の文字間隔(特にWed)の影響
により全体的に等間隔にはならず週末に向かうほど狭くなっていた現象
文字サイズを下げることと位置合わせにより回避
2.カレンダーヘッダーに設置していた リンクバーナー を新たな場所に設け
24時間時計を設置 これに伴い "クルクル時計?" は廃止
3.投稿記事がある日にマウスを重ねたときの 反転背景色 を変更
平日 土曜日 日祝祭日 のように "それぞれの同色" へ
数字は "白抜き" に変更
4.カレンダーのリンクにツールチップを増設
エントリー
以上で
「月送り&休日表示付リアルタイムカレンダー for Movable Type」
は完成 となりました に一歩近づきました
小粋空間 さん 感謝です
P.S.1. 小粋空間 さんのところで次のエントリーを見つけました
「月送りカレンダーにリアルタイムカレンダーを適用する場合の補足」
2005-07-31
こちらではこの修正は行っておりません
そもそも月送りカレンダーにリアルタイムカレンダーを適用する場合の
修正手順として紹介されてますので関係ないのかもしれません・・?
P.S.2. 小粋空間 さんのところで次のエントリーを見つけました
「月送りカレンダー・1日に表示されなくなる不具合を改善」
2005-06-05
これは
「月送りカレンダーには、毎月1日にエントリーが投稿されてない状態で
コメントまたはトラックバックを受信すると、カレンダーが表示されない
(「404 Not Found」が表示)という既知の不具合があります」
とのこと
Movable Type を設置して まだ新しい月を迎えてませんので から初めての
このようになりましたら対応をとろうと思います
新しい月を迎えましたが試しにトラックバックを受信してみると
既知通り "404エラー" が出ました
新しい月のカレンダーは
「エントリー投稿によって生成されます」
とのことですので回避策は
1.新しい月を迎えたと同時にエントリーをする
2.事前に次月の日付でテストエントリーを投稿しすぐ削除
(生成されたカレンダーは削除されない)
少し手間ですし忘れてしまいますのでこれは要修正ですね
追って修正した結果をエントリー することにします しました
(動作の確認は新しい月を迎えないとできない?)
暫定処理となりましたが
「月送りカレンダの不具合保留に」 をご覧下さい
昨日エントリーしたリアルタイムカレンダーの不具合ですが本日見直したところ
不具合箇所を直ぐに発見し無事解決することができました
ご覧のように "日付" が
"日祝祭日" は "赤"
"土曜日" には "青"
に Firefox でも表示されるようになりました
めでたしメデダシ!
カレンダー表示タグの中で
<caption class="calendarhead"><$MTDate format="%B %Y"$></caption>
色字にした箇所の指定が間違ってました
別件ですが今回偶然気づいたのがエントリー(書き込み)内での
<table>(タグ) の使用ですが Firefox では今回のテーマである
"日付" に "色" が付かなくなる現象を発見しました
Internet Explorer では何の問題もなく正常に動作します
そろそろ 仕様 を統一して欲しいです
以前各OSでよく使っていた
Opera ですが制限がありすぎて
使い易いのか使いにくいのか・・?でした
近年
Firefox の登場ですっかりハマってしまいました
現在ではメインブラウザーとして
で使ってます
ブラウザーがまだ有料のころは
Netscape を使ってましたので
いつのまにか古巣の mozilla系 に戻ってました
若干ですが未だに各OSにおいて仕様が異なる点が "今ひとつ" ・・
デジカメ画像整理ソフトの Picasa も "無料" なのに
とても使い易くて大のお気に入りです
一度お試しあれ
宜しければ右コラムにある バーナー よりどうぞ
リアルタイムカレンダーは
「休日表示付リアルタイムカレンダー for Movable Type」
というものです
設置したものの残念ながら意図したように表示させることが出来ませんでした
本来なら "日付" が
"日祝祭日" は "赤" に
"土曜日" には "青" に
ならなければなりませんが・・
※現在不具合は解決してます こちら をご覧下さい
ご覧のように "黒" のままなのです
さんざん設定を弄くったのが功を奏したのか現在はかろうじて
「リアルタイムカレンダー」としては動作するようになりました
"今日" の日付に "枠" が付くだけのことなのですが
どうも従来のカレンダーでは 記事を投稿 エントリー投稿するまで
"日付" が変わらないそうですので "進歩" したと言ってよいようです
確認したブラウザーは Internet Explorer と Firefox です
Internet Explorer だけでしたら
「休日表示付リアルタイムカレンダー for Movable Type」
として完璧に動作しますがこの設定にすると Firefox では "ただのカレンダー" に
戻ってしまい "旨味" がありません
小粋空間 さんの "公開テンプレート" では両ブラウザーで問題なく表示できます

Fedora/1.5.0.3-1.1.fc5 Firefox/1.5.0.3
のでやはりこちらの設定に誤りがあるようです
Movable Type 3.2 の構造全体を理解する前の段階でデザインテーマの
切り替えプラグイン StyleCatcher を入れてしまったのが敗因のようです
= 理解できていない
混がらがってます
さてどうしよう・・
※スタイルシートの記述ミス?・・
※<table>(タグ) を使うとカレンダが Firefox で NG
さて
今まで 2006 だった年号がこのように 2004-2006 となりますか・・
[ 2006-06-06追記 ]
機能の確認がとれました
一番下をご覧下さい
2006 が無事 2004-2006 となりました
自動で年号 2004-2006 を書き換えてくれますので来年の2007年には
となるはずです
なんとなく今から来年が楽しみです
ちなみに 2005 2004年 は tama-studio.com のドメインを取得した年で
このブログの公開年ではありませんのであしからず
※ドメイン取得年月日が間違ってました
正しくは 2004年 でした