ng-japan 2017「あのモジュールこのコンポーネントそのブロック」

Takeshi Takatsudo @Takazudo

先程のトラックBのスライドです。ありがとうございました〜 あのモジュールこのコンポーネントそのブロック // Speaker Deck speakerdeck.com/takazudo/afals… #ng_jp #ng_jpB

yancya @yancya

「Angular に限らず、一般的な component についての話をします」 #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

CSSは全てグローバルになる。 なので、自分の書いたセレクターがどこに影響するかわからない。 #ng_jp #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

OCSSSは会場の5割が知ってる #ng_jp #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

OCSSSの例、BOOTSTRAP #ng_jp #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

Bemがデファクトスタンダードというぐらい流行りました。 #ng_jp #ng_jpB

ponday @ponday_dev

まさかAtomic Designの話が聞けるとは #ng_jp #ng_jpB

江戸川基地局（再稼働中） @nhiro78

#ng_jp #ng_jpB デザインシステムはいいぞ

江戸川基地局（再稼働中） @nhiro78

#ng_jp #ng_jpB デザインシステムはいいぞ

yancya @yancya

なるほど #ng_jpB Atomic Design | Brad Frost bradfrost.com/blog/post/atom…

池田 泰延 @clockmaker

AngularのカンファレンスでCSS設計を勉強できるとは。 Angularに興味なくてもウェブの話を幅広く聞けていいですね！ #ng_jp #ng_jpB

鹿野 壮 Takeshi Kano @tonkotsuboy_com

「レスポンシブウェブデザインが当たり前になっている今、静的なカンプでやりとりするのは成り立たない」とAtomic Design論は主張している。 #ng_jp #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

Enduring CSS(ECSS)を知ったのは高津戸さんの記事でですw #ng_jp #ng_jpB

yancya @yancya

なるほど #ng_jpB Enduring CSSの設計思想 - ECSSが目指す設計 | CodeGrid app.codegrid.net/entry/2016-ecs…

鹿野 壮 Takeshi Kano @tonkotsuboy_com

高津戸さんのHTML5 Expertsの記事はこちら 抽象化を避けるCSS設計方法論「Enduring CSS」 html5experts.jp/takazudo/21946/ #ng_jp #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

「いや、なんでもかんでも使いまわそうとするから破綻するのだ」 「一度書いたCSSは二度と変更することができないだろう」 #ng_jp #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

同じCSSをコピペしたところで、gzipすれば大して容量がかわらないだろう ↑ ひえー！ #ng_jp #ng_jpB

yancya @yancya

「逆に言えば、このようにしなければ CSS は２度と消すことが出来ない」 わかる…… #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

ECSSでは名前空間ごとにまとめる #ng_jp #ng_jpB

鹿野 壮 Takeshi Kano @tonkotsuboy_com

ミニマムなCSS設計がベストだと思っていたが、ECSSに出会ってそれはCSS設計の一つに過ぎないことがわかった。 運用体制、求めるものにより、最適なCSS設計のアプローチは異なる。 （一つのCSS設計に固執するのはNGだと思うので、この意見には心から同意） #ng_jp

yancya @yancya

angular/cli 使って component 生成すると component 毎に css 生成されますよね #ng_jpB

池田 泰延（勉強会用） @clockmaker_bot

CSS in JSの話。ここを掘り下げて話を聞いてみたいです。 #ng_jp #ng_jpB