昨日のU-16リーグ埼玉栄戦は仕事で見られなかったのであれですが、W杯のアジア地区1次予選のインド戦はテレビで見ながら何もエントリーを上げずに何をやってたかというとこのスケジュールのCGI化。
某さんに影響されてやってみました。まぁ手打ちでテーブル作るのが面倒になったからですが…。
条件としてはカレンダー形式ではなく、日程表形式（要は縦並び）。いざ試合会場で開始時間だとか場所だとか不安になることがあるので、携帯で確認できる（京ポンでフルスクリーンにすれば別にPC用でも見れるわけですが、その場合幅が収まらないのと、やはり所詮はPHS、通信量が少ない方が早いですから）のがいいなと思って探してみました。
それで見つけたのがこのスケジュール表CGI。
スタイルシートが使えるようなので、なるべくこっちのページとデザインを共通にするべくいじってみました。
壁紙や文字のフォント、大きさなどは簡単にできるのですが、全体の構成はやはりCGIをいじらないと変わりません。あんまりいじると動かなくなったりするので、なるべく最小限にしないといけません。
【変更前】 ┌──────────┐ │ ┌①───┐ │①=<center> │ │タイトル│ │ │ │ 本文 │ │ │ └────┘ │ └──────────┘ ↓ 【変更後】 ┌──────────┐ │タイトル │ │①=<center> │┌②─────┐│ │②=<div> ││┌①───┐││ │ │││ 本文 │││ │ ││└────┘││ │ │└──────┘│ │ └──────────┘
元のCGIは<center>タグで中央に寄せた中にタイトルやらスケジュールのデータが入ったテーブルを表示するようになっているのですが、全体を壁紙に合わせて左から800ピクセル内に寄せた上で中央寄せしたかったので、<center>タグのすぐ外を<div>タグではさむようにしました。
また、タイトルはテーブルタグの中から追い出して本文から独立させるようにしてみました。
結果はPC用、携帯用となりました。。
コメント (10)
わー！このスケジューラー私が今まさにうちのサイトで導入しようとしているやつです！
携帯で見ることができることと、縦型表示と色が分けられてることと
ある程度改造してもよいことが条件でこれにしようと昨日お金を振り込んできたところだったり。
しかし、スタイルシートはよいのですがCGIの部分をいじるのが恐くて
時間がある時にゆっくりやろうとしていたところだったので
くらげさんのいじり方非常に参考になりました。
この後アップしてもぱくりって言わないでくれますか？(笑)
投稿者: すー | 2004年06月10日 20:21
日時: 2004年06月10日 20:21
タイトルを別にしたところを除けば、divタグをcenterタグの外側に1つずつ追加しただけですから、そんなにいじらずに済みました。
全体を左に寄せる必要がなければ、centerタグにスタイルシートで何か定義してもいいですしね。
(´-`).｡ｏO(一度途中まで作りかけたのをどうにもうまく行かないんで全部捨ててやり直したなんて言えない･･･）
やーい、パクリパクリー（笑）
投稿者: ShibireKulage | 2004年06月10日 23:30
日時: 2004年06月10日 23:30
このカレンダーいいですよね。
私もこっちに変えるかな。
パクリは大の得意（笑
投稿者: 辻神 | 2004年06月10日 23:36
日時: 2004年06月10日 23:36
最初は辻神さんのとこのカレンダーにしようかとも思ったのですが…。
使ってみてわかった（説明読んでないのバレバレ）ことは、URLを貼ると自動的にリンクしてくれるんですが、aタグで文字にリンクを仕込もうと思うと（競技場名に地図をリンクするとか）、タグはそのまま表示されて、中のURLだけリンクされてしまうという…。
ま、いいんですけどね（笑）
投稿者: ShibireKulage | 2004年06月10日 23:55
日時: 2004年06月10日 23:55
ぱくり言われたばい！！ショックのあまり違うCGIに……しないですが(笑)
私はこちょこちょと配置を替えたりしてるんですが
うまくいかなくなるのが恐くて、最初のsche33.cgiを名前をデスクトップではsche33-1.cgiに名前を変えておいて
ちょっといじってはFTPでアップする時にsche33.cgiに名前を変えてアップするを繰り返し
試行錯誤七転八倒という感じで設定しております。
HTMLもスタイルシートもcgiも理解しきれてないくせにいじるからたまに酷いことに……。
私も本当は辻さんとこのにしようと思ったんですが、
やっぱりスケジュールが土日に集中するから縦の方がいいと思ったのと
携帯から見られることを重視してこっちに2千円払いましたよー。
最後の問題はカテゴリー分けとその色使いかな。
配色センス皆無なのでこういう時にどのカテゴリーに何色を当てるかで悩んでしまいます。
トップはえんじで代表が青ということしか決まらない(＾＾；
＞辻さん
ぱくらーめ！(笑)
投稿者: すー | 2004年06月11日 00:21
日時: 2004年06月11日 00:21
私は何にも考えずにいじり始めて、どうにも収拾がつかなくなったので、メールで送ってもらったのを保存しなおしましたよ（笑）
カテゴリー分けはなんとなく考えた結果なんですが、色使いともあわせて、後で変えると１つずつ修正して歩かないといけない（一括では直りません）んで、本格的に入力し出す前に決めといたほうがいいですよ。
色分けは16進で指定できるだけに迷いますね。
ちなみに“red”とか“green”とかの指定でも動作しますよ。
うちも赤系だけで揃えちゃうと却って見辛いから、今の関係ない組み合わせになってます。
投稿者: ShibireKulage | 2004年06月11日 00:55
日時: 2004年06月11日 00:55
ぬ、これって有料だったんだ。却下（笑
投稿者: 辻神 | 2004年06月11日 01:01
日時: 2004年06月11日 01:01
とりあえずアップしてみましたが、1日経ったら気に入らなくなってそうな予感(＾＾；
私は自分で構造を理解せずやっているので、OSとかブラウザや文字サイズが違ったらえらいことになる予感……。
一応本来タイトル下のコメント欄をスケジュールの下に持ってきて
そこに今までのように参考リンクを貼ろうと思ってるんですが
今日はそこまでたどり着かず挫折して就寝予定です。
＞色
赤系だけだと逆に見づらくなりますよね。関係ない組み合わせだと
今度は「いや、これがこっちの方が…」とか考えすぎて決まらなく。
あと、携帯から見てもいいように一応タイトルにもカテゴリーを入れてみたりとかしています。
それにしても、もうちょっとスタイルシートとかタグとかCGIとか理解したいなぁ。
本とかちゃんと1冊買ってきて勉強しますかね。
＞辻さん
そうなのよ。有料なのですわよ。2千円くらい払いなさい(笑)
投稿者: すー | 2004年06月11日 01:09
日時: 2004年06月11日 01:09
ここでははじめまして。
今更ながらプリンス来季残留決定おめでとうございます。
予定表、わかりやすいですな。といっても私は導入する予定も需要もなし。（苦笑）
あ、そうそう。これも今更かもしれませんが、今年から？２次予選は４５分ハーフです。三菱養和－甲府を見てそうだったから、間違いないはず・・・・・だよね？・・・・と思って辻さんＨＰで確認。うん、間違いない。（笑）
という事で、今度は２７日にお会いできるかな・・・では。
投稿者: 熱い男 | 2004年06月11日 19:00
日時: 2004年06月11日 19:00
あ、いらっしゃいませ。
ありがとうございます。なかなか劇的な幕切れでありました。
予定表は人のために付けたとというよりも、むしろ自分のためですねぇ。
この日はこの試合とこの試合ではしごできそうとか、この試合じゃなくてこっちの試合に行こうかなぁとか…。
そうですね。27日はサテライトじゃなくて東農大ですね。
きっと大一番でしょうし…。
投稿者: ShibireKulage | 2004年06月12日 01:20
日時: 2004年06月12日 01:20