1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Tailwindcssとは

Posted at

こんにちは
未来電子という会社でインターンをさせてもらっているものです。
プログラミング経験が浅いため、間違いがあるかもしれませんがお手柔らかにお願いします。

今回はTailwindcss
Tailwindcssについて書きたいと思います。

#Tailwindcssとは
TailwindcssとはCSSフレームワークの一つです。
CSSフレームワークといえば、BootstrapがありますがTailwindcssとは大きく異なります。
Bootstrapが勝手にボタンなどのレイアウトを作ってくれますが、Tailwindcssはそうは行きません。
自分で設定する必要があります。
ではTailwindcssのメリットは何かというと、カスタマイズ性の高さです。
Bootstrapをカスタマイズすると、他の要素を巻き込まないようにするためクラスが煩雑になります。
もちろんCSSに記述する必要があります。
しかしTailwindcssはそれ単体で設定し、CSSを使わずにカスタマイズできます。
繰り返しを避けたいときはCSSでユーティリティクラスを使って簡単に設定することもできます。

#まとめ
以上のようにTailwindcssはBootstrapのような簡単なものではありませんが、慣れてくるとそれ以上の効果を出せるでしょう。

#参考サイト
https://gitpress.io/@rhistoba/about_tailwind

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?