hisaichi5518 https://blog.hatena.ne.jp/hisaichi5518/ パルカワ2 https://hisaichi5518.hatenablog.jp/ 最近、色んな文脈から呼び出され、色んな役割を持つ便利Widgetをどう分割するのがいいか考えていた。 Atomic Design使ったことないけど、原子と分子の考え方はいいなと思っていて、とにかく最初は小さいWidgetつまり原子のWidgetを用意しまくり、それらを使って分子としてWidgetを組み立てるのが良い気がする。 分子として組み立てるWidgetは文脈や役割毎にクラスを分けるようにするので良くて、文脈や役割毎に3回くらいコピペしたらそのコピペの共通項を探して共通化するのがよさそう。はじめから共通化しようとすると失敗する。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhisaichi5518.hatenablog.jp%2Fentry%2F2025%2F04%2F15%2F232711" title="Widgetの分割 - パルカワ2" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-04-15 23:27:11 rich https://hisaichi5518.hatenablog.jp/entry/2025/04/15/232711 1.0 100%