Tailwind CSS はすべてをユティリティクラスで書くという特性上、HTML にはクラスがたくさん書かれることになります。1 つの要素に対してクラスがたくさん並んでいると、視覚的にどのようなスタイルが適用されているのかを把握するのが難しくなります。条件によってクラス名を付け替える処理を行っていると更に複雑になります。 <button className={` ${variant === "primary" && "border border-blue-500 bg-blue-500 text-white"} ${ variant === "secondary" && "border border-gray-500 bg-gray-500 text-white" } ${variant === "default" && "border border-gray-500 bg-white
みんな大好きサイゼリヤ。……が、普段からサイゼリヤに通いまくっている我々は、もしかしたらサイゼリヤの本当の力に気付いていない……のかもしれない。 つい先日のこと。娘と2人でサイゼリヤで食事をしていると、隣には3人組の外国人客の姿が。その食べ方があまりにもウマそうだったため、すかさず真似してみることにした。 ・おそらく日本在住 円安の影響もあってか、特に都心部ではかつてないほどの勢いで外国人観光客の姿を目にする。ただサイゼリヤで隣の席になったのは、おそらく日本在住の外国人の方と推測される。 というのも、普通なら戸惑いそうな記入式のオーダーもスラスラとこなしつつ、ドリンクバーへ向かうスピードもめっちゃ早かった。確認はしていないが九分九厘 “日本在住” と考えて間違いあるまい。 3人組は全員男性で、印象的には「ケバブ屋のお兄さん」といった感じ。ぶっちゃけ年齢は読みづらいが、おそらくそこまで年配の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く