月別アーカイブ 2004年12月

前後の月

ヘッドレスiMac

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

最近噂になっている、コードネーム "Q88" 1.25GHzのPowerPC G4プロセッサを搭載したヘッドレスiMac。非常に小さく、フラットな筐体で、高さがXserveの高さ1.73インチとほぼ同じで、縦に設置することもできる。予想されるスペックは下記の通り。

  • 256MB RAM
  • 40〜80GB HDD
  • コンボドライブ
  • USB 2.0
  • FireWire 400
  • 10/100 BASE-T Ethernet
  • 56K V.92モデム
  • AirPort Extreme対応

これで、ファンレスとかだったら、cube使いの僕としては、非常に惹かれるのですが。Macworld Conference & Expo/San Francisco 2005にて発表されるらしいのですが、スティーブ・ジョブ氏による基調講演は日本時間1月12日午前2時から。

2004-12-31T12:05:57+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

今年を振り返る

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

東京初雪でクソ寒い中、ウチの会社は今日が最終日。業務自体は昨日（28日）で終了で、今日は大掃除と飲みです。と、気がつけば、なんと記念すべき？100エントリー目だったりするので、一応今年を振り返るエントリーを書こうかなとか思ってみたり。

自分にとって今年は、環境の変化が色々な面でありました。去年の年末から今年の年始にかけては、某生保会社の合併のお手伝いなんかやらせて頂き、正月休みなしでした。今年の4月に自社に戻るまでの2年弱、その生保会社の情シスでは良い刺激を受けました。

ウチの基幹業務は紙媒体で、以前は制作室と言う所で仕事をしていましたが、自社に戻ってから暫くは特にやる事もなく、企画を考えてみたりと会社からは半分放置状態でした（笑）。つうか、社としても持て余してたのかも知れません。そんな中、ウチのクライアントさんがホームページのリニューアルをしたいので、何か良い考えはないかと言う問い合わせを頂き、僕の仕事が決まった訳です（笑）。

正直、それまではhtmlなんて「え、フォントタグで文字の大きさ変えるんでしょ？」くらい、ましてやCSSなんてハァ？って言う感じでした。それが、いきなりサイトリニューアルのプレゼンをやる事になった訳です。ユーザビリティ、アクセシビリティとは何ぞやから始め、モー死ぬ気で勉強しました。元来、嫌いなジャンルではなく、むしろ好きな部類に入るので、ここまで出来たのだとおもいます。おかげで、初プレゼンがコンペで通り、僕みたいな素人がサイトディレションをすることになりました。コーディング自体は他の人間に任せ、色々な方から教えを請いながらディレクターとしてサイト作成に関わり、完成後にクライアントさんから感謝の言葉を頂いた時は、ホントに嬉しかったし、その後そのサイトのアクセス数が増えたことも自信になりました。そのサイトはテーブルとCSSのハイブリッドデザインでしたが、正直今から自分でオールCSSで作り直したい気分です。

自分自身でもコーディングなんぞちょこちょこやりながら、自社サイトをxhtml1.0strictでリデザインし、短期間ながらかなりのスキルを習得したんではないかと、思ってみたりして。ブログも何とか３ヶ月続き、これからも自分自身の成長記録として続けていければ良いなとひとりごちつつ、締めとさせて頂きます（笑）

2004-12-29T00:52:18+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

MTのサブカテゴリ導入

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

web&blogカテゴリへのエントリーが増すにつれ、さすがに細分化した方が良いなと思い、ホント今更なんですが、重い腰を上げてやっとサブカテゴリを導入することに。今のままだと検索サイトには引っかかりやすいのですが、ユーザからしてみれば目的のものが見つけにくいし、やっぱある程度区分を明示しておいた方が良いかと思い至った訳です。すいませんウソつきました、ただ面倒くさかっただけです。（やってみたら作業はアッという間でしたが）

で、基本的に僕は親カテゴリの中に子カテゴリのエントリーは含まなくて良いと言う考えで、つまり、web&blogカテゴリーの中でグルーピング出来るモノはサブカテゴリにまとめ、あぶれたモノは親カテゴリに残すと言う事です。親カテゴリの中で、またグルーピング出来るくらいエントリーが増えたものに関しては適宜サブカテゴリを作成して行こうかなと。各カテゴリ件数表示を追加した以外、そのまま何も弄らず下記のソースをサイドのカテゴリ表示部分にサクッと貼っただけです。

<h2>カテゴリー</h2>

<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$> items]
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>

サブカテゴリの表示に関しては、縦横10pxの画像 リストマーク を作成し、CSSで背景画像として指定しました。補足すると、この前にlist-style-type: none;で、リストマーカー無しにしているって言う事と、list-style-imageでリストマーカーの画像指定が出来ますが、うまくセンターに配置出来なかったりするので、背景画像の方が確実だと思います。

.sidebar li li {
        font-size: 100%;
        margin-top: 5px;
        padding-left: 12px;
        background: url(img/list.gif) left center no-repeat;
}

一つのカテゴリに収まらないモノ、例えばMovable Typeに関する事だけど、CSSを使ってゴニョゴニョってヤツは、「エントリーの編集」画面の「複数のカテゴリーを設定する」にて複数のカテゴリを設定しました。

考えがコロコロ変わる僕のために、親カテゴリに子カテゴリのエントリも含めたくなった時のやり方を覚え書きとして残しておきます。やり方は、Category Archive テンプレートの<MTEntries>～</MTEntries>タグをそれぞれ<MTEntriesWithSubCategories>～</MTEntriesWithSubCategories>タグに変更するだけです。亜細亜ノ蛾さんの「MT でサブカテゴリ以下も全て表示させるには?」を参考にさせて頂きました。

2004-12-28T19:51:47+09:00 | コメント (0) | トラックバック (2) |はてなブックマーク

PHPを狙うSantyワーム

この記事が属するカテゴリー
News
PHPを狙う新たなワームが出現，Webページのプログラム・ミスを突く : IT Pro ニュース

米SANS Instituteなどは12月26日，アプリケーション開発言語PHPのインタプリタ「PHP 4／5」を利用しているWebサーバーに感染するワーム「PhpInclude.Worm（Santy.e）」を警告した。PhpInclude.Wormは，Webページのプログラム・ミスを突いてサーバーに侵入するワームであり，PHPやphpBBのセキュリティ・ホールを突くものではない。このため，PHPを利用するすべてのWebサーバーが影響を受ける可能性がある。PHPを利用するWebサーバーの管理者は改めてチェックしたい。

phpBBを狙ったワームに引き続き、今度はPHPのプログラムを狙ったワームが発生しているらしい。入力したデータ（パスワードやURL）を引数として、そのままIncludeすると、その値を書き換えられてしまうとの事。対処方法は、PHP Security Mistakesにある通り、Includeするものは決まった値にし、常にそれが正当であるかチェックすれば良いらしい。

2004-12-28T12:52:02+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

トラバ返しって何？

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

12月24日のエントリー「徒然」にトラックバックして頂いた。で、ちょっと覗かせて頂いたきました。ふむふむ、ふーん…。記事を見る限り、当サイトに関しての記述は一切なく、どうやら「第九」と言うキーワードで検索してヒットしたサイトにトラックバックを送っているっぽい。実際、トラックバックする一分前に、人気blogランキングで「第九」を検索して来たリファラーが残ってて、その検索結果の当サイト周辺をチラッと見てみたら、やっぱりトラックバックされているサイトがあった訳です。

まぁ、ちょっと気分的にはあまり気持ちよくはないんすが、以前にもそんなトラックバックされた事もあったし、まぁいいっかくらいに思って、そのトラックバックして頂いたエントリーのコメントを見て驚きました。「御礼にトラバ返しさせていただきます。」…トラバ返しッテナンデスカ？理解できません。「トラバ返し」でググってみたら、 8,670 件ヒット。トラックバックして頂いた御礼にトラックバックする、不毛なトラックバックが結構氾濫しているんですね。僕自身、トラックバックして頂いても、相手サイトに「トラックバックありがとうございます」みたいなコメントは不要だと思っているのに、トラックバックで御礼をするって何か意味があるのでしょうか。もしや、自サイトに強制リンクされて悔しいから、相手サイトにもトラックバックして、相互リンクしてやろうっていう魂胆なんでしょうかって、捻くれた僕は深読みしてしまいます。別にトラックバックはこうあるべきだなんて小一時間説教する考えはサラサラないのですが、なんか不思議なコミュニティーを覗き見た気分でした。

2004-12-27T11:16:54+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

RSSの人気度

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

ありがたい事に、rssを読みこんで当サイトをチェックして頂いている方が結構いたりします。んでもって、この度「RSSフィードメーター」なる面白いものを見つけたので、貼ってみたりして。これが何かっつうと、RSSフィードの「人気度」と「更新頻度」をシンプルに段階表示って事らしい。どういった仕組みなのか分かりませんが、人気度などの評価を視覚化してくれ、ランキングなんかもあったりします。当サイトの人気度は星一つ。マチャアキならガックリですが、まぁこんなもんです。

人気ブログランキング - Lucky bag::blog

2004-12-26T23:53:09+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

Thunderbird1.0日本語版リリース

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

今月中のリリース予定であった、Mozilla の次世代メールクライアントであるThunderbird1.0の日本語版がリリースされたようですね。日本語版であれば、人にも薦めやすいのではないでしょうか。サンタ帽が良い感じです:-)Thunderbird - 迷惑メールにお別れを

thunderbird.jpg

2004-12-25T11:42:02+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

google経由でワーム

この記事が属するカテゴリー
News
グーグル検索を悪用するSantyワーム、オンライン掲示板に感染 - CNET Japan

セキュリティ専門家らは米国時間21日、Googleで検索して攻撃対象を探し出すウェブワームが、phpBBというプログラムの脆弱なバージョンを使ったオンライン掲示板で拡がっていることを明らかにした。

当サイトは影響ないですが、これは怖いですね。BLOG質問箱さんで報告されているように、日本でも実際に被害に遭われているサイトもあるようで、標的となるサイトのすべてのHTMLやPHP、ASPページ、JSP、セキュアなHTMLページの内容を削除し、代わりに「This site is defaced!!! This site is defaced!!! NeverEverNoSanity WebWorm generation X」というテキストを表示するらしい。すでにgoogleは対策に乗り出しているようです。グーグル、Santyワーム退治に乗り出す

2004-12-24T18:14:23+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

徒然

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

最近、年齢とともに妙に涙もろくなってきた気がする。昨日「一万人の第九」なんて見てたら、圧倒されて涙出そうになった。あれ、現場にいたら絶対泣いちゃう気がする。ちょっと前にも報道ステーションでゴスペルかなんかを見た時も結構きたんだけど、やっぱり音楽の持つパワーってスゲェなって思ったり。

若い頃、バンドで飯食おうなんて本気で考えていたことも、今となっては良い思い出だったりするわけで、そういやマーシャルのアンプやADAのプリアンプ、12Uのラックに収めてたその他エフェクター、さらにギター数本、総額100万以上余裕でかけてたのに、結局それ全部一緒にやってたメンバーの家に置きっぱなしだな。あれ、まだあんのかなぁ。

なんてことを思いながら昨日は年賀状作成に勤しんだわけで。うん、結構良い出来かも。基本的に宛名は、年賀状ソフトを使って印刷していますが、表？面はイラレを使って毎年デザインして作っています。んで、やっぱり干支のイメージを入れた方が良いかなと思ったんですが、フリー素材とかの出来合いのイラストやらは使いたくない。かと言って今から自分で描く時間はないので、どうしようか悩んだんですが、良いのを見つけました。House of Limeってサイトで、Win版・Mac版それぞれに対応するフリーのフォントやDingsが豊富に置いてあるサイトがあります。その中で「Bird Stencil Design II」と「Birdies」から鳥のイメージを採用。結構他にも、センスの良いDingsがある（ヘボいのもあるけど）ので、色々と使い道がありそう。あ、メリークリスマス（笑）

2004-12-24T13:09:07+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

tableの見栄えをCSSで整える

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

テーブルは窓から投げ捨てろとtable要素をサイトのレイアウトや視覚的な目的に使う事は、table本来の使用目的とは違うため、やめるべきだと言う流れになっています。しかし、tableを使うなと言うことではなく、表のためにtable要素を使うことは全然構わないわけです。そこで、味気ない表よりは多少見栄えを良くするためにCSSで整えてみます。背景画像を用意して指定することにより、よりデザインチックな表に仕上げる事も出来ますが、画像を使用しなくてもある程度は見栄え良くできる方法だと思います。

サンプルとして以下のtableを使用します。borderやcellpaddingなどの属性は一切設定していません。sample01.html

<table summary="表のサンプル">
<tr><th>サンプル１</th><td>もう今年も終わりですね。</td></tr>
<tr><th>サンプル２</th><td>来年はどんな１年になるのでしょう。</td></tr>
<tr><th>サンプル３</th><td>歳を取る毎に、１年があっという間に過ぎていきます。</td></tr>
<tr><th>サンプル４</th><td>気が付いたらもうオッサンです。</td></tr>
</table>

<table>にborder-collapse: separate;と border-spacing: 1px;でセル間を離して設定し、<th>と<td>の右と下にそれぞれボーダーを設定することによって、タイルっぽく浮き出た感じになります。sample02.html

table {
        font-size: 80%;
        color: #666666;
        width: 520px;
        margin-bottom: 30px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
th {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}
td {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #EFF2F3;
}

2004-12-22T20:37:53+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

Movable Type 3.14

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

Movable Type 3.14 released 12.20.2004 We have just released Movable Type v3.14 which fixes the issue of extreme loads witnessed on servers under the strain of a massive spam attack.

英語版ですが、Movable Type3.14がリリースされたようですね。コメント関連が変更されていたり、スタティックでのfileinfo肥大化のバグが修正されていたりと、表面的にはあまり変化がないアップデートのようです。

2004-12-21T19:33:24+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

これはスパム？

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

件名がUrgent! Please update your lucky-bag.com listing by Saturday, December 25, 2004 (Adv)っていう、なんだか妙なメールが届いた。内容は、「もし良ければ、土曜日までにメール内のアドレスにアクセスして、あなたのサイトのディレクトリを更新してくれれば、私たちがあなたのサイトをリスト出来ますよ」ってな感じの英文。特典として、当サイトの10カ国翻訳と当サイトのポピュラー度を確認出来るらしい。スイマセン、怪しさ全快なんですが。

メール内のアドレスはhttp://www-goto.com/update.htmの後に?を付けて、当サイトのドメインと何かよう分からんパラメータ渡していて、さすがにアクセスはしませんでした。しかも、http://www-goto.com 自体にはアクセス出来ません。まぁ、当然放置の方向で。

2004-12-21T16:28:18+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

フォトショップでfavicon

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

サイトのfaviconを作成することにより、対応しているブラウザであればブックマーク内でもちょっと独自性を出す事ができますよね。フォトショップでfaviconを作成したいって方は、Telegrachicsの「ICO (Windows Icon) file format」と言う、フォトショップのプラグインが便利です。マック版、ウィン版それぞれあり、Photoshop3.0～7.0、 Photoshop CSに対応しています。プラグインをダウンロードし、フォトショップのPlug-Insフォルダに入れるだけです。16×16（もしくは32×32）で作成して、別名保存のファイル形式で「Windows Icon(*ico)」を選んで保存します。あとはサーバにアップして、表示させたいhtmlの<head>内に下記を記述するだけです。当然、faviconを置くディレクトリによって記述は変わります。下記はindex.htmlと同じディレクトリに置いた場合です。

<link rel="shortcut icon" href="http://自分のアドレス/favicon.ico" />

ファイル名は特にfaviconで無ければいけない訳ではなく、オリジナルの名称でも大丈夫です。

2004-12-20T15:25:59+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

忘れてた

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

あぁ、この休み中に年賀状作ろうと思ってたのに、見事にスッポリ頭から抜けてた。結局、MGS3やって休みが終わってもうたorz

2004-12-19T23:43:35+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

dl厨だったりする

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

定義リストdlの利用率が高い。どうやってマークアップしようか悩む時は、大抵<dl>を使用するのがベストだと判断することが多いです。定義リストは<dt>で定義する用語を決め、<dd>でその用語の説明をするわけですが、例えば僕は会社概要のページなんかでも使ったりします。

<h2>会社概要</h2>
<dl id="info">
<dt>名称</dt>
<dd>株式会社Hogehoge</dd>
<dt>設立</dt>
<dd>平成16年12月17日</dd>
<dt>資本金</dt>
<dd>50,000,000円</dd>
～略～
</dl>

で、これは素の状態だと以下のような表示になります。

info.gif

これに対して、CSSで体裁を整えるわけです。例えば以下のようなCSSを用意します。

h2 {
        font-size: 130%;
        color: #666666;
        background: #fff url(img/h2_bg.gif);
        margin-bottom: 0.5em;
        padding: 2px 0;
}
#info {
        margin:10px 0 0 0;
}
#info dt {
        font-size: 80%;
        border-left: 8px solid #B1B3B6;
        padding: 0 0 0 0.3em;

}
#info dd {
        font-size: 80%;
        line-height: 160%;
        margin: -1.3em 0 0.8em 8em;
        border-bottom: 1px dotted #666666;
}

これを適用させると下記のようになります。<dd>をマージンで調整して横に並べてやると、それらしく見えるようになります。また、floatを使って並べる方法もあります。

info_design.gif

この他にも、場合によってはナビゲーションに使用したり、アピールポイントを説明する時に使用したりと、僕の中ではかなり使用頻度の高いタグだったりします。

2004-12-17T13:02:01+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

Mac OS X Update 10.3.7

この記事が属するカテゴリー
Mac
Apple - Support - Downloads - Mac OS X Update 10.3.7

Mac OS X Update 10.3.7 About Mac OS X Update Mac OS X is the world’s most advanced operating system, blending the power and stability of UNIX with the legendary simplicity and ease-of-use of the Macintosh. Mac OS X version 10.3 “Panther” contains over 150 new features and provides significant enhancements to its modern, UNIX-based foundation.

10.3.7のアップデートが配布されています。個人的にはATIおよびNVIDIAグラフィックス・ドライバ改善に期待。帰宅してからアップデートしようかなっと。ちなみに、Jaguarの時は10.2.8までだったと記憶していますが、PantherはTiger発売までいくつのバージョンアップを予定しているのでしょうか。

2004-12-16T12:37:32+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

変なAgent

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

ログを見てたら、見慣れない"Microsoft Data Access Internet Publishing Provider Protocol Discovery"って言うエージェントのアクセスを発見。

log.gif

一応ホスト名、アクセス時間やリファラーその他を隠した状態です。最初は普通のログなんですが、何故か最後に"OPTIONS"投げてきてます。ググってみたら、WevDAVやらFrontPageやらOffice関連らしいんですが、何か良く分からんっす。WindowsXPからsambaで接続してWebフォルダ開こうとしてるのか、FrontPageでアクセスしようとしているのか、おそらく後者だとは思うのですが、何となく気になります。

2004-12-15T14:28:27+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

最近読んだ本とか

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

浅倉卓弥の「君の名残を」、久しぶりに本を読んでホロッと来てしまいました。最初は、読みながら何となく「火の鳥」をイメージしちゃったんだけど、最後の方はもうヤバイくらいに引き込まれてマジで泣きました。僕の中で、ベスト５に入るかもしれない。「四日間の奇蹟」もデビュー作とは思えない上手い作品でしたが、「君の名残を」の方が断然スゲェっす。

んで、この後に島田荘司の「龍臥亭幻想 上」読んだら重すぎ（笑）。もう相変わらずのヘビーな作風。そう言えばこの人の「眩暈」って作品読んだ時は、ドグラ・マグラ (上)以来の衝撃を受けて、読みながらホント鬱になりそうでした。

今は伊坂幸太郎の「グラスホッパー」読んでて、その後に「チルドレン」が控えてます。通勤中が読書タイムなんですが、一週間に1.5冊ペースくらいで読んでいる気がするなぁ。

2004-12-14T17:49:40+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

サイトのデザイン

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

サイトデザインをCSSで行うメリットの一つとして、HTMLを弄らずにデザイン変更が容易に行えるという事があるかと思います。外部CSSを複数HTMLで参照すれば、一つのCSSファイルを変更すだけで全てのページに反映され、管理も楽です。また、ギミックとして複数のスタイルを作成して、スタイル変更をJavaScriptでスイッチするものもあります。JavaScriptが分からなくてもA List Apartでダウンロード出来たりもするし、色々なサイトさんでも説明されています。有名どころでは、慶應義塾大学湘南藤沢キャンパスのサイトもスタイル変更できる作りになっています。

実際にスタイル変更できるサイトを閲覧した場合、皆さんデフォルトのスタイルから変更しますか？
自分自身、スタイルを変更できるサイトに出くわしても、最初は興味本位で変更したりしますが、結局デフォルトに戻しちゃいます。なぜなら、デフォルトのスタイルがAUTHORが一番気に入っているデザイン、お奨めのデザイン、もしくは見やすいデザインなのではと思っているからです。

何故、複数のデザインを用意するのでしょうか。デザイン遍歴として残すため、もうこれは自己満足の世界です。ユーザーが見やすいと思うスタイルで閲覧してもらうため、これは一番あり得る事由でしょう。しかし、デザインなんてものは好みです。ある人にとっては良いと感じるデザインでも、他の人から見ればなんて事はないデザインかもしれません。そう言った意味では全ての閲覧者の好み(希望）を満たすスタイルを用意することは不可能であり、中途半端なもので終わってしまいます。

結局、閲覧者がサイトに訪れる理由はコンテンツを見るためです。サイトデザインを売りにしているサイトであれば別でしょうが、自分にとって有益な情報が無いか、または、共鳴できる嗜好を求めて訪れる、つまり重要なのは内容です。確かにサイトデザインは軽視できません。どんなにすばらしい内容のサイトでも、デザインが醜悪で見難いものであれば、二度と訪れてもらえないかもしれません。しかし、素晴らしい内容のサイトさんでそれほど酷いデザインは見たことがありませんし、それだけの内容を公開しているサイトであれば、デザイン的（見やすいと言う意味で）にも気を遣っている筈です。

決してスタイル変更できる事を否定しているわけではありません。そう言ったギミックを楽しむのもアリだとは思いますし、ましてや個人サイトであれば、自分がやりたいようにやれば良いと思います。自己満足全然オッケー。しかし、果たしてそれが本当に必要なモノなのか、閲覧者に利用される仕掛けなのか、もう一度考えてみる必要があるのではないでしょうか。つか、自分は考えてみて、やっぱやめたってのが、今回のエントリのオチだったりするわけで…

2004-12-13T19:29:35+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

アフロ

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

弟がアフロになってた。

2004-12-12T13:44:26+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

箱根！

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

温泉サイコー！ビールバンザーイ！飯ウマー！

2004-12-11T23:44:42+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

FirefoxでPageRank

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

今となってはそれほど重要視されていないGoogleのPageRankですが、Firefoxの機能拡張で、 Google ツールバーの様にPageRankを表示できるGoogle Pagerank extensionという便利なモノがあります。で、今まで使ってて気付かなかったのですが、これってGoogleディレクトリに登録されているページだと下記のように小さいアイコンが表示されるんですね。クリックするとそのディレクトリのページにジャンプするようになっています。いや、今日初めてそのアイコンに気付いたもんで。

pagerank.jpg

サイト公開3ヶ月ちょっと、やっとページランク3がトップページに付いたのを確認。

2004-12-10T14:24:47+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

期間限定デザイン変更

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

何となくデザインを変えてみたりして。ネガティブマージン使って、可変レイアウトにしてみました。パパッと作ったんで結構テキトーです。個人的には固定レイアウトの方が好みなもんで、多分すぐに元のデザインに戻すと思います。なので、期間限定のデザイン変更です。

元に戻しました。短命だったなー。結局デザインなんで自己満足ですな。

自己満足更新中。固定幅にてグリーンのモチーフでデザイン変更。多分この路線で突き詰めていく予定。

2004-12-09T16:43:13+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

心の声

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

半蔵門線の信号機故障だかなんかで中央林間から表参道まで２時間座りっぱなしで、しかもその時に限ってクッションの存在を否定するかのような固い座席で腰が痛くて「お前は快適性と引き替えに何を得たのか」と半分眠りながら問いつめ、三茶辺りで目覚めたら各駅なのにすんげぇーすし詰め状態で、出勤前に疲れたっていうローカルな愚痴は置いといて、その割には午前中は頭が冴えて、ウェブに絡む案件の企画書を鬼のように書き上げたりした。

んでもって、午後はコンティンジェンシープランを考えなければいけないのにガス欠orz。不足の事態を考えるのって、どうなのよ？え、一人で考えろって？くっそー、来週はジャングルにスニーキングだなって思ったら、そういやゲーム買うの久しぶりじゃん。

ジジィになってもゲームはやり続けるなと思ってたのに、ロープレを最後までやり遂げる気力は無くなってくるし、ここ一年ほどは全く食指を動かされるモノがなかった。SS時代からやり続けたサカつくも「04」は買わなかったし、歳を取るってこういう事なのかとひとりごちてたんだけど、メタルギアソリッドのCM見たら激しくやりたくなって来た。うん、買おうっと。

2004-12-08T15:09:48+09:00 | コメント (4) | トラックバック (0) |はてなブックマーク

Firefoxはキャズムを越えた？

この記事が属するカテゴリー
News
Firefoxユーザーは広告無視の傾向大--独企業発表 - CNET Japan

Internert Explorerのユーザーは、Firefoxユーザーに比べて、ウェブ広告をクリックする回数が少なくとも4倍は多いと、独のある広告関連技術企業が先週発表した。

確かに自分自身もウェブの広告は、Googleの広告以外は全くクリックしないなぁって思ったり。って言うか、ポップアップブロックしているからなのかもしれませんが、Firefoxを使っているユーザってやっぱりセキュリティに対する意識が高くて、迂闊に広告クリックする人が少ないのは確かでしょうね。

Goodpic.comさんのブログはキャズム（ハイテクの落とし穴）を越えてブレイクするのか？：Goodpicで紹介されているテクノロジーライフサイクルをFirefoxに当てはめると、今はキャズム（ハイテクの落とし穴）を徐々に越え始めてアーリー・マジョリティー層が導入し始めているような気がします。

CNETの最後の方でFirefoxユーザーのクリックは他のユーザーのものよりも価値があるということにもなり得る。って、妙に納得してしまいました。

2004-12-07T13:02:12+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

CSSのspecificity

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

CSSとは、その名が示す通り、上から下へ連なる、流れるスタイルシート。つまり、同じ箇所に対して違う指定をすれば、後から指定したものが上書きされるわけです。が、複数のスタイルシートを使用してサイトを作成していると、specificity（特異性）という法則があるのを忘れて、「あれ、指定通りになんねぇよ、ムキー！」なんて事が発生する可能性がなきにしもあらず。

例えば例として以下のようなhtmlがあるとします。

<div id="work">
<p class="wish">今日こそは早く帰りたい</p>
</div>

これに対し下記のCSSを用意したとします。

#work p {
        color: #0000FF;
}
p.wish {
        color: #000000;
}

workに含まれるp、wishというクラスのp、両方とも同じ「p」を指しています。後の指定が上書きされるとすると、当然文字色は黒くなるはずですが、この場合は青、つまり上の指定が優先されます。その理由はspecificityが関係している訳で、分かりやすく言えば、セレクタの種類ごとにポイント（点数）をふり、合計値が高い方が優先されるっつうことです。

タイプセレクタ
h1、p、ul、dlなど（まぁ、要はタグに対してですね）＝1
classセレクタ
.hogeなど、ピリオドを頭につける（文書内に複数指定でき、要素のグルーピングとして使用）＝10
IDセレクタ
#hogehogeなど、いげた（ハッシュマーク）を頭につける（文書内に一意で、個体識別として使用）＝100

先ほどのCSSにこれを当てはめると、「#work p」は100+1で101点、「p.wish」は10+1で11点となり、「#work p」が優先されるわけです。もちろん、同値であれば、後に出てきた方が優先されます。

じゃ最重要規則の!importantを「p.wish」の方に付けてcolor: #000000 !important;ってやるとどうなるかっつうと、これはidよりも優先度が高くなるので、文字の色は黒になる訳です。

2004-12-06T17:35:44+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

踊るスパイダーマン

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

スパイダーマン2を見た。サム・ライミ監督は、「死霊のはらわた」シリーズの頃からファンで、あの独特のカメラーワークとB級チックな演出が大好き。で、Ideal Break：スパイダーマンを拾った（その１）で面白いものを見つけたので、貼ってみたりする。

spiderman-dance.gif

2004-12-04T23:46:18+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

<br>のジレンマ

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

<br>、XHTMLであれば<br />は、段落中の強制改行に使うのは承知の通りです。最近よく言われる構造と見栄えの分離、つまりデザイン的な事は全てCSSで行い、HTMLはあくまで内容に関してだけを正確にマークアップするべきだという事に於いて、この改行って見栄えじゃね？って思うのです。

何故改行するのかって問われれば、文章が横に長くなると閲覧者が読みづらいから、もしくは文章にリズムやテンポを出すためだって言うことですよね。つまり、内容とは関係なく見栄えに関するタグなんだと、僕は解釈しちゃう訳っすよ。しかし、ある閲覧者にとってそのサイトの文字が小さくて読みにくいと思い、文字のサイズを大きくしたとします。そうすると、文章の折り返しが変わって、その改行が意図する目的から外れる場合が生じる可能性もありますよね。

いや、別に改行が悪いって言ってる訳ではなく、僕も時々使うのですが、いまいち<br>の存在が微妙に思えてしょうがないもので。なにぶん知識が浅いんで僕の解釈が間違ってんのかなー。。。

2004-12-03T12:38:14+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

Movable Type 3.121upgrade

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

真琴さんに痛いところ突かれつつ、参考にさせて頂き3.11から3.12アップグレード作業。実際にサーバにアップしたファイルは以下の通り。

upgrade_file.gif

extlibは特に弄っている訳ではないのですが、一応単体でアップして、上書きの警告があるものに関しては、アップロードをしないようにした。当サイトでアップしなかったファイルは以下の通り。

nonupgrade_file.gif

pluginsはプラグインを追加しているため、search_templatesは変更しているため、それぞれアップしませんでした。アップ作業完了後、mt-upgrade31.cgiをブラウザから実行、「Done upgrading your schema! All went well.」のメッセージを確認し、成功。mt-upgrade31.cgiとmt-upgradecheck.cgiをサーバから削除し、再構築で完了です。

2004-12-02T12:46:37+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

Movable Type 3.121リリース

この記事が属するカテゴリー
Movable Type
Ogawa::Memoranda: Movable Type 3.121 日本語版・修正案

Movable Type 3.121 日本語版・修正案 Movable Type 3.121 日本語版でましたね。平田さんにパッチを送ったかいもあって随分採用していただけようです。3.11で比較的クリティカルだった問題は解決されています。でも最近追加した分を送っていなかったのでほんの一部積み残しになってしまいました。

さすが(o)さん、素晴らしいです。残っている問題点の回避方法が紹介されています。Movable Typeの更新履歴を見ると半分は(o)さんの名前があったりします。多謝

今、気付いたけど3.121が12月1日に発表って狙った？

2004-12-01T21:35:01+09:00 | コメント (1) | トラックバック (1) |はてなブックマーク

チョロQ

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

セブンイレブンでキリン生茶を買ったら、GT-RのチョロQがついてた。ちっちゃくてカワイイ:-)

2004-12-01T12:57:14+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

とりあえずIEを使わないよう啓蒙

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

この間、横浜の実家（って言っても車で3、40分）へ帰った時に、最近ネットが重いって言われてちょっと見てみた。実家には親父のLOOX Tと富士通のBIBLOと弟のvaio（キーボード一体型でガバッと前に開くヤツ）の３台があるのですが、BIBLOがスパイウェアにやられている模様。あえてどんなサイトを見てたのか突っ込まず、とりあえず定番のスパイウェア駆除ツールを入れることに。

  1. Ad-Aware SE Personal
  2. Spybot1.3
  3. SpywareBlaster 3.2

さらに上記1の日本語化パッチをbottom dead centerよりダウンロード。で、チェックしてみたら、出るわ出るわ４００個。速攻で駆除し、Firefoxをダウンロードしてインストール。幸いにもOS再インストールするハメにはならず、安定稼働を確認。何下に親父(63)のLOOXには既にFirefoxが入ってて驚かされましたが。

2004-12-01T12:23:48+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク