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

月別アーカイブ 2005年10月

前後の月

iPod 5G（with video）が届いた

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

我慢できずに勢いでポチッと注文していた iPod 5G（with video）が、25 日（火）の昼に届いてた。14 日（金）の夜に注文してたから、ちょうど 7 営業日で届いたことになる。

んでもって、そんな日に限って 22 時過ぎまで残業。23時半頃に帰宅して、晩飯を流し込んで 0 時頃からライブラリの転送を開始。Firewire を廃止しやがったおかげで、自宅の G4 Cube タンからは USB1.1。1018 曲、およそ 4.41GB の転送に約 2 時間弱、1 曲につき 5 〜 8 秒くらいか。家の CD を全部エンコしてたら、大変なことになるとこだった。つか、もう 2 時過ぎてんじゃん。動画は明日以降だな。

2005-10-26T02:18:09+09:00 | コメント (8) | トラックバック (1) |

Firefox からウィジェットを起動できる機能拡張「Firefoxit」

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

Firefox の機能拡張「Firefoxit」は、新しい試みととして面白い機能を提供してくれる。「Firefoxit」をインストールすることによって、仮想のデスクトップ上にウィジェットや小さいウェブアプリを Firefox から起動させることができるようになる。

Firefoxit の使い方

Firefoxit をツールメニューから起動すると、仮想のデスクトップが起動する。画面下に登録済みのウィジェットのアイコンが表示されるんで、クリックすることでウィジェットを起動。ウィジェットを閉じたい場合は、画面下へドラッグするだけ。Firefoxit 自体を終了するには、画面右上の × ボタンをクリック。

各ウィジェットは 400 から 600kb 程度で、Dashboard や Konfabulator に比べれば全然軽い。サイトでは、Firefoxit 用のウィジェット作成方法が説明されているんで、興味がある人はウィジェットを作ってみるのも良いかも。

現状では、まだまだウィジェットが揃っていないけど、色々なウィジェットが増えてきたら面白くなるかも知れない。

色々開発日誌さんが制作者のサイトを翻訳されています。GJ :-)

firefoxitっていうのがあるらしい

2005-10-25T12:49:29+09:00 | コメント (0) | トラックバック (1) |

tag bundles 設定方法が変更に

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

ソーシャルブックマーク del.icio.us の settings にある tag bundles の設定方法が変更されている。前までは非常に設定しづらかったんだけど、今回の変更でかなり設定しやすくなった。

既存の bundle を編集する場合は、Your bundles: 一覧から bundle を選択。新しく bundle を作る場合は、new bundle: 欄に bundle 名を入力して create ボタンを押下。
自分の tag 一覧が右に表示されているので、そこからクリックして text box に追加。削除したい場合は当該 tag を再クリック。
最後に save ボタン押下で設定完了。

現在設定中の bundle に設定した tag は赤い背景で表示、他の bundle に設定している tag は赤い枠で表示されている。また、作成した bundle が空の場合は、自動的に削除されるようになっている。今までは bundle 機能を使っていなかったんだけど、勢いで設定しちゃったくらい設定しやすい。

2005-10-24T19:22:05+09:00 | コメント (0) | トラックバック (0) |

ソーシャルブラウザ「Flock」ファーストインプレッション

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

ソーシャルブラウザ「Flock」のデベロッパープレビュー版がリリースされたんで、早速入れてみた。

ちょっと使ってみた感想

del.icio.us との連携がイイ！！。一番最初に同期する時は結構モッサリするけど、一回同期しちゃえば後は大丈夫。2 バイトの文字化けも無く、del.icio.us と共有できる。何か、これだけでも使う価値あんじゃね？って感じかも。del.icio.us ユーザはぜひ試してみるのをお薦めする。

また、Blog Editor で WordPress、Movable Type、Typepad 等と連携してブログの記事を書くこともできる。サイトの URI を入れれば、自動的に mt-xmlrpc.cgi を検知してくれるんで、Username と password を入力すれば大丈夫。Editor の機能的にはまだまだかも知れないけど、可能性を感じさせてくれる。

まだまだちょっとしか使ってないんで、これから色々と弄ってみる予定。何か、こういうのってワクワクするね。

2005-10-21T20:23:58+09:00 | コメント (0) | トラックバック (5) |

維持しやすい CSS を考える

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

wg:Maintainable CSS

CSS を維持・管理していく上で、保守性の高い CSS を作成するにはどういったことを意識して作成するだろうか。上記サイトでは個人的な好みと前置きし、いくつかアイデアを述べている。コメント欄なんかでもちょっと盛り上がってて、激しく同意できる部分もあったりそりゃ違うなとか思ったりと、色々と考えさせられた。

CSS を作成する際に自分が考えること

自分でも改めてまとめてみると何か新しい事が見えてくるかもしれないし、コメントで何かヒントやアイデアを教えてくれる人も居るかもしれないなぁとか思ったんで、ちょっとまとめてみた（上記サイトと被ってるのが多いけど）。

CSS ファイルの肥大化を抑えるよう、作成中にボツになったスタイルは必ず削除しておく。頻繁にスタイルを変えるような場合は、指定する必要のないスタイルが残っていないかチェックする。
どれだけ些細な事でも、コメントによる注釈は重要。1 年後に見たときに、何故この指定があるのか考えてしまわないかを常に念頭に置き、ちょっとしたことでも必ずコメントを付けておく。
一覧性や探しやすさを考え、出来るだけ CSS ファイルは一つに収めるようにする。
規模の大きいサイトの場合は、複数の CSS ファイルで構築する。
複数の CSS ファイルを採用する場合、基本となる base.css にはブラウザデフォルト値のリセットや全ページ共通で不変なパーツの指定（ヘッダやフッタ、セクション等）、各要素（hn、p、ul 等）のデフォルト値の設定を記述。それ以外は style.css として、各ページごとの独自の指定をコメントでグルーピングして記述、状況によっては、フォーム関連の部品等の特定の指定が大きくなるときは別ファイルにする。
やむを得ずCSS ハックを使うとき、なるだけならバックスラッシュ系を使わない方法がないか考え、あまりトリッキーではないハックを選択する。
CSS ハックを行う際、必ずコメントで対象ブラウザと事由を明記する。
子供セレクタ、子孫セレクタ、隣接セレクタ等のパターンマッチの規則を活用し、スタイルのために後から (X)HTML に ID や Class を付与し直さないようにする。

こう見ると、大したこと考えてないなw。まぁ、どうすれば管理しやすいかってのは人それぞれだろうし、ある方法が万人にとって受け入れられるってわけじゃないってのは当たり前か。

2005-10-21T19:31:36+09:00 | コメント (0) | トラックバック (0) |

Google をカスタマイズできる Firefox の機能拡張

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

Google の検索画面を見ない日は無いってのは、ちと大げさかも知れないけど、それだけ Google の使用頻度は高い。Firefox では Greasemonkey を使って Google を Remix ってのがあるけど、Greasemonkey を使いたくない人は CustomizeGoogle と言う機能拡張をインストールしたら、少し幸せになれるかも知れない。

CustomizeGoogle は Firefox の拡張機能です。この拡張機能は Google の検索結果に他の情報 (Yahoo, Ask Jeeves, MSN 等のリンク) を追加し、余計な情報 (広告やスパム) を取り除くことが可能です。これらの機能はすべてあなたの任意で使用できます。

CustomizeGoogle をインストールすることで、下記のような事が設定できる。（もちろん、これが全てではない）

通常Googleに Suggest 機能
広告を削除
他検索サイトへのリンク
検索結果に連番を振る
Gmail に常に https で接続
正規表現を使って特定ドメイン等を検索対象から外すフィルター機能
Google UserID を匿名で使用

広告の削除などは、Gmail や Google ローカル、Google グループ等の全てのサービスに設定できる。また、フィルター機能は検索結果に "フィルター"へのリンクが表示されるので、検索結果からフィルターを作成することが可能。例えば、ワイルドカード（*）を使ってそのドメイン以下をフィルター対象に出来ちゃったりする。

個人的には Gmail に常に https で接続できるってのが地味に好印象だったりするんだけれども。

2005-10-18T00:47:17+09:00 | コメント (0) | トラックバック (1) |

IE7 と CSS ハックと条件付コメント

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

IE に適用させないための各種 CSS ハックは、IE7 で修正される事になりそう。

IEBlog : Call to action: The demise of CSS hacks and broken pages

修正しておいた方が良い一般的なハック

IEBlog では下記のハックを使用しているウェブページは修正しといた方が良いよってな事を呼びかけている。

Child Hack ( body > #foo )
StarHtmlHack ( * html #foo )
The Owen Hack ( head:first-child+body #foo )
head + body Selector ( head + body #foo )

こういったハックを使わずに、IE 独自実装の Conditional Comments を使うことを推奨しているんだけれど、head 内に記述するのはあまりスマートじゃない気がして個人的には好きじゃなかったりする。

<!--[if IE]>
<style>
        メソッド
</style>
<![endif]-->

参考: 条件付コメント(Conditional Comments)実験ページ

なんだかんだ言いながら、IE7 用のハックが発見されるような気がするけど、結局は IE7 が CSS を正しく解釈してくれれば何の問題も無いんじゃないのって思ったりして。

スタンドアローン版 IE の問題

今まで知らなかったんだけど、テスト用に一つの PC に複数バージョンの IE を共存させるためのスタンドアローン版の IE を入れている場合、バージョンごとの Conditional Comments は機能しないみたい。「Taming Your Multiple IE Standalones」で解決方法が示されている。

2005-10-14T11:29:28+09:00 | コメント (2) | トラックバック (0) |

疑似要素の表記法

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

CSS3 での疑似要素の表記法として、疑似クラスと区別するためにコロンを 2 つ（::）付ける表記法が導入されることが CSS3 の勧告候補（W3C Candidate Recommendation 13 November 2001[ 邦訳 ]）に記されている。

Firefox とかはコロン 2 つに対応しているのは知ってたんだけど、現状の視覚系 UA ってどこら辺まで対応してんのか、既知の事実なのかも知れないけど、ちょっと気になってみたりしたんで調べてみた。ウィンドウズ IE でも調べられるように ::first-letter 疑似要素を使い、とりあえず自サイトの対象ブラウザっつったら下記の辺りなんで、そこら辺で検証。

Firefox 1.0 - 1.0.7 (Win, Mac)
Opera 7.54 - 8.5 (Win)
Safari 1.3.1
IE 5.5 - 6.0 (Win), 5.23 (Mac)

んで、まぁ結果的にはマック IE 5.23 だけがコロン 2 つの表記法に対応していないらしく、p::first-letter { color: red; } が反映されなかった。これくらいだったら、取り入れても良いかなぁとか思った次第。しかし、今後もコロン 1 つの表記法でも別に大丈夫なわけで、果たして疑似クラスとの区別を重んじる必要性が自分にあるのかは甚だ疑問だけど。ま、パッと見、分かりやすくていいんじゃね？くらいな。

2005-10-13T23:47:01+09:00 | コメント (0) | トラックバック (0) |

Bloglines にホットキー

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

Google Reader の影響なのか分からないけど、Bloglinse にいつの間にかホットキーが実装されてた。

You can now navigate through Bloglines with hotkeys! You will find this legend at the bottom of each feed display page.

j - next article
k - previous article
s - next sub
f - next folder
A - read all
r - refresh left pane

f キーでフォルダー移動、j キーで記事タイトルにポンポンと飛んで行けるんで、溜まった記事を流し読みする時とかは便利かも。

2005-10-13T10:46:32+09:00 | コメント (0) | トラックバック (0) |

<Mac> - Google 検索

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

<Mac> - Google 検索

良く分かんないんだけど、マックに関連した事を google で検索する場合には、そっちよりな情報がリストアップされる可能性が高いのだろうか。確かに、"OS" って検索するとマックに関する情報に絞られているような…。でも、何かロゴが良い感じ。

2005-10-11T13:03:05+09:00 | コメント (0) | トラックバック (0) |

コンビニで iPod が買えるようになる？

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

巷では、12 日の Apple の発表が注目されていたりして、多分ビデオ再生可能 iPod は無さそうっつう僕の予想と、どちらにしろ第 5 世代の iPod であれば買ってしまうかも知れないなんて事はどうでも良い事なのだけれども、Apple 関連でちょっと気になる噂ってのが、10 月末頃までにセブンイレブンで iPod が買えるようになるかも知れないって事。

iPod Coming to 7-Eleven Stores in Japan

7-Eleven plans on selling iPods in Japanese its convenience stores by the end of October.

セブンイレブンの店頭で注文すれば 2、3 日で商品が届くらしい。これ実現したら Apple 一人勝ちが加速するのは間違いないなぁ。ま、ネタ元とされる UPI のレポートが Not Found になってるんで、真偽のほどは分からないけど。

2005-10-11T10:37:04+09:00 | コメント (2) | トラックバック (0) |

ロリポップの生ログ

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

借りてるナウでヤングなサーバ（ロリポップ）では、生ログ落とせるんで ApacheLogViewer でログ解析をしているんだけれども、PNG 画像へのアクセスを記録してくんないってことが気になってた。例えばサムネール画像から本画像にアクセスされているのかがログを見てもサパーリ分からん :-(

ロリポップに問い合わせてみた

とりあえず対応してくんないか問い合わせてみたんだけど、何かテンプレな回答しか得られなかった。

申し訳ございませんが、現在のところ新たに導入、変更予定はございません。尚、ご要望が多い場合や弊社の環境の変化により導入することはございます。

うぇー、要望多くないの？つうか、PNG フォーマットを使う人が少ないのか？

2005-10-05T18:45:49+09:00 | コメント (2) | トラックバック (0) |

フォトショップのチュートリアルサイト

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

フォトショップ持ってるんだけど、イケてるっぽいウェブ用素材の作り方が分からないとか、フィルターを使った加工方法が分からないって人は何下に多いのかもしれない。かと言って、教則本は値段もそれなりにするし、必要としないチュートリアルも載ってるんで、なんだかなぁって思っている人は Tutorial Select.com を一回覗いてみると良いかもしれない。

無料のチュートリアル

このサイトではフォトショップだけでなく PHP や Flash などのチュートリアルを様々な人たちが投稿してくれているんだけど、一番多いのはフォトショップ関連。もちろん海外サイトなんで解説は英語なんだけど、画像付きで解説しているんで英語分かんなくてもなんとかなっちゃう。多分。恐らく。もしかしたら。

とりあえず、上部メニューから「Top viewed tutorials」へ行くと、閲覧されている数が多い順にソートしてあったりするんで、ここら辺をつらつらと眺めてみて、ウェブ用素材に関わらず自分的に役に立ちそうなチュートリアルを探すってものありかも。例えば、ボタン風なバナーの作り方なんてのは、「Cool button」なんかが参考になりそう。

2005-10-04T23:16:47+09:00 | コメント (1) | トラックバック (2) |

dt と dd を横並び

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

定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。

多分オーソドックスな方法

とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。（margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく）

dl_sample01.html

float を使った方法
margin を使った方法
position を使った方法

<dl>
<dt>foo</dt>
<dd>bar</dd>
<dt>foo</dt>
<dd>bar</dd>
</dl>

ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt と dd との間に存在するそれぞれの margin、padding、border の値を足していった値。（分かりづらい…つまり、dt のmargin-bottom、padding-bottom、border-bottom と dd のmargin-top、padding-top、border-top ）

display: table; を使った方法

対応ブラウザでしか実現できないんで IE とかだと駄目だけど、display: table; を使った方法もあるなぁって思ってちょっとやってみた。dl 内に dt と dd がそれそれ一個ずつでマークアップしたパターン。

dl_sample02.html（ IE 未対応）

<dl>
<dt>foo</dt>
<dd>bar</dd>
</dl>
<dl>
<dt>foo</dt>
<dd>bar</dd>
</dl>

一つの dl 内にdt と dd が続くような場合って、table-row の指定をどうやって良いのか分からなかった。うまい方法ってあるのかしらん。

2005-10-04T13:51:12+09:00 | コメント (0) | トラックバック (6) |