しまぶーのIT大学

• 科学・IT

Tailwind CSS講座 第2回
↪︎ https://youtu.be/T_WIbcvB5GM

Tailwind CSSに関する動画講座をこれからアップしていきます。今かなり流行りのCSSフレームワークで、ReactやVue.jsとも一緒に使われることが多いです。私もプロダクト開発で使っていますが、とにかく最高です。Bootstrapとかと比較してもかなり柔軟性が高いので、長く使われると予想しています。これから一緒に学んでいきましょう📝

オンラインサロン「IT KINGDOM」を運営しています。プログラミングを学びたい方、一緒に勉強する仲間を探したい方にオススメです！
https://it-kingdom.com
※ このサイトも私がReact × Next.js × TypeScriptで作っています

👨‍💻 しまぶー？
・文系未経験から独学でヤフーにエンジニア就職
・Yahoo! JAPANアプリのWebフロントエンド開発チーム
・現在は株式会社GameHintの代表取締役
・オンラインサロン「IT KINGDOM」の運営

📙 もくじ
0:00 Tailwind CSSを学んでいきましょう
0:23 Tailwind CSSとは？
1:41 Tailwind CSSを使う事前準備
2:40 実際にTailwind CSSを使ってみよう
5:05 長所① 命名を考えなくて良い
5:43 長所② 微調整で頭を使わなくて良い
6:39 レスポンシブ対応を見てみよう
9:22 ダークモード対応を見てみよう
10:40 Tailwind CSSで表現できないことは無い
11:01 Tailwind CSSはパフォーマンスも良い
11:38 今後のTailwind CSSの講座について
12:16 オンラインサロンIT KINGDOMについて

🔥この動画だけは見よ！
【CSS #1】基礎からちゃんと学ぶ CSS 入門！基本構文を抑えよう！【ヤフー出身エンジニアが教える初心者向けプログラミング講座】
https://www.youtube.com/watch?v=xBLIzweHYic

【HTML/CSSレイアウト #1】実践的かつデザインも学べるレイアウト講座を開講します【ヤフー出身エンジニアの初心者向けプログラミング講座】
https://www.youtube.com/watch?v=BOWH_7BpO8Q

🌏 SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it
TikTok: https://tiktok.com/@shimabu_it

🏷️ タグ
#css #tailwind #TailwindCSS