スマフォ用サイト


スマフォ用サイトのQRコード

1月のカレンダー



1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31


カテゴリ一覧

ただの日記(896)
原付生活(3)
子育て日記(11)
PC関連(11)
もろもろ日記(851)

競馬+POG(1256)
当たらない予想と反省会(693)
POGネタ(58)
競馬について考える(17)
競馬もろもろ(177)
ダービーウィーク!(14)
2011年競馬場訪問記(27)
2012年競馬場訪問記(53)
2013年競馬場訪問記(61)
2014年競馬場訪問記(40)
2015年競馬場訪問記(44)
2016年競馬場訪問記(25)
2017年競馬場訪問記(36)
2018年競馬場訪問記(2)
ひとくち馬主(3)

ホームページ製作(336)
PHPの備忘録(13)
CSSの備忘録(5)
JavaScriptの備忘録(2)
ホームページもろもろ(258)
Flashの備忘録(12)
管理人の備忘録(19)
スマフォ用サイト作成(19)

自宅サーバ(337)
FreeBSD(17)
Apache(4)
PHP(5)
MySQL(16)
サーバもろもろ(130)
障害連絡(124)
リニューアルプロジェクト 2011-2012(41)

お仕事(48)
お仕事(48)

旅の記録・水曜どうでしょう関連(43)
水曜どうでしょう(11)
2009年四国お遍路(6)
2009年アンコールワット(5)
2010年ベトナム(3)
2010年いっそ九州(5)
2010年北海道179市町村(5)
2011年春の一人旅(2)
2011年四国お遍路(6)


先月までのネタ

2018年
2018年2月(3)
2018年1月(11)

2017年
2017年12月(14)
2017年11月(11)
2017年10月(18)
2017年9月(18)
2017年8月(21)
2017年7月(29)
2017年6月(26)
2017年5月(23)
2017年4月(18)
2017年3月(11)
2017年2月(11)
2017年1月(16)

2016年
2016年12月(25)
2016年11月(24)
2016年10月(30)
2016年9月(15)
2016年8月(16)
2016年7月(15)
2016年6月(18)
2016年5月(30)
2016年4月(28)
2016年3月(29)
2016年2月(26)
2016年1月(32)

2015年
2015年12月(30)
2015年11月(29)
2015年10月(30)
2015年9月(27)
2015年8月(28)
2015年7月(28)
2015年6月(28)
2015年5月(29)
2015年4月(30)
2015年3月(28)
2015年2月(26)
2015年1月(29)

2014年
2014年12月(31)
2014年11月(28)
2014年10月(31)
2014年9月(29)
2014年8月(29)
2014年7月(31)
2014年6月(31)
2014年5月(30)
2014年4月(30)
2014年3月(28)
2014年2月(27)
2014年1月(31)

2013年
2013年12月(29)
2013年11月(27)
2013年10月(29)
2013年9月(27)
2013年8月(28)
2013年7月(28)
2013年6月(29)
2013年5月(29)
2013年4月(30)
2013年3月(26)
2013年2月(24)
2013年1月(29)

2012年
2012年12月(28)
2012年11月(27)
2012年10月(28)
2012年9月(30)
2012年8月(31)
2012年7月(33)
2012年6月(32)
2012年5月(33)
2012年4月(35)
2012年3月(30)
2012年2月(27)
2012年1月(31)

2011年
2011年12月(25)
2011年11月(25)
2011年10月(28)
2011年9月(28)
2011年8月(28)
2011年7月(28)
2011年6月(27)
2011年5月(26)
2011年4月(16)
2011年3月(9)
2011年2月(11)
2011年1月(9)

2010年
2010年12月(12)
2010年11月(11)
2010年10月(8)
2010年9月(13)
2010年8月(10)
2010年7月(20)
2010年6月(6)
2010年5月(9)
2010年4月(2)
2010年3月(3)
2010年2月(5)
2010年1月(8)

2009年
2009年12月(9)
2009年11月(2)
2009年10月(4)
2009年9月(3)
2009年8月(1)
2009年7月(9)
2009年6月(3)
2009年5月(14)
2009年4月(10)
2009年3月(11)
2009年2月(9)
2009年1月(10)

2008年
2008年12月(1)
2008年11月(1)
2008年10月(1)
2008年9月(5)
2008年8月(1)
2008年7月(1)
2008年6月(2)
2008年5月(1)
2008年4月(1)
2008年3月(2)
2008年2月(7)
2008年1月(7)

2007年
2007年12月(11)
2007年11月(7)
2007年10月(8)
2007年9月(12)
2007年8月(11)
2007年7月(5)
2007年6月(16)
2007年5月(8)
2007年4月(2)
2007年3月(14)
2007年2月(2)
2007年1月(8)

2006年
2006年12月(4)
2006年11月(6)
2006年10月(7)
2006年9月(10)
2006年8月(9)
2006年7月(20)
2006年6月(13)
2006年5月(3)

2005年
2005年9月(13)
2005年8月(13)
2005年7月(18)
2005年6月(24)
2005年5月(26)
2005年4月(26)
2005年3月(27)
2005年2月(22)
2005年1月(26)

2004年
2004年12月(29)
2004年11月(29)
2004年10月(26)
2004年9月(23)
2004年8月(12)


最近のコメント



管理人の今年の目標が一つ増えました…。(あああ)

まあそんなに書くことはありませんが…。(momo)

【管理人からご挨拶】 『The Sunday Breeze』は5月25日に開設19周年を迎えます。(アオヤギ)

4月からスタートする「Sunday Breeze POG!」の一部ルール追加について。(アオヤギ)

昨日「Sunday Breeze賞」の観戦に帯広競馬場へ行ってきました。(白イチゴ)

本日5月25日、「The Sunday Breeze」は18回目の誕生日を迎えました。(アオヤギ)

【「G1予想大会」プレリリース終了】皆様のご協力、本当にありがとうございました。(アオヤギ)

【再度お知らせとお願い】今週からの「G1予想大会」、新機能プレリリースを公開中です。(白イチゴ)

2015年、新年明けましておめでとうございます(去年の目標を振り返り、今年の目標を!) (アオヤギ)

今日のブログは読まなくていいです。(ルーク)



ネタの検索



管理人の競馬観戦記録


(2017・2018年)

JRA札幌競馬場
9月2日 (札幌2歳S)

JRA函館競馬場
7月23日 (函館2歳S)

JRA福島競馬場
7月22日

JRA新潟競馬場
8月27日 (新潟2歳S)

JRA東京競馬場
6月25日
10月15日 (東京ハイJ)

JRA中山競馬場
4月1日 (ダービー卿CT)
9月9日 (紫苑S)
12月23日 (中山大障害)
12月28日 (ホープフルS)
1月6日 (中山金杯)

JRA中京競馬場
7月16日

JRA京都競馬場
11月25日 (京都2歳S)

JRA阪神競馬場
12月10日 (阪神ジュベナイルF)

JRA小倉競馬場
9月3日 (小倉2歳S)

帯広競馬場
7月1日

盛岡競馬場
7月9日 (オパールC)

浦和競馬場
4月26日 (しらさぎ賞)

船橋競馬場
3月15日 (ダイオライト記念)
5月4日 (東京湾C)
7月25日 (習志野きらっとS)
12月7日

大井競馬場
5月2日
5月10日 (羽田盃)
7月12日 (ジャパンダートD)
9月13日 (東京記念)
1月24日 (TCK女王盃)

川崎競馬場
10月11日 (鎌倉記念)
12月13日 (全日本2歳優駿)

笠松競馬場
10月20日

名古屋競馬場
5月25日

園田競馬場
10月20日

高知競馬場
10月21日

佐賀競馬場
12月9日 (大淀川賞)

門別競馬場
6月29日 (栄冠賞)
11月9日 (道営記念)

2012年以降の競馬観戦インデックス


管理人の競馬家計簿


(最近14日分)

2018年2月11日東京
10勝  回収率:0.0%

2018年2月14日浦和
10勝  回収率:0.0%

2018年2月18日東京
20勝  回収率:0.0%

2018年2月18日京都
10勝  回収率:0.0%

2018年2月18日小倉
10勝  回収率:0.0%

2018年2月18日佐賀
10勝  回収率:0.0%

2018年2月20日園田
31勝  回収率:78.4%

2018年2月20日高知
20勝  回収率:0.0%

2018年2月20日佐賀
21勝  回収率:70.0%

2018年2月24日中山
72勝  回収率:100.3%

2018年2月24日阪神
51勝  回収率:115.5%

2018年2月24日小倉
51勝  回収率:256.8%

2018年合計
20547
勝率:22.9%  回収率:91.6%
(万馬券:5本的中)

2017年合計
881163
勝率:18.5% 回収率:69.8%
(万馬券:36本的中)

2016年合計
1520346
勝率:22.8% 回収率:68.6%
(万馬券:41本的中)

2015年合計
2014422
勝率:21.0% 回収率:67.2%
(万馬券:51本的中)

2014年合計
1733371
勝率:21.4% 回収率:67.0%
(万馬券:33本的中)

2013年合計
1716328
勝率:19.1% 回収率:76.6%
(万馬券:25本的中)

2012年合計
1206236
勝率:19.6% 回収率:72.5%
(万馬券:9本的中)

2011年合計
90988
勝率:9.7% 回収率:38.1%
(万馬券:8本的中)


管理人のつぶやき


(皆様のフォローをお願いします。)

@sunday_breeze からのツイート
2007年1月のネタは全部で8件あります。

昨日のソースにバグあり?

Opera7.23のバグなのか、ソースのバグなのか
まだはっきりわかりません。

追加したスクリプト中の
<object>タグの中の内部処理.php?パラメータが
なぜか2回呼ばれてる。

なぜ?

JavaScript内にデバッグを入れてみても
この関数が2回呼ばれてるわけではないみたい。
純粋にこの<object>が2回呼ばれてる?っぽい。

しかも、1回しか呼ばれないときもある。
タイミングによって、2回呼ばれるときもある。
というか、2回呼ばれることのほうが多い。

原因も対応策も未定。

[コメント読む(0)]  人気ブログランキングへ 
[広告です] JRAのネット投票なら楽天銀行+即PAT!

Ajax非対応ブラウザでもページ遷移なしにサーバからデータを取得する。

タイトル長いな。

新ページはAjax満載です。
で、「チームゴルゴ」という変な集団(笑)に
モニタをお願いしてました。

Mac使いのT氏より、いくつかのブラウザでの動作を確認していただいたところ、
やっぱり出た。

MacIE、Ajax完全非対応!

ということで、いろいろと対策を考えました。
備忘録。

------

if ( window.ActiveXObject ) {// for IE
 xmlhttp = new ActiveXObject ("Microsoft.XMLHTTP");
} else if ( window.XMLHttpRequest ) {// for Firefox, Opera
 xmlhttp = new XMLHttpRequest();
}

//(1)

if (xmlhttp) {
 xmlhttp.onreadystatechange = OKだったときの関数;
 xmlhttp.open('GET', '内部処理.php?パラメータ', true);
 xmlhttp.send(null);
}

function OKだったときの関数() {
 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  document.getElementById("表示エリア名").innerHTML = xmlhttp.responseText;
 }
}

まあ基本はこんな感じですわ。
最近ではMicrosoft.XMLHTTP2だの3だのってあるみたいですけどね。

で、Ajax非対応(=XMLHttpRequest非対応)のブラウザの場合、
(1)の時点で
xmlhttpには何も入らないわけです。
もうちょっと言うと、一番先頭で
xmlhttp=null
としておくと、(1)では
xmlhttp=null
のままなわけで、(1)すぐ下のif文は通らない、ということになります。

要は、Ajax非対応のブラウザ向けに
else
を追加すればいいだけの話。

------

呼び出し元のページは
<div id="表示エリア名">
<input type="button" onclick="上のJava Script()">
</div>

となっていて、
Ajax対応ブラウザの場合は、表示エリア内に
xmlhttp.responseTextが出力される、と。

じゃあAjax非対応(xmlhttp=null)ブラウザだったら?
OKだったときの関数へは行かないので、何も表示されない。

ということで、xmlhttp=nullの場合は、
そこに内部処理ページを埋め込んでしまえばよい、ということになるのです。

------

追加したスクリプト。

} else {
 top.document.getElementById("表示エリア名").innerHTML = '<object type="text/html" data="内部処理.php?パラメータ" style="スタイル" standby="読み込み中..."></object>';
}

という感じ。

------

一応、Opera7.23での動作確認はしてみましたが、
動きとしてはAjaxと遜色ないと思います。

あとは内部処理ページでどこまでHTMLを組み込むか?
ってこともありますが。
(Ajaxで呼ばれても、OBJECTタグ埋め込みで呼ばれても、
動きが変わらないようにうまいこと作りこむ必要があるってことです)


------

でも、どちらにしろ、
ブラウザのJavaScriptがOFFになっていたら
もちろん動作しません。

その対応は別途必要です。

ちなみに、追加したスクリプトの
document.…の前の「top」は
内部処理.phpで生成されたHTMLから、さらに別パラメータなどで
表示エリアに内部処理.phpを再読み込みさせたい場合に必要です。
まあ「parent」でも動くとは思うけど。

[コメント読む(0)]  人気ブログランキングへ 
[広告です] 地方競馬をひとつに集約!全場買える【 楽天競馬 】

Webページを作るにあたり、頭を悩ませること。

それは
どこまでテスト(動作確認・表示確認)を行うか?

OSで言えば、Windows、Mac、Linux
ブラウザで言えば、IE、Gecko系のNetscape、Firefoxなど、KHTML系のSafari、Konquerorなど、Opera、ケータイ用ブラウザ等々、
しかもバージョンにまで違いをつけて・・・。
なんてことしてたら、いつまでたっても公開できません。

みなさんはどうしてるんでしょう?

------

アクセスログを見てみた。

実に96%を越える方々がWindowsを使い、
Macよりケータイのほうが多かったりする。

そしてブラウザは95%の方がIE5以上。

じゃあ確認はWinIE5だけでやればいいかというと、そうではない。
と思う。

Win98、IE4.01で見ている人もいる。
Mac、IE4.5で見ている人もいる。
Win2k、NN4.7で見ている人もいる。

正常に見えているんでしょうか???

------

で、現在製作中の新ページ。
確認計画を立てます。

Windowsの場合。
IE6は一応。ってか、これで崩れたら終わってる。という話。
IE5。Ajaxが動くのか?
IE4。Ajaxは動かない。けど表示が崩れないか?
→古いノートがあるので、Win98を入れて、初期状態(IE4.01だっけ?)で試してみる。
IE7。やばいかも。動かないかも。

Gecko系は
NN4.7。Ajax動かないし、表示も崩れることは既知。どこまで崩れるのか。代替表示方法の確認(というか模索)
NN6.1。Ajax動かない?
NN7.1。一応最新版?
Firefoxはいいや。動くでしょ?

Opera7.53。Ajax動かない?
Opera8.01。あれ?家のPCって8.01だっけ?

Macの場合。
IE5.16。IE for Macはサポートも終了しているけど、使っている方もいるので。
ホントはIE4.xを試したかったけど、入手困難?みたい。
Firefox(バージョン未定)。ホントは1.xを試したいけど、手に入るかしら?
Safari1.2。Macの今の標準なんですか?よくしらないけど。

Linuxの場合。
一応Konquerorだけ試すか。

そもそもLinuxとMacをどう入れるか。
新サーバ予定マシンつぶすか、仮想マシン使うか。
どっちにしても手間かかるなぁ。

ということで、
Mac、Linuxを普段お使いの方、新サイトのモニターを募集します。
「新しいサイトにダメ出ししてやってもいいぞ」という方、ご連絡いただけると
大変助かります(笑)

[コメント読む(0)]  人気ブログランキングへ 
[広告です] 地方競馬をひとつに集約!全場買える【 楽天競馬 】

IEのバグに悩まされていた。

20070125分画像
右の図。

現在作成中の画面です。
上半分はIE。下半分はOperaで表示させたときのものです。

通常、Operaを使用しているので、ごく最近まで気づかなかったのですが、
IEで表示させると、どうも行間が詰まる。
div要素のline-heightプロパティに1.8と設定しているのですが。

で、よくよく見てみたら
画像(imgタグ)が含まれている行だけ、行間が狭くなってる。

なぜだろうと思って、ぐぐってみた。
見つかった。

IEバグ:img要素などの置換要素を含む行の前後では、line-heightが指定した値より小さくなる|CSS HappyLife

ということ。

英語ですが、ここも(サンプルあり)
Microsoft Internet Explorer: Line-height / Replaced Element Bug

imgタグだけでなく、inputtextareaなどでも同様の現象が起こる模様。

対策としては、画像の上下にpaddingプロパティで間隔をあけてやるしかないみたい。
だけど、正常に見えてるブラウザに対してはハックで対処してやらなきゃならない、と。

具体的な方法については、これから考えます。

[コメント読む(0)]  人気ブログランキングへ 
[広告です] JRAのネット投票なら楽天銀行+即PAT!

ブレーカーおちる。

ご迷惑をおかけしました。

多分、奥さんが電子レンジと食洗機をいっしょに使ったんだろうな。
会社からも突然、接続できなくなりました。

メールしたら、やっぱり落ちたとのこと。

自動的に電源ONにできる設定がBIOSにあるって聞いたんですが、
ホントですかね?
といいつつ、ヤフオクでUPS(無停電電源装置)を購入しようと
ふらふらしてます。

でも、UPS導入してもブレーカー落ちたら
サーバの電源切れなくても、ルータが切れるから
結局つながらなくなるんだけど。
ルータは居間で、サーバは2階4畳半だから。。。

まあ復帰が早くなるだけマシか?

[コメント読む(0)]  人気ブログランキングへ 
[広告です] JRAのネット投票なら楽天銀行+即PAT!