オブジェクト指向CSS(OOCSS)とSassとUIデザインのベストな関係 | GeNERACE labo
こんにちは、マークアップエンヅニアのゆーじろーです。 今回は掲題の通り、オブジェクト指向CSSという概念について書きます。 ちなみに恥ずかしながら私はつい最近までこのOOCSSという概念を知りませんでした。 ただ、私が普段CSSコーディングする際に行っている行為がどうやらこれらしい。というのと、 いくつかドキュメントを探してみたら、概念を誤解しているようなものも散見されたので改めて纏めました。 オブジェクト指向CSS まず基本のおさらいですがCSSでは主にエレメント、クラス、IDの三種類の要素を使用してスタイルを定義します。 p{color:#ff0000;} /*エレメント*/ .red{color:#ff0000;}/*クラス*/ #red{color:#ff0000;}/*ID*/ 上記はどれも結果として返す値は変わりません。 ですので慣れてきた人であればこう書きます。 p, .re
いまさらながらだけど、オブジェクトとクラスの関係を究めてみようよ - 檜山正幸のキマイラ飼育記 (はてなBlog)
オブジェクトとクラスの関係について、次のような説明を見かけました（文言の引用ではなくて、檜山による要約）。 オブジェクトとクラスは全体としてツリー構造をしていて、ツリーの末端をオブジェクト、末端以外のノードをクラスという。末端であるオブジェクトは、その親ノードであるクラスのインスタンスと呼び、クラスどおしの親子関係を継承関係と呼ぶ。 うーむ、この説明、ある意味「簡潔でわかりやすい」とも言えるのだけど、ちょっと単純化し過ぎでしょ。 オブジェクトやクラスの概念て、そんなに美しくもなきゃ、整合的でもありません。実用性やら実装上の都合やらでゴチャゴチャですがね。しかし、そのゴチャゴチャが悪いともいえません。ゴチャゴチャを無理に単純化することなく、必然性を持った（幾分は偶発的だけど(苦笑)）複雑さとして理解すべきかと思います。 というわけで、メタクラスやレイフィケーション（reification）な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build seven good object-oriented habits in PHP
