いまどきのコンポーネント設計をめぐる座談会 第1回 2つのコンポーネントの乖離 CSS設計において、コンポーネント設計に関することは、エンジニアを悩ませることのひとつです。このシリーズでは、現在の案件の中でエンジニアやデザイナーがコンポーネントをどのように考えているかを整理し、よりよい設計方法を考えていきます。 はじめに 「コンポーネント設計って、どうすれば最適解にたどり着く?」という話は、CodeGridでこれまで繰り返し取り上げてきたテーマです。ダイレクトにそのものは取り上げなくても、CSS設計に関わる記事は、その背景にサイトを構成する要素を、ある基準に沿った「まとまり」で考えることが背景にあります。 また、近年、Vue.js、React、Angularなど主にWebアプリケーション開発のためのフレームワークにも、何らかの「まとまり」は常に意識されています。 この座談会は、一意に「コン
![いまどきのコンポーネント設計をめぐる座談会 | 第1回 2つのコンポーネントの乖離](https://cdn-ak-scissors.b.st-hatena.com/image/square/c95cd45389eecaf3cb016781f06ca2055aab1b32/height=288;version=1;width=512/https%3A%2F%2Fcodegrid.imgix.net%2Fimage.png%3Fixlib%3Djs-3.8.0%26w%3D1200%26h%3D630%26mark%3Dhttps%253A%252F%252Fcodegrid.imgix.net%252F~text%253Fixlib%253Djs-3.8.0%2526w%253D1000%2526txt%253D2%2525E3%252581%2525A4%2525E3%252581%2525AE%2525E3%252582%2525B3%2525E3%252583%2525B3%2525E3%252583%25259D%2525E3%252583%2525BC%2525E3%252583%25258D%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252581%2525AE%2525E4%2525B9%252596%2525E9%25259B%2525A2%2526txt-fit%253Dmax%2526txt-size%253D57%2526txt-font%253DHiragino%252520Sans%252520W5%2526txt-color%253Dfff%26mark-x%3D90%26mark-y%3D195%26blend%3D%25230D3BBC%26blend-mode%3Doverlay%26txt%3D%25E3%2581%2584%25E3%2581%25BE%25E3%2581%25A9%25E3%2581%258D%25E3%2581%25AE%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%259D%25E3%2583%25BC%25E3%2583%258D%25E3%2583%25B3%25E3%2583%2588%25E8%25A8%25AD%25E8%25A8%2588%25E3%2582%2592%25E3%2582%2581%25E3%2581%2590%25E3%2582%258B%25E5%25BA%25A7%25E8%25AB%2587%25E4%25BC%259A%2520%257C%2520%25E7%25AC%25AC1%25E5%259B%259E%26txt-align%3Dtop%252Cleft%26txt-font%3DHiragino%2520Sans%2520W5%26txt-size%3D30%26txt-pad%3D100%26txt-color%3Dfff)