これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！

これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大！CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか？ 矢倉: 昨年（2

[vlxst1224]

「俺からmarginを奪ったらカラム落ちだらけのゴミページしか残らねえよ」的な糞コメを書きに来たがCSSグリッドレイアウトは理に適ってるな。整列マニアとしては進化して帰ってきたtableレイアウトって感じで歓迎したい

[clucker]

使い方次第ではとっても便利。ただ css を外しても、コンテンツの構成順が正しくなるように作る前提を忘れちゃいけない。

[mint6626]

いずれにせよ50階建てのビルを建てる建築理論と、小さな一戸建てを建てる建築理論は別であるべきだと思う

[uehaj]

コンポーネントの責任範囲はその内側だけに絞るべきで、その「外側」であるマージンをコンポーネント自身がコントロールすべきじゃない

[rti7743]

あれだけTABLEレイアウトを無駄にdisっておきながらgridレイアウトを賞賛するなんて、フロントエンドは車輪の再発明が好きで物事を余計に難しく複雑にするのが好きな人達だと私は思うw 次はパワポでも再発明してほしい。

[Dursan]

ま、まーじんで！？

[hachibeechan]

煽りすぎでしょ。flexboxと同じで高レベルな機能が増えたから今までの低レベルなマネジメントが不要になる、っていう話じゃん。しかもコンポーネントの外側に安易にmargin入れないのはgrid関係なく普通のやり方

[tacamy]

margin禁止っていうかコンポーネントの周囲に余白つけるのやめようみたいねって話だよね？？ならばとpaddingで付けられても困るし。

[jitojito]

Tableと比較している意見がちらほら。Tableは文書構造としてセマンティックに使うべきという意見だったはずなのでこれと比較するのは違う気がする。

[Futaro99]

tableレイアウトにしかみえない

[extendskick]

grid for component

[ANNotunzdY]

現代のテーブルレイアウト

[wadandandadan]

これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！

[kyompi]

また覚えることが増えそう・・・面白いからいいんだけどさｗ

[nohako]

やっぱCSSおもしろい。（勉強し直そう…）

[tyru]

「Can I Useには、Google Analyticsと連動させる機能がある」、コンポーネント作成の際の指針、メディアクエリとの相性、等

[k12u]

tableレイアウトがDISられていたのは論理的にテーブルじゃないものを外見上の理屈でtableにしていたのが背景なので、これをtableレイアウトとDISるのは意味不明

[mami-hate]

新規開発のときにがっつりやりたい

[idr_zz]

margin禁止！相当インパクトのあるコピーだ。 グリッドレイアウト、興味湧いて来た。 これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！

[efcl]

https://github.com/azu/large-scale-javascript/blob/master/docs/css.md でこういうコンポーネントにおいてはmarginとかレイアウトに関するものを含めない制約についてを書いたことある。

[nekosann_08]

プレフィックスで対応できそうなIE11はまだ良い。問題は地味に根強いAndroidの４系。それら以前のバージョン？知らん！！！

[Haaaa_N]

can I useそんな機能あったのか…

[masafiro1986]

おもしろ

[kno]

IEが対応したら起こして

[crema]

vantさん、いい感じ。

[sippo_des]

厄介だなあとしか。そんなSketchがよいならもうキレイに吐き出してくれりゃええのにね。

[kirifue]

これ、細かく指定できるテーブルじゃん？ 嫌いじゃないけど。 #開発 #デザイン

[rgfx]

なんだかなあ。webデザイナーって、常にこういう釣りタイトルで炎上させてないとすぐ干上がるような、クソ貧乏ったらしい業界なのかなあ。

[teruroom]

Excel方眼紙のWeb版登場。あるいはtableタグレイアウトの復刻版。・・・な訳無いか。

[amachang]

みゃくら氏、生きてた

[d_log8]

これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！NEW こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパー

[makou]

最終的にExcelになったりして。

[not_funassyi]

ちょっと古いAndroidが絶滅すれば使えるとは思うが…、今はまだ無理では。手元のテスト端末でも余裕で崩れるし。

[hase0510]

腐ったデザインのWebサイトをStylishでいい感じのレイアウトへ変えるのにこないだグリッド使った。めっちゃ便利。

[hamacheese]

利点がイマイチよう分からん

[igrep]

だんだんHTMLが（いい意味で）Excel方眼紙に追いついてきましたね！

[anklelab]

わーめんどくさい（読んでない

[AzuLitchi]

「これからのhtmlは」って話はここ20年で何回聞いたろうか…