Lucky bag::blog: 2004年11月アーカイブ

月別アーカイブ 2004年11月

前後の月

SEOのキーワード選定

この記事が属するカテゴリー: web&blog

アクセスアップのためのSEOをサイトに施術する場合のキーワード選定。これが結構難しかったりする。グーグルで検索して５万件以上ヒットしたら、そのキーワードでは厳しいと言われたりします。３万件くらいであれば、まだ上位を狙える可能性がある。ウン十万件とかだったら、もう諦めて複数キーワードで考える。もしくは、違う観点から新たなキーワードを考えるしかない。

ITコンサルタントやってる師匠（僕が勝手に思ってるだけ）から聞いた雑貨屋さんのサイトリニューアルの話。SEOのためのキーワード選定で、当然その雑貨屋さんは「雑貨」「枕」「寝具」などのキーワードを選んだのですが、これではサイトに訪れてもらう可能性は低いと予想できました。この雑貨屋では備長炭の枕とかも扱っているので、視点を変えて備長炭というキーワードを入れたところ、アクセスが増えたらしい。ユーザがどういったキーワードで検索するのか（何を求めているか）を見極めるのが難しいですね。

キーワードが決まれば、後は適切にキーワードを埋め込んだテキストを考える作業になるのですが、一つのページの中で、3～5%程度キーワードを散りばめて行く。当然<h1>などの重要視されるタグも頭に入れ、ページ上位部分になるべくキーワードの出現頻度を高めて全体をまとめ、且つユーザに訴求できる文章でなければいけない、これが一筋縄では行かないんです。。。

もちろん検索サイトのクローラーはロボットですから、ロボットが見やすいようにhtmlには<font>や<center>などの装飾に関するタグは一切使わず、デザイン・ポジショニングは全てCSSで行うのが大前提です。

で、そのテキストで行き詰まって現実逃避でエントリー書いていますが、何か？

2004-11-30T10:20:10+09:00 | コメント (0) | トラックバック (0) |

寒い

この記事が属するカテゴリー: moblog

そりゃ、猫も毛布掛けるよな。

2004-11-29T06:35:25+09:00 | コメント (2) | トラックバック (0) |

after擬似要素を使いたい

この記事が属するカテゴリー: CSS

例えば、MTとかじゃなくて、普通のサイトでフッターのコピーライトの年表記を一括修正できるようにしたい時。今パッと思いつくのはこれくらい。（いや、年表記なんかいらないんだぜっていうのは無しで）

フッター用のhtmlを別に作ってSSIでインクルードする
フッター部に外部jsファイルのdocument.writeでコピーライトを書き出す
Dreamweaverのライブラリを使う
CSSのafter 擬似要素とcontentで書き出す
~~年が明けてからアップして一年間忘れてみる~~

１は、サーバがSSIに対応していない場合もある。２は、javascriptをoffにしている人もいる。３は、何となくイヤ（笑）。で、４な訳ですよ。

<div id="footer">
<p><span class="copyright">Copyrights&copy;</span> hoge Co., Ltd. All rights reserved.</p>
</div>

上記htmlに対して、下記のCSSで年を挿入する。

#footer .copyright:after {
        content: "2000-2004";
}

年に変更が入る時は、CSS一カ所変更すれば全ページに反映される。これが一番簡単なんだけど、IEが対応していないorz いや、別にIEだけ表示されなくても無問題なんですが。

:before、:afterってcontentプロパティ使って要素の前後にイメージやら文字やらを挿入するのにスゲェ便利だと思うのになぁ、って今仕事しながら思った。

2004-11-27T13:18:14+09:00 | コメント (4) | トラックバック (1) |

厳しい世の中です

この記事が属するカテゴリー: Misc

朝、電車の中吊り広告で何となく目にした「WEDGE」の「ＳＥ、プログラマー１５０万人　大失業時代がやってくる」っていう仰々しいタイトルが頭に残っている。読んだ訳ではないのですが、マンパワーがインドや中国に劣っているって事らしい。ＩＴ土方とか言われたりもして、人ごとながら大変そうです。

以前、某生保会社の情シスで協力会社として2年弱ほどお手伝いさせて頂いたことがあるのですが、そこでお世話になったSEの方はスゲェ人でした。リーダーシップ、判断力、実行力、話術、そして短気（笑）。仕事したくねぇとか言いながらやる時はやるし、仕事をやるにもちょっと遊び心を取り入れて、楽しく仕事をしようとする人でした。結構かわいがってもらって、今でも飲みに行ったりするのですが、あの人が独立するって言うんなら、迷わず付いていくのになぁ。そういや、プロジェクトマネージャー目指して勉強してたけど、どうなったんだろ。

2004-11-25T15:05:41+09:00 | コメント (4) | トラックバック (0) |

略語にabbrかacronymか

この記事が属するカテゴリー: CSS web&blog

abbr、acronymそれぞれCSSやNATOなどの省略語のフルスペルを知らない人のための要素で、その語句が最初に現れる所だけにマークアップします。省略語句にマウスオーバーするとフルスペルをツールチップでtitle表示してくれます。

<abbr title="Cascading Style Sheets">CSS</abbr>

<acronym title="North Atlantic Treaty Organization">NATO</acronym>

abbrはetc、wwwなどの略語、acronymはWHO、LASERなどの頭文字と言われていたりもします。または、LAN=ラン、NASA=ナサなど単語として発音できるものはacronymを使うとも言われたりしますが、両方略語という意味では一緒です。むしろ頭文字も略語なのでabbrで全てを賄えるわけです。しかも、XHTML2.0の草案ではacronymが無くなっているそうです。じゃabbrでいいじゃんといかないのは、IEがabbrに対応していないんですよね。で、結局は閲覧者にとってそれがabbrかacronymかなんて事は関係なくて、ようは略語のフルスペルが分かれば良いだけの話なんで、当サイトではシェアの多いIEユーザーを優先して、とりあえず全てacronymでマークアップしています（acronymが廃止されたらabbrに切り替える予定）。でも一番親切なのはThe Web KANZAKIさんが言われているように、略語の後に（）でフルスペルを明記することなのかも知れませんね。

ちなみにCSSで略語にマウスオーバーするとカーソルが?に変わるようにしています。

acronym, abbr {
        cursor: help;
}

2004-11-25T12:56:01+09:00 | コメント (0) | トラックバック (2) |

独り言

この記事が属するカテゴリー: Misc

このサイトは自分の知人にほとんど教えていなかったのですが、何とか２ヶ月続けて来られたので、16年来の友人に教えた所、専門的で解らないと一蹴されてしまいました。。。自分的にはそんなにディープなつもりは全くなかったのですが、言われてみれば確かにそうなのかも。その友人は6、7年前くらいに音楽と映像を融合させたインタラクティブなフラッシュサイトを作ってて、ほぇーすげぇなぁって思っていたりしたのですが、最近はもうやってないみたいで残念。まぁ、自己満足なチラシの裏に書いてろ的な当サイトですが、へこまずにテキトーに続けていきます。

2004-11-24T17:47:58+09:00 | コメント (2) | トラックバック (0) |

外部CSSの文字コード指定

この記事が属するカテゴリー: CSS

XHTMLなりHTMLでは、xml宣言やhead内のmeta http-equivで文字コードの指定を行います。CSSに関してもW3Cの仕様書にスタイルシートが分離したファイルに存在する場合，利用者エージェントは，次の優先順位を守り，文書の文字符号化を決定しなければならない。と明記してあります。

"Content-Type"フィールドのHTTP"charset"パラメーター
@charsetの@規則
参照する文書の言語機構。例えば，HTMLの場合は，LINK要素の"charset"属性

基本的に外部CSSファイルが英数字だけの記述の場合や、html文書と同じ文字コードであれば指定の必要はないと言われたりもします。しかし、font-familyでＭＳＰゴシックやヒラギノ角ゴ Pro W3などと指定する場合もありますし、@charsetを指定しないとネスケ6では誤った解釈をする場合があるようですので、記述しておいた方が良いかと思います。

@charset "shift_jis"; /*shift_jisの場合*/

@charset "euc-jp"; /*euc-jpの場合*/

@charset "utf-8"; /*utf-8の場合*/

@charset "iso-2022-jp"; /*iso-2022-jpの場合*/

上記の宣言をCSSファイルの先頭に記述します。当然の事ながら、html文書内でsytle要素を使用している場合は、htmlの文字コード指定があるので、宣言の記述は必要ありません。

参考にさせて頂いたサイト: CSS Dencitie : 使ったほうがいいかもしれない@charset; 4.4 CSS document representation; 4.4 CSS 文書表現（上記和訳）

2004-11-24T14:01:55+09:00 | コメント (0) | トラックバック (1) |

共通要素に付ける名前

この記事が属するカテゴリー: web&blog

MinuteDesignさんがidやclass の標準化に関して「Designing ID」で色々と紹介されていました。その中でAnd all that Malarkeyが調べた40件の一覧表が興味深かった。wrapperやcontentなど自分がidやclassに付ける値がそれほど外れているわけではなかったのでちょっと安心。標準化するべきか否かってのは置いといて、こう言った議論がなされるのって良いですよね。しかし、naviって略するの日本人だけなのかぁ…って俺思いっきりnaviって付けてるやん(笑)

2004-11-23T19:08:46+09:00 | コメント (0) | トラックバック (0) |

コンテンツと広告

この記事が属するカテゴリー: Misc

ITmedia ライフスタイル：テレビコマーシャル時代の終焉 (1/3)

視聴者にとって興味のないテレビコマーシャルは邪魔なだけで、広告に対しての考え方を変えていかなければいけないとうお話し。対照的に、ウェブでの広告ってコンテンツと全く関係のないものではなく、少なくともサイト管理者（作成者）が選んだものや、記事内容に沿った広告が表示されていたり、もしくはインフォマーシャル的な使われ方をされていたりもします。ユーザーにとっては広告によって画面の一部を占有されるだけで、興味があればクリックをするし、興味がなければ見向きもしないのでしょう。一方、テレビコマーシャルは番組制作者が意図して選んだコマーシャルでもなく、興味があろうと無かろうと15秒、30秒と強制的に見させられる。まぁ、その間トイレタイムに活用される訳ですが。テレビも全面的に地上波デジタルに切り替われば、コマーシャルの形も変わっていくのかもしれません。

2004-11-22T17:57:25+09:00 | コメント (0) | トラックバック (0) |

googleから消えた

この記事が属するカテゴリー: web&blog

見事にこのサイトがgoogleのインデックスから跡形もなく消え失せました。11月13日の午前2:38以降クローラーもパタッと訪れなくなり、当然googleからの訪問者も無くなりました。

考えられる事由

スパム行為と見なされた
新しいサイトが登録されるたび、いくつかのサイトがインデックスから破棄されるが、それに当たった
クロール時にアクセス出来なかったので破棄された（次回のクロール時には拾われる筈）
ページランクが低い状態でページ変更すると破棄される場合がある
ネットワークやホスティングの問題でクロール出来なくなっている
まれにミスで削除される場合がある

１番だと最悪IPやドメインが禁止される可能性があるのですが、いくらなんでもそれは無いだろうと思っています。エントリーを見る限り12日に若干サイト構造を変更し、xml宣言を記述した事と、それ以前にカレンダーを無くして日別アーカイブへのリンクを無くした事位しか思い当たりませんので、４番あたりかも知れません。とりあえず再登録し、googleへ問い合わせています。現在「エンジニアチームが調査を行っております。」との事。６番であれば笑い話で終わるのですが、さて、どうなるのでしょうか。

M.Fuchieさんより、インデックスされているとの報告を頂き、確認したところ復活していました。

11月20日午後14:29に約一週間ぶりにクローラー訪問を確認。

2004-11-19T10:14:38+09:00 | コメント (2) | トラックバック (1) |

日本でiTunes Music Store

この記事が属するカテゴリー: Mac

NIKKEI NET：主要ニュース
米アップル、日本で音楽配信・来春メドに10万曲　米アップルコンピュータは来年3月をメドに日本で、インターネット音楽配信サービスを開始する。邦楽を中心に国内最大級となる10万曲以上をそろえる考えで、日本のレコード各社と交渉に入る。

とうとうｷﾀｰって感じですね！

2004-11-18T12:15:03+09:00 | コメント (0) | トラックバック (0) |

xhtml1.0strictでjavascript

この記事が属するカテゴリー: web&blog

寂しく一人作業していてちょっと躓いていたアホみたいな問題が解決し、嬉しくてエントリー（笑）。正直javascriptはあまり詳しくないんですが、ちょっとした入力チェック位なら作れる程度です。で、お問い合せフォームの入力チェックをクライアントサイドで行おうとし、外部ファイルとして下記のscriptを書いたのですが、全然反応しません。

//一番目の入力項目にフォーカスを当てる
function setOnLoad(){
        document.form.company_name.focus();
}
// フォームチェック
function formcheck(){
        var flag=false;
        var message="以下の項目が未入力か入力ミスがあります\n\n";
        var name=document.form.name;
        var tel=document.form.tel;
        var mail=document.form.email;
//名前の入力確認
if(name.value <= 0){
        message+="「お名前」が入力されていません\n";
        frag= true;
}
//電話番号の入力確認
if(tel.value <= 0){
        message+="「電話番号」が入力されていません\n";
        flag=true;
}else if(tel.value.search(/[0-9]+[-]+[0-9]+[-]+[0-9]+/i)<0){
        message+="「電話番号」はハイフン（-）と半角数字で入力してください\n";
        flag=true;
}
//メールアドレスの入力確認
if(mail.value <= 0){
        message+="「メールアドレス」が入力されていません\n";
        flag=true;
}else if(mail.value.search(/[!-?A-~]+@[!-?a-z0-9]+[.][a-z0-9]+/i)<0){
        message+="「メールアドレス」が正しく入力されていません\n";
        flag=true;
}
//最終入力判定
if(flag){
        window.alert(message);
        return false;
}else if(confirm("送信してよろしいですか？")){
        return true;
}else{
        return false;
}
}

あれ、もしかして1.0strictではname属性使えないんじゃなかったかしらんと思いググってみたらビンゴ！ADPさんの記事にXHTML 1.0 Strictなんかではform要素にname属性は使えない。nameをidに変えるだけでは、JavaScriptのエラーになってしまう。ってあるじゃないですか。。。負けず嫌いなんで「あぁ、僕の知識じゃ無理か。やっぱ詳しい人間に頼むしかないかぁ」とブルー入ってたのですが、足りない脳みそにピピンと閃きました。「配列」使えばいいんじゃんと。で、下記の通り記述し直したら見事にうまくいきました:-)

//一番目の入力項目にフォーカスを当てる
function setOnLoad(){
        document.forms[0].elements[0].focus();
}
// フォームチェック
function formcheck(){
        var flag=false;
        var message="以下の項目が未入力か入力ミスがあります\n\n";
        var name=document.forms[0].elements[1];
        var tel=document.forms[0].elements[2];
        var mail=document.forms[0].elements[3];
以下略

この位のスクリプトであれば配列を使っても大して面倒じゃないですよね。いや、詳しい人から見れば何言ってんのって感じなのでしょうが、とりあえず今は充実感でいっぱいです（笑）

2004-11-18T10:11:45+09:00 | コメント (2) | トラックバック (1) |

pre要素にoverflow

この記事が属するカテゴリー: CSS

htmlやCSSのコードを紹介するときにpre要素を使っています。横に長いコードの場合は、overflow: auto;と指定し、スクロールバーが表示されるようにしているのすが、IEの場合pre要素の幅を指定してあげないと、バーが表示されずpre要素内の中身いっぱい横に伸びて表示されてしまいます。そこで、IE5.5以降では認識できない子セレクタを使って解決します。

.content pre {
        margin: 10px;
        background-color: #FFFFFF;
        border: 1px dotted #CCCCCC;
        padding: 1em;
        width: 100%;
        overflow: auto;
}
#center  > .content pre {
        width: auto;
}

IEのために幅100%を指定しますが、これだとOperaやMozilla系が横に伸びてしまうので、その後に子供セレクタを使った幅指定を上書きする。

さらにMac IEではdiv要素以外へoverflow指定すると、中身が消えてしまうバグがあります。対処方はoverflowを@media指定で指示すれば、Mac IEは無視してくれます。

@media screen {/* この中をMacIEは無視する */
        pre { overflow:auto; }  
}

pre要素の中身は表示されますが、当サイトは現在幅固定のレイアウトなので、Mac IEではレイアウトが崩れてしまいます。divで囲んで、それに対してoverflow:auto;すれば良いのは分かりますが、無駄なdivは入れたくないので、悪しからず。とりあえずデザインより内容を重視ということで、無視していますが。。。

2004-11-17T10:17:53+09:00 | コメント (2) | トラックバック (0) |

IEへの手紙

この記事が属するカテゴリー: News

ITmedia エンタープライズ：親愛なるIEへ――お別れの手紙 (1/2)
親愛なるIEへ――お別れの手紙 (1/2) これは、Internet Explorerの数々の脆弱性に悩まされ、タブブラウジング機能も付けてもらえず、アップデートに苦労してきたあるユーザーからIEへの決別の手紙である。

うまい！読み物としてもなかなか面白い（笑）

2004-11-16T12:26:44+09:00 | コメント (7) | トラックバック (1) |

寂しく一人作業

この記事が属するカテゴリー: Misc

7年間放ったおいた自社サイトをxhtml1.0 strict、完全CSSデザインのリニューアル作業を行っています。当初ディレクションだけの予定だったのですが、アサインしていた人間にヘビーな仕事が入ってしまい、当然クライアント優先と言うことで、自分一人で全て構築するハメになってしまいました。まぁ納期はなんとかなるんで、自分で作った仕様書見ながら（笑）一人でポチポチ作っています。サイト管理を使いたくて久しぶりにDreamweaverMX2004でタグ打っていますが、いゃー入力補完機能らくちんポンっす。しかし、デザインビューはCSSレンダリングのあまりの酷さに使いもんにならないっすね。ＭＴ弄るときはエディター（TeraPad）しか使っていなかったのですが、最近StyleNoteっていうアプリ知りました。これってTTTEditorみたいな物なんでしょうか。ちょっと使ってみようかなと独り言orz

2004-11-15T18:03:50+09:00 | コメント (0) | トラックバック (0) |

illustrator

この記事が属するカテゴリー: Misc

12月に妹が結婚するのですが、内輪だけなんでテーブルに置く名札を作ってくれと頼まれ、ちょっと作ってみた。久しぶりに家のG4 Cubeでイラレ10を使ったのですが、うーむ結構モッサリ。まぁ、作業的にヘビーな処理はしないので、そのままキューブたんで作業続行。とりあえず、8パターンほど作ってみたのですがどうでしょうか。うー、もうちょと考える余地がありそうですね。

2004-11-14T01:34:04+09:00 | コメント (0) | トラックバック (0) |

ちょっとだけ変更

この記事が属するカテゴリー: Misc

ちまちまとCSSを弄って、ヘッダまわりのデザインをちょっとだけ変更しました。うむむ、ビミョーな感じ。。。ついでにxml宣言を記述しましたが、デフォルトのテンプレからなし崩し的に進めてきたツケが回り、フォントサイズを全てパーセント指定に変更するのが面倒でした。構造的に不必要なDivタグがあるので、テンプレを見直す必要がありそうです。ちなみにOperaで確認してないのですが、変なことになってなきゃ良いけど。

うゎ、久々にMacIE5.2起ち上げてこのサイト見たら酷いことになってるor2

2004-11-12T15:13:31+09:00 | コメント (0) | トラックバック (0) |

仕事の後のビール

この記事が属するカテゴリー: moblog

いやー、旨すぎっす♪表参道の鳥珍にて。

2004-11-11T20:32:24+09:00 | コメント (0) | トラックバック (0) |

target=″_blank″ってどうよ

この記事が属するカテゴリー: web&blog

target="_blank"によって外部リンクを別ウィンドウで表示することって、結構嫌がる方がいます。別ウィンドウで開くか同一ウィンドウで開くかは、閲覧者が決めるべき事だと言うわけです。xhtml1.1なんかだと廃止されているので、将来的には無くなっていくのでしょうか。で、僕個人的にはそんなに嫌ではなかったりします。実際に当サイトでも記事中の外部リンクは別ウィンドウ表示にしてたりします（右サイドの他サイトへのリンク等は違いますが）。デザインだけでなくそう言った部分でも、AUTHORの嗜好が現れていると言うことで勘弁してください。

タブブラウザが無かった時代なんか、あるサイトの記事を見ているときに文章中に複数リンクがあったりすると、取りあえずクリックして、同一ウィンドウで表示されたらわざわざ戻って、別ウィンドウで表示させておいて、元記事を見終わった後に見たり、併読したりしていました。なので、別ウィンドウで開くことにそんなに抵抗は無かったりします。今のブラウザは、IEを除いてほとんどがタブ機能を備えているので、target="_newTab"なんかが出来たらいいっすね。Firefoxであれば、ホイールクリックでリンク先を新規タブで開けます。また、TbEやPetit TabBrowser Extension、TbPなどの機能拡張を入れれば、target="_blank"やwindow.open()を使ったポップアップなどを新規タブで開けたりするんで重宝しています。

とか言いつつも、XHTML1.1を見据えてtarget="_blank"やめてみたり

2004-11-11T09:45:57+09:00 | コメント (0) | トラックバック (1) |

やっとアップデート

この記事が属するカテゴリー: Mac

今週は家のCube触ってなかったんで、やっと今日10.3.6にアップデート。

sambaのバージョンを確認したら、3.0.5に上がってました。

2004-11-10T22:53:33+09:00 | コメント (0) | トラックバック (0) |

FireFox1.0リリース!

この記事が属するカテゴリー: News

ついにFireFox1.0正式版がリリースされました。とりあえずダウンロードだけしましたが、明日にでもインストールしてみます。Mozilla Japan

2004-11-09T19:45:30+09:00 | コメント (0) | トラックバック (0) |

最近のコメントに関して

この記事が属するカテゴリー: Movable Type

右サイドに最近のコメントを表示していますが、同一名称で異なるリンク先を示すことはウェブ内容アクセス指針1.0用技術4.6では好ましくないとされています。当サイトではコメンター名が該当コメントへのリンクとなっていますので、title属性をつけて区別することにしました。実は、前からこの仕様にしていましたが、一応覚え書きとして記しておきます。

<h2>最近のコメント</h2>
<ul>
<MTEntries recently_commented_on="5" sort_order="ascend">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
<ul>
<MTComments lastn="10">
<li><a href="<$MTEntryPermalink$>#c<$MTCommentID$>"><$MTCommentAuthor$></a> <$MTCommentDate format="%y.%m.%d"$></li>
</MTComments>
</ul>
</li>
</MTEntries>
</ul>

上記MTCommentsのhrefにtitleとして<$MTCommentDate format="%H:%M"$>を使い、コメントされた時間を24時間表記で割り当てました。

<h2>最近のコメント</h2>
<ul>
<MTEntries recently_commented_on="5" sort_order="ascend">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
<ul>
<MTComments lastn="10">
<li><a href="<$MTEntryPermalink$>#c<$MTCommentID$>" title="comment at <$MTCommentDate format="%H:%M:%S"$>"><$MTCommentAuthor$></a> <$MTCommentDate format="%y.%m.%d"$></li>
</MTComments>
</ul>
</li>
</MTEntries>
</ul>

リンクにマウスオーバーすると、コメントした時刻がツールチップで表示されます。

入れ子になっている状態を表すためのCSSは「MTのサブカテゴリ導入」の後半を参照。

日付タグのformatに指定できる形式

%A: 曜日名：例）Tuesday
%a: 省略した曜日名：例）Tue
%B: 月名：例）November
%b: 省略した月名：例）Nov
%d: 日付の2桁表記：例）09
%e: 日付：例）9
%H: 24時間表記：例）19
%I: 12時間表記：例）09
%j: 該当年の通算日数：例）313
%k: 24時間表記で一桁の時は前にスペース：例） 7
%l: 12時間表記で一桁の時は前にスペース：例） 7
%M: 分：例）07
%m: 数字の月：例）11
%p: 午前午後：例）AM/PM
%S: 秒：例）07
%X: 一般的な時刻表記：例）7:30 AM
%x: 一般的な日付表記：例）November 9 2004
%Y: 西暦の4桁表記：例）2004
%y: 西暦の2桁表記：例）04

2004-11-09T19:30:04+09:00 | コメント (0) | トラックバック (1) |

カレンダー取ってみた

この記事が属するカテゴリー: Misc

カレンダーについてで宣言していましたが、取ってみました。何かスッキリした感じ。でも、改めて思うとカレンダーってブログの象徴みたいな物かもしれないですね。カレンダーがあるとひと目でブログって認識できるような気がします。結構飽きっぽいので、ついでにデザインも少し弄ろうかなと思ったんですが、時間が無いので後回し。そうそう、「あるある大辞典」でやってた筆跡でわかる性格診断ってやつ、「子」の文字の下ハネを省略する人は飽きっぽいっていうの当たってました（笑）

2004-11-09T13:12:06+09:00 | コメント (0) | トラックバック (0) |

届いてました

この記事が属するカテゴリー: moblog

色々ショップをまわったんですが見つからず、結局ネットで買ったオニツカタイガー：ファブレ74/0123が今日届いてました。

2004-11-08T22:44:03+09:00 | コメント (0) | トラックバック (0) |

FireFox1.0

この記事が属するカテゴリー: News

11月9日にFireFox1.0の正式版がリリースされるようです。Mozilla Japan

2004-11-08T09:09:38+09:00 | コメント (0) | トラックバック (1) |

カレンダーについて

この記事が属するカテゴリー: Misc

ブログのカレンダーの必要性が最近感じられない。皆さん、カレンダーって見る物なんでしょうか。ログを見ても日単位のファイルへのアクセスもなく、結局AUTHORが自分のエントリーの足跡を確認する為だけのような気がする。もうちょっと様子を見て、そのうちカレンダーなくすかも知れません。日単位のアーカイブファイルが必要なくなれば、すべてを再構成する場合の負荷の軽減とストレージの節約にもなるかと。っつか、MTのダイナミックページ導入すれば、同じ恩恵が受けられるじゃないっすか。。。まぁ、近いうちにやります。

2004-11-06T20:06:19+09:00 | コメント (2) | トラックバック (1) |

オニツカタイガー

この記事が属するカテゴリー: Misc

ヤバイっすよ、オニツカタイガーのFABRE 74が無性に欲しくてたまらなくなってきたっすよ。ここ最近のスニーカー遍歴はナイキ→アディダス→パトリック→プーマ→バンズと来ていたので、次はどうしようかなと思っていたんですが、俺的に見事にヒット♪。家族よスマン、今度の休みの予定はショップ巡りにケテーイ(ﾟ∀ﾟ)

2004-11-05T12:17:08+09:00 | コメント (0) | トラックバック (1) |

xml宣言について

この記事が属するカテゴリー: web&blog

xhtml文書にはxml宣言を記述する事が強く奨励されています。xml宣言の有無によって、DOCTYPEスイッチと言われる標準準拠モード（W3Cの仕様に準拠）か後方互換モード（正しく解釈しない古いブラウザ用）かの切り替えが行われます。宣言することによってW3Cに準拠した解釈（描画）をするのですが、IE6.0では文書型宣言（<!DOCTYPE〜>）の前に文字が存在すると、後方互換モードになってしまい、つまりxml宣言ですらもその対象となってしまう酷いバグがあります。

XML宣言	Gecko系	MacIE5.x	WinIE6	Opera7.x
なし	標準準拠モード	標準準拠モード	標準準拠モード	標準準拠モード
あり	標準準拠モード	標準準拠モード	後方互換モード	標準準拠モード

標準準拠から後方互換にすると変化するもの

text-alignに関して: 後方互換ではtext-alignの指定がインライン要素だけでなく、divなどのブロック要素にも反映される
文字サイズに関して: 後方互換ではブラウザデフォルトの文字サイズがひと回り小さい、つまりsmallがmidium相当
ボックスサイズに関して: 後方互換ではwidthとheightの値にpadding、borderのサイズも含めてしまう

その他margin: auto;でブロック要素のセンタリングが出来ない、CSSの記述に対して厳しくなり、pxなどの単位をきちんと指定しないとプロパティごと無視される等色々あります。xml文書と言うことでは、やはり宣言しなければいけないのですが、Mac IE4.5ではHTMLとしての解釈ができず、そのままソースを表示してしまうバグがあったりと、古いブラウザを考えるとちょっと厳しいものがあります。ちなみにXML のデフォルト値であるUTF-8、UTF-16はxml宣言の省略が可能とされているのですが、何となく気持ち悪い（笑）ので暇があったら、ソースとCSS周りをゴニョゴニョやって宣言を記述する予定。

【追記 2004/11/11 】 xml宣言の記述をしました。

2004-11-04T14:05:07+09:00 | コメント (0) | トラックバック (1) |

新札

この記事が属するカテゴリー: moblog

なんか、ニセモノっぽい、違和感のある手触り。

2004-11-03T19:36:32+09:00 | コメント (2) | トラックバック (1) |

アンダースコアハック

この記事が属するカテゴリー: CSS

[ws] The Underscore Hack

通常、プロパティの前にアンダースコア(_)が入ると、CSS2では定義されていないプロパティであると認識されて無視されるのですが、Win IEでは読み込んでしまうバグを利用したCSSハック。

div {
     width: 700px;
     _width: 650px;
}

上記では、Win IE以外は700pxの幅で表示されるが、WinIEでは「_width: 650px;」で上書きされて650ｐｘで表示される。色々と使いどころがありそうなのですが、これってCSS Validatorでチェックするとエラーが出ません？

2004-11-02T13:50:22+09:00 | コメント (0) | トラックバック (5) |

雑記

この記事が属するカテゴリー: Misc

誰の言葉だったが失念してしまいましたが、「インターネットは問題解決のためのツールだ」っていうのが、当時僕の中でクリティカルにヒットして妙に納得した記憶があります。未だにその考えは僕の中でかなりのウェイトを占めています。

ブログにしたって、人に何かを伝えたいと言う気持ちを解決するために使う人もいるでしょうし、匿名で日記をネット上に公開することで、不特定多数の共感を得たいと思っている人もいるのでしょう。また、僕みたいにただMTというツールを弄りたいという欲求から始めた人もいるのでしょうし、ブームだからって始めた人もいるのでしょう。まぁ、理由はどうあれ、皆何かしらの欲求を満たすために日々ネットに向かっている訳です。このサイトもいつまで続くか分かりませんが、気負わず続けて行けたらなぁと思う今日この頃。

2004-11-01T10:25:58+09:00 | コメント (0) | トラックバック (0) |

月別アーカイブ 2004年11月

考えられる事由

日付タグのformatに指定できる形式

標準準拠から後方互換にすると変化するもの

検索

2004年11月の全エントリー

アーカイブ