[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

103users がブックマーク コメント 11

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

Tailwind CSS の一歩進んだ書き方

103 users zenn.dev/ixkaito

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント11

  • 注目コメント
  • 新着コメント
Fushihara
これstyleタグ直書きするのと何が違うの

その他
hachibeechan
高度に発達したclassNameはCSSと見分けがつかない

その他
murlock
ぐう、調べれば調べるほどTailwind嫌いになっていく

その他
ustam
Tailwindって、デザインシステムの放棄って感じで好きになれないんだよなー。ていうか、早く消えて。

その他
takahashim
https://scrapbox.io/fsubal/%E9%80%B8%E8%84%B1%E4%BA%8B%E4%BE%8B%E3%82%92%E5%90%AB%E3%82%81%E3%81%A6%E3%81%99%E3%81%B9%E3%81%A6%E3%82%92%E3%83%AC%E3%83%BC%E3%83%AB%E3%81%AB%E4%B9%97%E3%81%9B%E3%82%8B とはいえやりすぎ注意でtailwind.config.jsに書いた方が良いこともありそう

その他
rrttaa
"状態によってスタイルを変える "

その他
field_combat
こんなことできるよっていうメモ用として。作り捨てならいいけど、運用すること考えると厳しいかな

その他
y-kawaz
Tailwind CSS、もう何が嬉しいのか分からなくなってきた。>とかafter:とかが使えるstyle属性みたいなのを実現する為の新方言を開発してる??

その他
otchy210
"メンテナンスコストも減る" ...!?!? 自由度の高さとメンテナンスコストは普通トレードオフだと思うが、どんな理屈でメンテナンスコストが減るのよ...?

その他
yasu-log
Tailwind CSSだと子要素「>」や「after」へ指定できる。style属性だとできない。

その他
murlock
murlock ぐう、調べれば調べるほどTailwind嫌いになっていく

2022年05月23日 リンク

その他
takahashim
takahashim https://scrapbox.io/fsubal/%E9%80%B8%E8%84%B1%E4%BA%8B%E4%BE%8B%E3%82%92%E5%90%AB%E3%82%81%E3%81%A6%E3%81%99%E3%81%B9%E3%81%A6%E3%82%92%E3%83%AC%E3%83%BC%E3%83%AB%E3%81%AB%E4%B9%97%E3%81%9B%E3%82%8B とはいえやりすぎ注意でtailwind.config.jsに書いた方が良いこともありそう

2022年05月23日 リンク

その他
razokulover
子要素とか子孫要素への一括指定、style直書きっぽさある

その他
ustam
ustam Tailwindって、デザインシステムの放棄って感じで好きになれないんだよなー。ていうか、早く消えて。

2022年05月23日 リンク

その他
hachibeechan
hachibeechan 高度に発達したclassNameはCSSと見分けがつかない

2022年05月23日 リンク

その他
Fushihara
Fushihara これstyleタグ直書きするのと何が違うの

2022年05月23日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「Tailwind CSS の一...」が注目されています。

気持ちをシェアしよう

ツイートする

Tailwind CSS の一歩進んだ書き方

-## Just-in-Time 改め arbitrary values +## Just-in-Time 改め arbitrary values (任意の値) -上記例... -## Just-in-Time 改め arbitrary values +## Just-in-Time 改め arbitrary values (任意の値) -上記例にある `text-3xl` などのスタイルは予め Tailwind CSS が用意しているものですが、`tailwind.config.js` を編集することで簡単に変更・追加できます。ただし、1 回しか使わないスタイルでもいちいち `tailwind.config.js` に登録しないといけないので、その不便さを解消する機能として v2.1 から Just-in-Time (JIT) モードが導入されました。 +上記例にある `text-3xl` などのスタイルは予め Tailwind CSS が用意しているものですが、v3.4 までは `tailwind.config.js`、v4.0 からは CSS ファイルで `

ブックマークしたユーザー

  • ayoshh2025年02月04日 ayoshh
  • mkusaka2025年02月02日 mkusaka
  • tyosuke20112024年06月15日 tyosuke2011
  • techtech05212024年05月15日 techtech0521
  • uehaj2024年04月07日 uehaj
  • nunnunun2024年02月24日 nunnunun
  • klim08242023年12月25日 klim0824
  • rrttaa2023年10月23日 rrttaa
  • usako11242023年09月07日 usako1124
  • okyawa2023年03月15日 okyawa
  • sugarte2023年02月24日 sugarte
  • team-chan32022年09月16日 team-chan3
  • yudukikun51202022年08月05日 yudukikun5120
  • jay-es2022年07月27日 jay-es
  • wozozo2022年06月30日 wozozo
  • kinushu2022年05月29日 kinushu
  • g59taxi2022年05月26日 g59taxi
  • syukit2022年05月25日 syukit
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /