Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Tailwind CSSちゃんと入門。Webスタイリングのスタンダードを体験しよう【v.4.1対応、2025年最新】
Highest Rated
Rating: 4.7 out of 5(33 ratings)
249 students

Tailwind CSSちゃんと入門。Webスタイリングのスタンダードを体験しよう【v.4.1対応、2025年最新】

CSSフレームワーク「Tailwind CSS」を利用した、ページのスタイル方法を学ぼう
Last updated 1/2026
Japanese

What you'll learn

  • Tailwind CSSの基本的な使い方
  • Tailwind CSSでWebページを制作する方法
  • Tailwind CSSをカスタマイズする方法
  • Flexbox, CSS GridなどのCSSを利用したレイアウト手法

Course content

5 sections38 lectures2h 30m total length
  • 紹介1:19
  • 開発環境を整えよう6:12
  • HTMLを準備しよう3:17
  • CSSを復習しよう5:18

Requirements

  • 開発エディタ(Visual Studio Codeなど)の操作方法
  • HTML、CSSの基本的な知識

Description

Tailwind CSS(テールウィンドCSS)は、「CSSフレームワーク」と呼ばれるものの1つで、独自のクラス名を付与するだけで、Webページをデザインできる画期的なフレームワークです。

レスポンシブデザインや、フレックスボックス、CSSグリッドなどを手軽に実現できる上、カスタマイズも自由に行え、Webサイト制作やアプリ制作などに活躍します。

近年のフロントエンド開発には欠かせないTailwind CSSをしっかり学んで行きましょう。

Who this course is for:

  • UI/UXデザイナー、Webデザイナーを目指す方
  • HTML/CSSの構築はできるが、ステップアップでTailwind CSSを利用したい方
  • Next.js, Astro等のフロントエンドフレームワークを学習中で、Tailwind CSSも合わせて学びたい方