同記事では次のテクニックが紹介されている。まず、名前を考える段階で次の3つの質問を自分に投げかけるという。

1.対象となる要素の機能はなにか、なぜそこに配置されているのか、その目的はなにか。
2.ほかに同じような要素はあるか、どの程度似ているのか、どういった違いがあるのか。
3.同じ目的で要素を使っているサイトはあるか、そうしたサイトではどのような名前になっているのか。

この質問に答えることで、次のような効果が得られるという。

1つめの質問への答え: idやclassの名前を読むだけで何をするものか理解できるようになる。
2つめの質問への答え: より適した名前になる。例えば最初はnavigationで考えていたとして、他にもナビゲーション目的の要素があることに気がつければ、sitenavigationのようによりその要素にとって適切な名前を見つけることができる。
3つめの質問への答え: ほかの技術との相互交換性が高まるとともに、すでに実施された経験の効果を得ることができる。たとえばnavigationという名前はHTML5でnavが使われているように、sitenavと書いたほうがいいのではないか、といった判断ができる。
名前の記述規則も紹介されている。How To Compose HTML ID and Class Names like a Rockstarで紹介している規則は次のとおり。

・サイト全体に渡って使われるものに対しては「TitleCase」のように大文字区切りの名前をつける。
・そのサイト限定のものに対しては「lower-case-dashed」のようにハイフン区切りの小文字で名前をつける。
i・dとclassの組み合わせで「TitleCase」と「lower-case-dashed」が組み合わさるケースがあってもいい。たとえば「class=”SearchField” id=”widgetco-search”」のように。

命名した名前の妥当性をチェックする方法としては、「その要素を文章だと思って音読する」という方法が紹介されている。実際に自分の耳で聴いてみると、その名前が妥当なものであるかひどいものであるかがわかってくるという。

自分的には、以下がかなり大事な要素なんじゃないかと思う。
今はJqueryとかのJapascript技術とCSSが組み合わさったものも結構ありますし。

ほかの技術との相互交換性が高まるとともに、すでに実施された経験の効果を得ることができる。たとえばnavigationという名前はHTML5でnavが使われているように、sitenavと書いたほうがいいのではないか、といった判断ができる。

「その要素を文章だと思って音読する」というのは、
英語圏か英語ネイティブの人だったら有効なんだと思う。
英語が苦手な人だとあまり意味ないよねw

20100610追記

CSS HappyLifeの管理人さんが集めてきれくれました。
これは確かに使えそうです。ありがとうございます！

★もう、class名やid名で悩まないんだからっ！！

この中で個人的に、
パンくずって、topicpathにするかbreadcrumbsにするかいつも悩んで、
フラフラしとるのですが、内容的に考えるとtopicpathの方がいいのかなあ。

コメント: 0
トラックバック: 0

PDFを簡単にテキスト化＆画像まで抽出してくれる『Nitro PDF Reader』

★便利な無料PDFツール『Nitro PDF Reader』

ちょっと使ってみたのですがこれはかなり便利です！！
特に気に入ったのが、以下の機能。
・Create Textというメニューで、文中のテキストをテキストファイル化してくれます。
・Extra Imageというメニューで、ファイル内の画像を全てpng化して、PDFと同じ場所に出力してくれる

20100727追記

イラレで、レイヤーを重ねて作ったものの場合、
Nitro PDFだと表示してないレイヤーも重なって見えてしまっていました。
Acrobat proffecionalでは、正常に見えていました。

これを回避するには、イラレでPDF保存時に、
重なっているレイヤーを表示するのチェックを外す必要がある。
見えなくてもいいものが見えるなんて、高機能といえば高機能なんだろうけど・・・。

コメント: 0
トラックバック: 0

DPI行動ターゲティング広告を総務省が容認だそうです。

DPI行動ターゲティング広告というと思い浮かぶのは、
Amazonや楽天の「これを買った人はこれを見ています」や楽天ad4Uです。
これはこれで便利かなと思っていたのだが、
今回のは制限があまりにもなくて、あぶないらしい。
確かに自分の見たページがたれ流しにされるのはちょっと・・・。

★「ネット全履歴もとに広告」総務省容認　課題は流出対策

★「どんなサイトを見て、どんな言葉を検索したか、全て記録・分析して広告提供」…の技術に、総務省がゴーサイン

★DPI行動ターゲティング広告の実施に対するパブリックコメント提出意見

★行動ターゲティング広告はどこまで許されるのか

楽天ad4U自体も問題視されてたみたいだ。
ちょっとのんきすぎたよ　(´Ａ`)

★楽天とドリコム、行動ターゲティング広告「楽天ad4U」を提供

★楽天ad4U、個人ブログまで監視対象にしていた

★楽天ad4Uが自粛していた

★楽天がPCから履歴を収集し広告に利用以前からスパイウェアと呼ばれていた楽天ad4U

コメント: 0
トラックバック: 0

「試食会.jp」客側は外食が割引で楽しめて、店側には空席が埋められるという携帯サービス

2010-05-31 (月)
Gourmet | Web-Service

★試食会.jp

今日の週初めの打合せで話題になりました。
昨日、TBSでやってたらしい。
去年の今頃も日経で紹介されたようで少し話題になってたようです。

前々からこの手のサービスは興味あったので、早速登録してみました。

★TBS 「知って得する新生活・驚き !! ネット活用法 ! 」

twitterもあるよ。

＜紹介サイト＞

★空席を埋めるサービス、「試食会.jp」が本格始動

★試食会サイト｜外食は割引で(試食会.jp、食べタイム)

現在は、２５０店舗程の提携店舗がありますが、２０１０年１月からは東京に加えて、札幌・名古屋・大阪・福岡とサービス地域がどんどん広がっています。

★試食会　ＪＰご存知ですか？

★有名レストランが5～8割引きで楽しめる、「試食会.jp」

利用者視点で見てちょっと残念なのは、記事には現在の登録店舗は27店とあるものの、試食会.jpのサイトではどんなお店があるのかほとんど分からないこと。

ケータイメールでのコミュニケーションが前提だからなのかも知れないけど、どんなお店があるのかは（PCからでも）事前に知りたいですよね。

辛口・・・。
★試食.jp

上の記事でもありましたが、
ご利用できる店舗で、５店舗しか載ってない上に、
補足説明もないので、５店舗しかないのかよ！と一瞬思っちゃうよね。
しかし、去年の時点でも250店舗は登録されてたようですし、
twitterで見たとこだと、昨日も７店舗追加されたようです。
TVで紹介されたので、申込企業も少し増えるんじゃないかなぁ。

ま、しばらく様子見てみます。

コメント: 0
トラックバック: 0

20100530漫画購入分＆立ち読み分

2010-05-30 (日)
MANGA

ブックオフみなとみらい店
105円コミック5冊で半額セールでした。

Good　Job　グッジョブ（5） (講談社コミックスキス)
Good　Job　グッジョブ（6） (講談社コミックスキス)
Good　Job　グッジョブ（7）＜完＞ (講談社コミックスキス)

ボクを包む月の光―ぼく地球次世代編 (2) (花とゆめCOMICS (2875))

オトメン(乙男) 5 (花とゆめCOMICS)

コメント: 0
トラックバック: 0

ワックスコードバンのボックス型小銭入れの二つ折りウォレット

ボックス型小銭入れの付いた財布で気になったもの追加です。
鮮やかなカラーに魅かれます。

コードバンシリーズ（コードバンとは馬のお尻（腰）部分からわずかしか取れない貴重な革で、その中でも中心部分の一番丈夫で柔らかいところを指します。）、今度は表面をロウ引きしたタイプが新登場しました。
ロウ引きしてあるので最初は薄い膜を張ったようにマットな質感ですが使っていくうちにだんだんと光沢が出てくるのが特徴です。

ワックスコードバンの二つ折りウォレット（二つ折り財布）【本革】

コメント: 0
トラックバック: 0

アレキサンダー・ジラルド × イームズの財布＆キーケースとクローバーライン色々

アレキサンダー・ジラルド３連発。
二つ折り財布だとボックス型が一番使いやすいことに気が付きまして、
最近ちょくちょく通販ページでチェックしてるんですが、
ここでも、たまたまアレキサンダー・ジラルド関連の商品を見つけました。
こちらはイームズとのコラボ商品です。

【ポイントアップ中！】ミッドセンチュリーデザイン小銭入れつきALEXANDER GIRARD/アレキサンダ…

【ポイントアップ中！】キーケース　ミッドセンチュリーデザイン札入れつき　革（レザー）製ALE…

下のように柄がいくつかありましたが、一番気に入ったのがこのカラフルなクローバー柄ですね。
他のは男性でも全然使えそうだよね。むしろ元々メンズもの？

　ポップで使いやすいイームズ&ジラルドシリーズ！TORSH (Eames & Girard) MAHARAM TS-504【ト…

Eames & Girardイームズ＆ジラルドMAHARAM Key Case

ここで紹介されてました。

★ボックス型の小銭入れががついているかわいい財布を捜してます。

それから、effffyでも同ラインのものが出てまして。色々な色合いのがあります。

■財布

Alexander Girard ＋ efffy　アレキサンダー・ジラルド＋エフィ　タウンライン　■　財布　■…

Alexander Girard ＋ efffy　アレキサンダー・ジラルド＋エフィ　タウンライン　■　長財布　…

■ショルダーバッグ

セール！　Alexander Girard ＋ efffy　アレキサンダー・ジラルド＋エフィ　トラベルラインII…

楽天最安値に挑戦！72%OFF♪アレキサンダージラルド by エフィー AGCTWN 2 01 2WAY ショルダー…

全柄　セール価格になりました！　アレキサンダー・ジラルド＋ efffy　トラベルライン　ショル…

■トートバッグ

楽天最安値に挑戦！40%OFF♪アレキサンダージラルド by エフィー TWN-01 QU-PK トートバッグ C…

セール！　アレキサンダー・ジラルド＋ efffy　トラベルライン　トート　【ミディアム】　　al…

セール価格になりました！　アレキサンダー・ジラルド＋ efffy　トラベルライン　トート　【ラ…

楽天最安値に挑戦！37%OFF♪アレキサンダージラルド by エフィー TWN602 トートバッグ【ショ…

楽天最安値に挑戦！22%OFF♪アレキサンダージラルド by エフィー TWN601 トートバッグ【ショ…

■ハンドバッグ

Alexander Girard ＋ efffy　アレキサンダー・ジラルド＋エフィ　タウンラインIII　■　ハン…

■スーツケース

セール！オフプライス　Alexander Girard ＋ efffy　アレキサンダー・ジラルド＋エフィ　ト…

セール！B品　　Alexander Girard ＋ efffy　アレキサンダー・ジラルド＋エフィ　トラベルラ…

■携帯灰皿

 期間限定★20％OFFセール！Scoops スクープス Ashtray 携帯灰皿

ここまで追っかけるともうきりない・・・つД｀）

コメント: 0
トラックバック: 0

アレキサンダー・ジラルドｘ efffy　コラボラインについて

アレキサンダー・ジラルドについて、もう少しつっこんで調べてみました。

★Alexander Girard（アレキサンダー・ジラルド）：hhstyle.com
★Alexander Girard (アレキサンダー・ジラルド,アレキサンダー・ジラード)

1907年、ニューヨークにてアメリカ人の母とイタリア人の父の間に生まれる。ロンドン・ローマで建築を学び、1932年ニューヨークに戻りインテリア・建築事務所を開設。その後、チャールズ&レイ・イームズ、ジョージ・ネルソンらと出会い、1952年、ハーマンミラー社に新設されたテキスタイル部門長に抜擢される。1961年には、ニューヨークに小売店「Textile & Objects Shop（T&O Shop）」をオープン。そこでは家具やファブリックの他、人形等も販売された

元々、戦後のアメリカのテキスタイルデザインで有名な人みたいなんですよね。
ハーマンミラーやイームズと深い関わりがあるみたいです。
ハーマンミラーつったら思い出すのはアーロンチェアなんですが・・・

前記事の商品は、その柄を東京デリカのブランドefffyとコラボさせたものみたいです。

★efffyのブランド名の由来

★東京デリカコミュニティブログ　【efffy -エフィー-】

★コラボの証　1

★コラボの証　2

★コラボの証　3

近くに寄った時にチェックしたいので、efffyを取り扱っているflag shopで行けそうなとこをメモメモ
その他ＬＡＰＡＸだったら扱ってるかもしれない。
私がバッグとスーツケースを見かけたのも横須賀のＬＡＰＡＸです。

SHIN MARUNOUCHI
phone　03-3211-1622
東京都千代田区丸の内1-5-1　新丸の内ビルディング3F

efffy YURAKUCHO MARUI
phone　03-6738-3714
東京都千代田区有楽町2-7-1　1F

東京デリカ戸塚店
ADDRESS :神奈川県横浜市戸塚区上倉田町769-1
アピタ戸塚店1ＦPHONE : 045-862-5515

通販で売っているところはあまり見かけないです。