なぜ初心者は「UIコンポーネントにマージンをつけるのか」初心者が解説します

Twitterなどで、よく「UIコンポーネントにマージンをつけるな」という言及をよく目にします。 以下の記事など、とても分かりやすく参考になるかと思います。 しかし、私はそれらの言及・記事などを見た上で(おそらく)UIコンポーネントにマージンを持たせる実装を行なってしまっていました。 熟練者から見ると、「UIコンポーネントにマージンをつけるな」というのは、これらの記事を見ていない(つまり知識としてない)ということが原因として起きると思われているのではないでしょうか？ そのようなケースも多々あると思いますが、今回は知識として持っているにも関わらず「UIコンポーネントにマージンをつけてしまっていた(現在進行形かもしれない)」私の話をしようかと思います。 なお、この記事を書くにあたって「Every Layout」という書籍から着想を得ました。 気になる方はチェックしてみてください。 なぜコンポー

[hachibeechan]

Bootstrapとかいうマージンやマイナスマージンいれまくりの汚いCSSフレームワークが長い間支配的だったし多少はね？

[yarumato]

“UIはBOXの組み合わせという観点が初心者は抜けがちで、コンポーネントを全て名詞（Page、Card、Icon、ToolTip…）として考えはじめ、次にどれかに余白を持たせる。レイアウト特化コンポーネントがあると認知するのが大切”