REDS Scheduleの最近のブログ記事

随時更新する予定。時間についてはすべて日本時間。時間は30分単位にしか指定できないので、10分とか15分というような開始時間の場合は直近の0分、30分の早い方に合わせているはず。
凡例としては色が微妙だが、赤がレッズのトップチーム、茶がレッズユース、オレンジがレッズレディース、青が日本代表、緑が埼玉県内の予定、水色がレッズの選手、スタッフの誕生日になっている予定。

昨日のU-16リーグ埼玉栄戦は仕事で見られなかったのであれですが、W杯のアジア地区1次予選のインド戦はテレビで見ながら何もエントリーを上げずに何をやってたかというとこのスケジュールのCGI化。
某さんに影響されてやってみました。まぁ手打ちでテーブル作るのが面倒になったからですが…。

条件としてはカレンダー形式ではなく、日程表形式（要は縦並び）。いざ試合会場で開始時間だとか場所だとか不安になることがあるので、携帯で確認できる（京ポンでフルスクリーンにすれば別にPC用でも見れるわけですが、その場合幅が収まらないのと、やはり所詮はPHS、通信量が少ない方が早いですから）のがいいなと思って探してみました。
それで見つけたのがこのスケジュール表CGI。

スタイルシートが使えるようなので、なるべくこっちのページとデザインを共通にするべくいじってみました。
壁紙や文字のフォント、大きさなどは簡単にできるのですが、全体の構成はやはりCGIをいじらないと変わりません。あんまりいじると動かなくなったりするので、なるべく最小限にしないといけません。

【変更前】
┌──────────┐
│　　┌①───┐　　│①=<center>
│　　│タイトル│　　│
│　　│　本文　│　　│
│　　└────┘　　│
└──────────┘
　　　　　 ↓
【変更後】
┌──────────┐
│タイトル　　　　│　│①=<center>
│┌②─────┐│　│②=<div>
││┌①───┐││　│
│││　本文　│││　│
││└────┘││　│
│└──────┘│　│
└──────────┘

元のCGIは<center>タグで中央に寄せた中にタイトルやらスケジュールのデータが入ったテーブルを表示するようになっているのですが、全体を壁紙に合わせて左から800ピクセル内に寄せた上で中央寄せしたかったので、<center>タグのすぐ外を<div>タグではさむようにしました。
また、タイトルはテーブルタグの中から追い出して本文から独立させるようにしてみました。
結果はPC用、携帯用となりました。。