Lucky bag::blog: 2005年04月アーカイブ

月別アーカイブ 2005年04月

前後の月

レッツノート新シリーズ発表

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

パナのノート「Let'snote（レッツノート）」の新シリーズが発表されている。いま使っている Y2 を買ったのは、去年の５月くらいだったか。そうですか、もう Y4 ですか。いや、現状とくに大きな不満はないけど、あえて言うとしたら確実に視力低下を加速させているであろう、ファッキンな液晶くらいでしょうか。

映り込みが少なく見やすい 14.1型・SXGA+（1400×1050ドット）高効率液晶

ふーん…

2005-04-28T18:13:14+09:00 | コメント (0) | トラックバック (0) |

3 カラムレイアウトいろいろ

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

3 カラムのレイアウトにしたいけど、どうやったら良いか分からないって人は結構いるのかもしれない。一口に 3 カラムといっても、色々なパターンがあるわけで、それによって (X)HTML や CSS の書き方やテクニックも変わってくる。そこで、そういったことを参考に出来るサイトですよ。

Three Column Layouts - css-discuss

css-discuss が様々な3カラムレイアウトのサンプルを一覧にしたリンク集みたいなのを公開している。

ヘッダありなし、フッタありなし、可変か固定か、NN4 への対応、さらに、31 個ほどの補足情報が notes に示されている。たとえば、番号 7 は、フッタがメインコンテンツの幅のみ、番号 9 は全て float を使用しているって事だったり、番号 25 を見てみると、メインコンテンツの (X)HTML コードは、左右カラムの前に記述しているパターン。

実際にリンク先を見てみると、まさにサンプルレイアウトを見ることが出来るので、一通り眺めて自分が目指す 3 カラムのレイアウトを見つけてパクってｳﾏｰなのですよ。

2005-04-28T17:39:02+09:00 | コメント (1) | トラックバック (1) |

ちょっとした CSS の書き方

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

CSS を記述する際、複数のセレクタをカンマで区切って一括指定することなんて結構あったりする。例えば、こんな感じとか。

blockquote div, blockquote p, blockquote dl {
        margin: 0 10px 0 20px;
        padding: 10px 0;
}

すんげぇくだらない事なんだけど、ちょっと前に自分的には目から鱗な記述方法を見て、あぁそりゃ見やすい（見つけやすい）ぢゃんって思ったんよ。どこのサイトで見かけたのか全く覚えていないわけだけど。

blockquote div,
blockquote p,
blockquote dl {
        margin: 0 10px 0 20px;
        padding: 10px 0;
}

え、常識？…ぎゃぼっ

2005-04-27T12:48:15+09:00 | コメント (6) | トラックバック (0) |

IE7 の新しい情報

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

夏頃にベータ版をリリースすると言われている IE7 に関して、IE Blog にて開発者から新たな情報が伝えられている。んでもって、その内容ってのは下記のような感じ。

PNG 画像のアルファチャンネルのサポート
CSS を誤って解釈する問題への対応

透過 PNG の対応に関しては、まぁ当然だろってな感じですが、とりあえず、ただのセキュリティフィックスで終わるっつう杞憂は無くなったんで一安心。やっぱ CSS 関連については期待してしまうし、開発者もそれに関しては重要項目であると公言している。

Our first and most important goal with our Cascading Style Sheet support is to remove the major inconsistencies so that web developers have a consistent set of functionality on which they can rely.

実際問題として、圧倒的なシェアを持つ IE の牙城はそうそう崩せるもんでは無いと思ってるんで、仕様に沿って正しく CSS を解釈をしてくれるんであれば大歓迎。懸念があるとすれば、中途半端な対応をしてくれちゃったりしたら、ハックを施しているサイトなんかが現状のまま意図した通りにレンダリングされるかって事だと思う。

拙サイトでは、特に大きなハックは施していない。ボックスモデル関連の解釈の違いに対しては、最初に誤った解釈をするブラウザ向けに値を指定して、その直後に子供セレクタで正しい値を上書きする方法を好んで使っている。なんで、IE7 が仕様に完全準拠するんであれば特に問題は無いとは思う。とりあえず、期待 age って事で。

2005-04-26T17:13:04+09:00 | コメント (0) | トラックバック (0) |

A1301S から機種変して10日ほど経つ W31S だけど、今んところ特に問題もなく使えてる。設定メニューの料金照会から現在の通信料を調べて見たら 45,251 パケットで 9,061 円なり、チーン。いやいや、この金額は割引を考慮していないんだから、落ち着け、俺。ダブル定額の場合は、40.000 パケットまでは 2,000 円で、それ以降 0.05 円/パケットってことだから、実際の現在料金は、2,262 円ってとこか。これが、84,000 パケットを超えると、それ以降いくら使おうが 4,200 円。ありがとうダブル定額。

んで、このダブル定額ってやつに関して、当初はいまいち曖昧だったんで、ちょっと調べたみた結果の覚え書き。

ダブル定額の対象

取りあえず、定額の対象となるものは、EZweb・Eメール通信料に含まれるものに限られると。

e メール
EZweb からのサイト閲覧
EZ アプリ接続時の通信料

2. に関しては、着うたや着 Flash などのダウンロードや、普通のウェブサイトの閲覧なども含まれる。ちなみに自サイトを閲覧してみた際、ログに記録されていたエージェント名は「KDDI-SN31 UP.Browser/6.2.0.7.3.129 (GUI) MMP/2.0」だった。3. に関しては、EZ チャンネル、EZ ナビウォーク、アプリのダウンロード時の通信料も含まれる。

ダブル定額の対象外

逆に定額の対象とならないものは、以下の通り。

パソコンなどに繋いで、データ通信した場合
W31S には関係ないけど、PC サイトビューワーからサイトを閲覧した場合
通信費とは別の情報料や着うたなんかの課金制の料金
C メールの通信料

ちなみに、2. に関しては、5月1日から 5,700 円（税込 5,985 円）で定額制になるらしい。4. の C メールに関しては、ウチの場合カミさんとのやり取りにしか使ってないし、しかも家族間無料なんで無問題。

ダブル定額の必要性

着うた一曲落とすのに千円ちょっと掛かるし、ましてや EZ チャンネルなんかはコンテンツを落とすのに4,700円近くかかる。結局、WIN 機を使って色々楽しみたいって思ったら、ダブル定額に入るのは必須。じゃないと料金明細見てｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙになること必至。

定額サービスに関しては、5月1日からダブル定額ライトってのも始まるらしく、こっちの場合は、12,500 パケットまでは 1,000 円で、それ以降 0.08 円/パケット。52,500 パケットを超えると、それ以降 4,200 円の定額になる。暫く様子を見てあまり使わなくなったら乗り換えるのもありかも知れない。

2005-04-26T00:15:24+09:00 | コメント (0) | トラックバック (0) |

フッタを常に下部に配置

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

コンテンツの内容が少なくても、常に下部にフッタを配置させるための方法。ちなみに ~~Safari と~~マック IE では動作しないっぽい。

footerサンプル

実際にサンプルを見てみれば分かりますが、ウィンドウを下方に広げても、フッタは常に下部に張り付いたままな筈です。また、ウィンドウを上部に縮めていってもコンテンツ部分の所でピタッと止まり、それ以上は移動しません。

html と body への指定

サンプルのソースを大雑把に分けると下記のような構造になっています。

<div id="container">
<div id="contents">
<div id="header">ヘッダ</div>
内容
</div>
<div id="footer">フッタ</div>
</div>

まず、html と body の高さを 100% と指定しておきます。

container への指定

次に、全体を囲っている #container に下記を指定します。ポイントは、相対位置指定すること。

#container {
        width: 100%;
        background: #eeffcc;
        position: relative;
        height: 100%;
        min-height: 100%;
}

min-height は IE 未対応ですが、height: 100% で大丈夫。逆にFirefox などのモダンブラウザの場合、ウィンドウを縮めていくとフッタがコンテンツ部分で止まらないので、下記のように IE 未対応の子供セレクタを使って auto と指定。

body > #container {
        height: auto;
}

contents への指定

内容を含む #contents には、フッタに指定している高さの分（サンプルは 50px）だけ、padding-bottom を指定。

#contents {
        padding-bottom: 50px;
}

footer への指定

下部のフッタへ指定する際のポイントは、絶対位置指定して bottom: 0; とすること。

#footer {
        width: 100%;
        background: #ccffaa;
        position: absolute;
        bottom: 0;
        height: 50px;
}

以上で完了。実際にこの方法を取り入れる際の注意点は、内容を含むコンテナ部分と下部のフッタ部分は別のブロックになっている必要があるということ。コンテナ内にフッタがある場合は動作しません。

2005-04-22T19:18:31+09:00 | コメント (9) | トラックバック (0) |

微妙に変えてみた

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

あんま変わってないけど、仕事の合間にちょこっと CSS を弄ってみたりして、４ヶ月ぶりくらいに可変レイアウトにしてみますた。なんか変だったら、強制リロードしてみてください。それでも変な場合は、僕がミスってる可能性大。気が向いたらコメントで教えて頂ければ感謝です。赤面しながら言い訳します。

取りあえず、ちからいっぱい手を抜いているので、粗探しはやめた方が吉:-P。ましてや、絶対にヒットしないであろう単語でサイト内検索（以下略）。つうか、それは IE が html 要素と body 要素に同時に背景指定出来ないバグのせいにしたい。（単にスキル不足）

しかし、CSS レイアウトの場合は、こんな感じでお手軽に変えられるのが良いよなぁ。土台と基礎から工事する建て替えじゃなくて、リフォームする感覚か。テンプレート自体の変更もやりたいと思っているんだけど、当分出来そうにないっす。

全然関係ないけど、del.icio.us の inbox が更新されないな。

2005-04-20T19:09:59+09:00 | コメント (0) | トラックバック (0) |

日本初の Ajax なマップ

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

Ajax を利用した画面遷移無しのマップサービスと言えば、Google Maps があるけど、国内初として goo が「エリア情報検索実験」ってのを提供しはじめたみたい。

Google Maps の場合は、たぐり寄せるような感じでドラッグすることでグリグリと地図の移動が行えるんだけど、goo の場合は左クリックした状態でマウスカーソルを動かすと、その方向へ地図が移動するって感じ。ドラッグの場合だと、移動距離が長い場合には、マウスを何回か再ドラッグって動作が必要になるけど、goo の方法だと、左クリックを離すまでスクロールし続けてくれるから意外と使いやすいかも。ちなみにマックの場合、safari では動作しないっぽいけど、Firefox なら大丈夫だった。

2005-04-20T10:48:51+09:00 | コメント (0) | トラックバック (3) |

Adobe が Macromedia を買収

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

34億ドルで買収だって。うぁ、すっげぇ事になっちゃったな。まさに一人勝ち状態。

顧客は作成、管理、そして優れたコンテンツとアプリケーションを提供する統合されたソフトウェアソリューションを求めており、両社が力を合わせ、強力な開発、オーサリング、コラボレーションソフトウェアを作り出すこと、PDFとFlashの相互補完的な機能とあわせて、Adobeはこのビジョンを現実のものとし、業界のテクノロジープラットフォームをもたらす

Dreamweaver と GoLive や、FreeHand と Illustrator などは統合される事になるのかしらん。

2005-04-18T18:18:27+09:00 | コメント (2) | トラックバック (1) |

Firefox1.0.3 日本語版リリース

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

Firefox1.0.3 の日本語版がリリースされたのでアップデート。

firefox 1.0.3

今回のバージョンでは、上書きインストールで旧バージョンが「プログラムの追加と削除」に残ってしまうバグは解消されている。ちなみに、自分は前バージョン（1.0.2）のアップデート時に勢い余って上書きインストール。1.0.1 の情報が残ってしまい、面倒なんでそのままほっといたんだけど、今回のアップデートで綺麗に消してくれたみたい。

2005-04-18T17:04:41+09:00 | コメント (0) | トラックバック (0) |

W31S ファーストインプレッション

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

昨日の会社帰りに au ショップに寄って、W31S を購入。閉店30分前位だったけど、受付3つとも埋まってた。んで、何気なく見てみたら全員 W31S でやんの。無事に購入し、家に着いた途端、いきなり電話が新しい携帯に掛かってきて、初着信は誰だろと思ったら AU ショップ。「AC アダプタが別売りであるご案内を忘れていました」っておいおい、舞い上がってたんで自分もすっかり忘れてたよ。っつう事で、家から歩いて1分の AU ショップへ舞い戻って購入。

使用感とか

結局、アコースティックホワイトを購入したんだけど、良い感じ。スライドの感触もモックとはまた微妙に違っていて、用もないのにスライドさせてしまうくらい気に入ったかも。ちょっと使ってたら、閉じるのも片手で難なく行えるようになった。テンキーについても、自分の手は小さいおかげか、意外と大丈夫。ただ、十字キーの下とクリアキーを押し間違える事が何回かあった。

カメラについて

今まで使っていた 1301S はもう 2 年以上前の携帯なんで、当然 W31S のカメラについてはかなり満足。SXGA 1280× 960 で接写してみた。

オートフォーカスなんで、接写の際も特に操作する必要はない。半押しでフォーカス、深押しで撮影。

音楽について

基本的に音はかなり良い。プリセットされている YUKI の「JOY」をイヤホンで聴いたみたけど、全然合格レベル。ソニックステージを PC にインストールして、何曲か W31S に転送してみた。すぐ近くにあった「デペッシュモード」を低い 66kbps（ATRAC3）でエンコ。 4 分 30 秒の曲、2.18MB のファイル容量で、転送にかかる時間は約 8 秒くらい。メモリスティック自体は 128MB だから、単純計算で 58 曲（アルバム約 5、6 枚）くらいは入るっつう事か。曲調にもよるんだろうけど、66kbps でもそれほど気にはならなかった。

感想

うーんと、基本的に WIN 機は初めてなんで、色々と分からない事ばっか。なんで、深く突っ込んだ使用はこれからって感じ。今の所は、そんなに不満な点はない。メニューもサクサク動くし、ジョグじゃなくても結構大丈夫だったってのは、自分的には良かった点。

2005-04-16T19:58:33+09:00 | コメント (3) | トラックバック (1) |

W31Sからの投稿

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

とりあえず、240×320で撮ってみた。初WIN機なんで、これから色々いじってみる。

2005-04-16T14:52:13+09:00 | コメント (0) | トラックバック (0) |

画像オフ CSS オンでも内容表示

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

Image Replacement （背景画像置換）でしばしば問題とされる、画像オフ CSS オンでは、内容が伝わらなくなってしまう問題がある。で、ちょっと見つけた「The GIR Image Replacement Technique (GIR)」は、画像オフ CSS オンでも内容が表示される方法っぽいんで、とりあえずメモ。

まだサラッと流し読みしかしていないんで、詳細は分からないけど、所感としては、(X)HTML に手を加えずに実現はしているけど、CSS コードがなんだか凄いことになってるなあって事か。紹介されている CSS コードの.gir ってクラスは一回記述すれば良いんだろうけど、ID の方は画像置換したい数だけ、それぞれ記述しなきゃいけないんだろうな。

マック IE で動作しない、IE 独自拡張の expression を使用しているので、スクリプトオフだと動作しない等、いくつか問題があるみたいだけど、しかし、相当な苦労は感じさせてくれる。

2005-04-14T14:54:51+09:00 | コメント (0) | トラックバック (0) |

Tiger の出荷が4月29日に決定

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

やっと、発売が決定したみたい。

2005年4月12日、アップルは、「Mac OS X（マックオーエステン）」バージョン10.4 "Tiger"(タイガー)を、4月29日（金）午後6時より、アップル直営店およびアップル製品取扱販売店で順次店頭販売を開始します。

なんだかんだ言って、無理矢理 CUBE に入れちゃうんだろうなぁ。あ、そう言えば 10.3.9 ってどうなってんだっけ。

iTunes Music Store について

気になるニュースって言えば、「iTunes Music Store」の日本での展開に関してだけど、どうやら年内を目指しているらしい。

米アップルコンピュータ日本法人の前刀禎明（さきとう・よしあき）代表取締役は１２日、年内にインターネットを通じた音楽配信事業を始める方針を明らかにした。

2005-04-13T10:07:40+09:00 | コメント (0) | トラックバック (0) |

色をブレンド

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

2色の色を基に、中間色を計算してくれるメイヤー兄の「Color Blender」をご紹介。

使い方

形式を「16進数」「RGB値」「RGBパーセント値」から選択
1色目を入力、または、右のパレットから選択
2色目を入力、または、右のパレットから選択
中間のステップ数、1から10を選択
「blend」ボタンを押下

例えば、1色目を「#0000FF」、2色目を「#00FFFF」として8ステップでブレンドすると、下記のように表示してくれる。

上記のように2色間のグラデーション遷移を調べるもよし、ステップ数を1にして、単純に2色を混ぜた色を調べるもよし。また、ページを保存すれば、ローカルでも使用可なのが、これまたメイヤー兄の心意気。

2005-04-12T18:12:47+09:00 | コメント (0) | トラックバック (0) |

ソースを隠すという行為

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

「HTMLソースを隠す方法」ってサイトを見つけた。解説されているサイトさんがどうこうって訳では全くなくて、へー、他人に (X)HTML や CSS のソースを見られたくないと思っている人っているんだって思った。

自分自身、色々なサイトのソースを眺めたりして吸収していったクチなんで、このような思考には全く辿り着かない。トップページにある「W3C CSS Validator」へのリンクをクリックすれば、拙サイトの CSS を見ることが出来るし、拙サイトが少しでも誰かの役に立つんであれば、むしろ喜ばしく、ましてや、パクってもらったりなんかしたら、よーし、パパがんばっちゃうぞってな具合に励まされるのですよ。（実際にはパクるような要素は皆無なのですが。ギャフン）

マジメな話、ソースを見せないような仕掛けをしているサイトに出会した事はないけど、そんなサイトに遭遇したら、そこまでするかって感じでドン引き（退き？）する可能性大。まぁ、スクリプトやプログラムとかなら、パクられたくないって心情は何となく分かるけど、(X)HTML や CSS に限っては正直理解不能。

2005-04-11T17:54:02+09:00 | コメント (4) | トラックバック (0) |

カラー情報を Firefox で取得

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

Firefox の機能拡張「ColorZilla」をインストールすれば、今見ているサイトのカラー情報を簡単に取得出来るの巻。

インストールすると、下のステータスバーにスポイトのアイコンが表示される。アイコンをクリックすると、ポインタが十字に変わるんで、知りたい部分をクリックすると、ステータスバーに情報が表示されるのです。更にコンテクストメニューに追加されている、ColorZilla内の「Add Color to Favorite」を選択する事により、同じコンテクストメニュー内にある「Color Picker」の「Palettes」にお気に入りのカラーとして記憶させる事が出来るかなりの優れもん。

ふと見つけたサイトのカラーが気になっちゃったりする時があるんで、これは良いかも。ちなみに、ちょっとバージョンは古くなりますが、日本語ロケール版を Norah Models さんが公開されています。

2005-04-10T15:47:54+09:00 | コメント (0) | トラックバック (1) |

画像オフ CSS オンで見てみたら…

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

何の気なしに、画像オフ CSS オンの環境で自サイトを見てみたら、なにげにいいじゃんって思ってしまい、脇腹に軽くワンパン入れられた気分。まさに「シンプルイズベスト」ですよ。

自分の場合、センスの無さを画像でごまかしている（つもりな）訳だけれども、画像オフ CSS オンの環境で、情報が伝わらなくなってしまうってのは、なるだけ避けるよう配慮しているつもり。唯一、ヘッダにあるサイト説明の部分が無くなってるじゃんつうツッコミは、爽やかな笑顔でスルー。（いかんなぁ、なんとかしなければ）

画像オフ CSS オンの環境で、閲覧する人ってのは、かなりの少数派だと思うけど、実際どうなんだろなぁと、花見日和の清々しい土曜日に出社しながら独りごち。

2005-04-09T15:52:50+09:00 | コメント (5) | トラックバック (0) |

del.icio.us のバックアップ

この記事が属するカテゴリー: del.icio.us

del.icio.us のブックマークをバックアップする方法はいくつかありますが、API を使って XML ファイルとして保存する方法。

やり方は、以下のアドレスにアクセスして、del.icio.us のユーザ名とパスワードを入力し、表示されたページを保存して完了。

http://del.icio.us/api/posts/all

del.icio.us API ドキュメントを見ると、特定のタグや日付で書き出したりなど、他にも色々と出来ます。

function: http://del.icio.us/api/posts/get?
&tag= filter by this tag - optional
&dt= filter by this date
returns a list of posts on a given date, filtered by tag. if no date is supplied, most recent date will be used

2005-04-07T14:17:08+09:00 | コメント (0) | トラックバック (0) |

実寸大の装甲騎兵ボトムズ

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

スゲェー、装甲騎兵ボトムズのスコープドッグを実寸大１/１スケールで作っちゃった人がいたよ。

工場がなんと似合うことか。さすがに、「降着ポーズ」は無理なのかなぁ。しかし、リアルタイムで見てたんで、正直感動。また見たくなってきた。

2005-04-06T15:26:05+09:00 | コメント (0) | トラックバック (0) |

あなたの CSS を最適化

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

CSS を最適化してくれるサービス、「Online CSS Optimiser/Optimizer」ってのを見つけた。font や background なんかをショートハンドでまとめるオプションもある。んで、実際にやってみた。url 指定も出来るけど、取りあえずウィンドウ内にコピペして、特にオプションも弄らず GO!

お、10% 最適化されてるぢゃん、とりあえずコンペアしてみたら、background と font は一括指定でまとめられているし、#FFFFFF なんかも #FFF って簡略化されている。でも、分かりやすいように付けていたコメントと文字コード指定がばっさりと削除されていたりする。あとは、どういう基準か分からないけど、所々半角スペースが詰められていたり、そのままだったり。結局、 10% 最適化出来たのは、２バイトのコメントを削除したからなんだろう。また、注意書きにある通り、CSS ハックしてたりすると外されちゃうらしい。

結論としては、php でCSSを圧縮する方法じゃなくて、素で極限まで軽くしたいぜ、うぉーってな人にはオススメかも:-D

2005-04-05T20:40:50+09:00 | コメント (2) | トラックバック (0) |