先週の火曜日ぐらいに、今年もやつらがやってきた。
駐車場に小さな赤い実を沢山付ける木があるんだけど、
その実を狙いに、いつもこの時期にやつらがやってくる。
そう、やつらとは、ムクドリのこと。
やつらは、冬のある日、突然集団でやってきて、
一気に赤い実を全部食べて行く。
当然、やつらが去った後は、悲惨な状況に。
車は、やつらの糞でめちゃくちゃ。
駐車場の上は、これまた木の実の残骸、食べかす、
やつらの糞と、これまた、はちゃめちゃな状況。
ということで、今日の朝、車と駐車場を掃除したが、
疲れた。。。。^^);;
でも気になるのが、やつらは、決まって冬のある日
突然、集団でやってくる点。
当然、いつもまわりにいるので、木の実はいつでも
食べられるが、この日までは食べ来た形跡はない。
ということは、やつらは、冬は食べ物がなくなるので、
バラバラに食べていては、食べ物が無くなってしまうので、
自主的に自分達で、食糧管理をやってるんだろうと思う。
今日は、あそこ、明日は、あそことか。
で、駐車場には、この日という感じなのだろう。
でも鳥がそこまでコミュニケーションをとって、
管理しているとはなかなか知能が発達してるんですね。
[0回]
今年最初のカラオケオフ会に行ってきた。
今日は、なんか寒かったし、給料前でもあるし、
風邪ひいてる人多そうだしで、いつもより参加者控えめ。^^)
ということで、都内の某ビックエコーで歌ってきたけど、
さすが、日曜ともなると、この町は、だーれもいないですね。
平日はスゴイ人だけど。ということで、穴場発見でした。
オフ会の方は、そんなわけで、いつもより沢山歌えたので
大満足。それに、３月のＧＬＡＹライブ楽しみで、
今日は、ＧＬＡＹのホワイトロードを練習で歌ってきた。
まだＣＤ借りてないけど、サイバーＢＢのガイドボーカル聞いて
それなりに感じがつかめたので、２回ぐらい歌ったら、
なんか歌える感じだったので、今日は練習がてら唄って来た。
でも、最後のところがどうも喉声になってたようで、
声が出なかったのが、まだ練習不足かな。
でもこの歌は、バラード調でいい曲ですね。
ということで、来月のオフ会に合わせて、また仕込まないと。
やっぱＧＬＡＹのＤＲＩＶＥの残りをまず片付けて。。。かな。
で、今日はＧＬＡＹのファンの方と一緒だったので、
気持ちよかった。
その方も同じ日にライブ行くので、それじゃ一緒に行こうと
いうことで、ＧＬＡＹ初ライブ。楽しみです。
[0回]
現在、JavaScriptの自作ツール等を著作権フリーで配布しちゃう
という大胆なこと考えて、。。。
新規ＨＰを立ち上げる準備中なんだけど、
サイトの構成は出来たけど、その中身を書く前に、
フリー配布する予定のブログで使用しているJavaScriptツールを、
見直し始めたら、
もっと、こうしようとか、こういう機能も追加しようとか
だんだん深みにハマって、
こういうのって、システムエンジニアの方は、
仕様を出す側が、いつも同じようなことしてて
きっと困ってるんでしょうね。^^)
でも仕様を考える方は、いいものを作りたいし、
悪いとこは改善したいしと考えて、どんどん仕様が膨らむ。^^)
さらに、自分は、プログラムを作っても、確認しない性格なので
ホームページを表示するたびにエラーで動かない。^^);;
さらに、Windowsで作ってるので、
Ｍａｃで見る機会があって見たら、エラーで動かなかったりと
なかなか、ＨＰの内容を書けないでいる。
ほんとうなら、ツールは既に出来てるし、
その説明をつけてＨＰを作るだけと思ってたので、
すぐ公開できるかとおもってたら、
いやーーー、人に使ってもらうように公開するとなると
いろいろ調べたりしないといけないし、
なにしろサポートなしが前提なので、問い合わせはなしだけど、
ある程度の説明はしとかなきゃならないしで、結構大変だーー ^^);;;
でも、やっとツール類の改良が済んで、
なんとか１／末までには公開したいけど、
またなんか問題があるとどうなるか。。。。
でも、今週からカラオケオフが２連ちゃんだし、来週は飲み会あるし、
仕事も忙しくなるしで。。。
ということで、１／Ｅ公開は、どうなるんだろう。。。
[0回]
新規ＨＰにBLOCKBLOGで作成したソフトメニューを設置し、
DOCTYPEをXHTML1.0に変更したら、なぜかソフトメニューの横幅が小さくなり
隣との間に隙間が。。^^):::
えっなんでということで、調べていたら、どうもXHTML1.0とHTML4.01で
ＤＩＶ領域に指定したwidth値に対して、
borderで指定した枠線が、
ＤＩＶ領域の内側に配置されるか、外側に配置されるかが異なるようだ。
で、この際、他のブラウザ、他のDOCTYPE指定を調べてみた。
その結果、ＩＥはなんか特殊なのか、昔のお客さんを大事にしているのか
ちょっと、ブラウザで対応が異なるようだ。
仕様を調べてみたら、ＣＳＳ１もＣＳＳ２も、
枠線はBLOCKの内容要素の外側に配置されるのが正しいですね。
ということは、ＩＥでXHTML1.0が問題。
HTML3.2以前は仕方ないにしても、
XHTML1.0/1.1まで悪しき仕様を持ち込まなくてもいいんじゃないのかな？？
ということは、どういう事かと言うと、
DOCTYPEの指定如何では、
ブラウザが異なると、デザインが違って表示されることがある。
さらに領域に余裕がないとデザインが崩れてしまうことがある。
困った。。。。^^);;;
XHTML1.0を指定したいが、そうすると、殆どがＩＥで見に来るので
ＩＥに合わせてＣＳＳを指定すると、ＩＥ以外のブラウザでは、
デザインが大きく崩れてしまう。
ということで、涙を飲んで、HTML4.01 Traditionalで作成することに決めた。BLOCKBLOGさんがHTML4.01にしてたのが気になっていたがこういうことが原因なのかな？
あきさんがコメントくれて、泣かなくてもいいみたい。
IE６の場合は、先頭のxml宣言取れば、確かに外側に配置してくれました。
| IE | Mozilla | opera | safari | |
| XHTML 1.1 (non xml) | 外 | 外 | 外 | 外 |
| XHTML 1.0 Strict(non xml) | 外 | 外 | 外 | 外 |
| XHTML 1.1 | 内 | 外 | 外 | 外 |
| XHTML 1.0 Strict | 内 | 外 | 外 | 外 |
| HTML 4.01 Strict | 外 | 外 | 外 | 外 |
| HTML 4.01 Transitional | 外 | 外 | 外 | 外 |
| HTML 3.2 | 内 | 外 | 内 | 外 |
| DOCTYPEなし | 内 | 外 | 内 | 外 |
内側：BLOCK要素横幅(marginは除いています）：
＝width
外側：BLOCK要素横幅(marginは除いています）：
＝border-left-width + padding-left-width
+ width
+ padding-right-width + border-right-width
確認環境：
IE 6.0----------------DOS/V WinXP
Mozilla 1.8a4---------DOS/V WinXP
opera 7.23------------DOS/V WinXP
Safari 1.2.2(v125.7)--PowerBook G4(Mac OS X Ver10.3.4)
テスト用ソース：
<?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>BLOCK要素チェック</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .s400 { font-size: 20px; margin-left: 0px; background: #ffffff; padding: 0px; border: 1px solid #000000; width:400px; } .s200 { font-size: 20px; margin-left: 40px; background: #ffffff; padding: 0px; border: 1px solid #000000; width:200px; } .s100 { font-size: 20px; margin-left: 80px; background: #ffffff; padding: 0px; border: 1px solid #000000; width:100px; } .d1 { margin: 0px; background: #ccccff; padding: 20px; border: 20px solid #000000; width:400px; } .d1 .d2 { margin: 0px; background: #eecccc; padding: 20px; border: 20px solid #000000; width: 200px; } .d1 .d2 .h1 { margin: 0px; background: #cccccc; padding: 0px; border: 1px solid #000000; width: 100px; } </style> </head> <body> <div class="s400"><p>400px</p></div> <div class="s200"><p>200px</p></div> <div class="s100"><p>100px</p></div> <div class="d1"> <div class="d2"> <h1 class="h1">ツール</h1> </div> </div> </body></html> [0回]
XHTMLとHTMLの記載の違いを調べてみた。
そしたら、ここに詳しく書いてありました。
ということで、特に注意する点を書いておこう。
・XHTML記載の注意点
?スタイルシートでも要素名や属性は小文字で書く。
?name属性は使わないで、id属性を使う。
ただし、従来互換も考慮し、従来互換が必要なら併用する。
?＜、＞や＆の半角記号を文書中で用いる場合は、文字参照で記載する。
?id名の先頭文字は、半角英字。→これは従来から同じ。
でも間違えると、処理してくれないので注意。
特に?は記憶しておこう。
?は、ページ内参照時に使うかな。
?は、つい考えずに記載してるので、
忘れるかも。あとスペースもあるしね。^^);;
?は、知らなかったので、動かなかったときは焦ったけど、
JavaScriptやCSSをいじる時には、これが一番やっていけないことですね。^^);;
あとCDATA sectionがあるようだけど、
これJavaScriptコードをそのままブラウザに表示するには便利そうだけど
どうやって使うのか調べたが、よく分かりません。^^);;
[0回]
| 10 | 2024/11 | 12 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 2 | ||||||
| 3 | 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 |