「SBメンバーズサイト」スマフォ対応がほぼ完了！

いろんなことが中途半端になりまして…ということを
昨夜のブログで書きました。

んで寝る前に冷静になって考えたんですよ。

うん
まずは「SBメンバーズ」のサイトリニューアルを完結させます。
たぶんここで違うことに手を染めると、
メンバーズサイトのリニューアルは再来年くらいになっちゃいそうな気がするので。

今年はとにかくサイトのリニューアルに一球入魂。
馬券を買うことも、競馬場を訪問することも
犠牲にしていいと思っています。



ということで本日は
亡くなった伯父の家へ最後の訪問。

1月に亡くなった伯父ですが
とにかくこだわりを持つところにはとことんだったみたいで
いろんなコレクションが部屋の片づけで見つかりまして。

トミカのミニカー(それも100台以上、サビも全くなくケースに入っていて)
鉄道模型(線路から車両からきれいにとってあって)
マンガ「美味しんぼ」(1巻から96巻くらいまでぜーんぶ)

マンガはブックオフへ…
鉄道模型とトミカのミニカーはもったいないのでもらってきました。

親戚連中からは
管理人と亡くなった伯父は似てるなあと言われます。

酒飲んで、タバコ吸って、競馬ばっかりやって。

そして…変なこだわりも持ってるんですね。

管理人も…変なこだわりがなきゃ
競馬のデータベースを作ろうなんて思いませんよ。

-----

んで伯父の家から帰宅後
今日はメンバーズサイトの構築を。

今日はページの全体の構成を大幅に変更しつつ
スマフォ対応にしてました。

---

全体の構成の変更について。

基本的にすべてのページへのアクセスは
1つの同じページにアクセスするように変更しました。

具体的に書くと…
例えばPOGのページはpog.html、Favoのページはfavo.htmlです。
これは見た目の話。

内部的にはすべてbase.phpというファイルへアクセス。
そのパラメータ(引数)として、pogとかfavoというデータを渡すことに。

ブラウザ入力　→　実際に動くページ
pog.html　→　base.php?page=pog
favo.html　→　base.php?page=favo
というような感じ。
メンバーズサイト内のどのページにアクセスしても
基本的にはbase.phpというファイルにアクセスする形です。

これによってどういうメリットがあるかというと…



赤枠の部分はbase.phpで書いて、
青枠の部分をpogとかfavoとかそれぞれのページに合わせて書く。
(base.phpの中から、パラメータにあった外部ファイル(pog.phpとかfavo.phpとか)を読み込む形式)

新しいページを作るときは
青枠の中だけを書けばOKになるわけですね。
これ、今後のメンテナンスが一気に楽になるんですよ。

---

これが出来上がってから
スマフォ対応をしてました。

これも基本的には
base.phpのスタイルを
ユーザエージェント(ブラウザ・端末情報)に合わせて
読み込む外部ファイルを変えるという手法。
(すでにこのブログでも採用している手法です)

通常適用させるスタイルは普通に書いておいて
ユーザエージェントがスマフォの場合に
別のスタイルファイルを読み込んで、スタイルを上書きするというイメージ。

実際のコードはこんな感じ。


基本はsbm.style.cssに書かれているスタイルが適用されますが
ユーザエージェントがスマフォだった場合は
sbm.sp.style.cssに書かれているスタイルで上書きするというイメージ。
sbm.sp.style.cssに書かれていないスタイルはsbm.style.cssのスタイルが適用。

まあそんな感じで出来上がったのは…

PC版だとこんな感じ


これをスマフォで観るとこんな感じ


一応今回は、iPhone4で表示された場合をPC上でエミュレーションしていますが
このほかのスマフォだともうちょっと小さくなるかもしれません。


今回の対応は
基本的にはWebの世界では「当たり前」なことだと思います。
それこそ「WordPress」なんかでもこんなロジックを基本として作られてますしね。
ただねー…それこそこれを1から作るってのはなかなか大変ですよ。

今は知識がなくてもWebサイトを持つことができるようになりましたがね。
みんな似たり寄ったりになっちゃって。それはそれでどうなのかなぁ…って。


ま、とりあえず今日はだいぶ前進しましたので
明日以降はすでに出来上がっているPOGページをスマフォ用に書き換えて
ほかのページをシコシコ作っていく感じで。

---

今更なんですが…さっき思い出しましたが
来年度のPOGページ、今週末に公開するってことを
すっかり忘れてました。

準備進んでないや。


ここで今週の予定を。

管理人の本職は
今週は月曜から金曜まで通常通り。夜勤はありません。
来週の3連休は土曜日休み、日曜日本職、月曜日静岡。

来週のどっかのタイミングで
来年度のPOGページをリリースします。
どのタイミングになるかは…わかりません。

それと…今週から南関東・大井競馬はナイターが開幕。
今のところ水曜日に行く予定です。

いよいよ南関東競馬もおとこ馬クラシックに向けたトライアルレース。
京急電鉄賞京浜盃が行われます。
昨年はオウマタイム、一昨年はハッピースプリント、その前はジェネラルグラント。
その後のレースでも活躍が目立つ馬たち。
今年は果たしてどの馬が勝つんでしょうね。


今週のブログは
水曜日の夜は競馬観戦記録を。
それ以外はサイト更新の話題になる予定です。