【Tailwindcss3.0】利用者急増中！作って学ぶ爆速で理解したい人向けのTailwindcss完全入門パック
ウェブサイト制作で人気急上昇中のTailwindcssフレームワーク。本講座ではTailwindcssを個人用ポートフォリオサイトを作りながら学びます。目から鱗が落ちるほど簡単にレスポンシブ対応したウェブサイト構築が可能になります。
4.58 (354 reviews)
1,917
students
3.5 hours
content
May 2023
last update
$39.99
regular price
What you will learn
Tailwind cssの基礎がマスターできる
Tailwind css3.0の最新バージョンで学習できる
Tailwind cssとは何か？使うメリットって何？が理解できる
Tailwind cssを使って個人用ポートフォリオサイトが構築できる
Tailwind cssを用いたレスポンシブ対応ウェブサイトが構築できる
Tailwind cssを用いた環境開発構築が学べる
Tailwind cssの開発効率を上げるプラグインが導入できる
Tailwind cssにおけるビルド監視手法が学べる
普段のCSSとTailwind cssでの書き方を比較して学習できる
繰り返し使うスタイルの抽出化が学べる
Tailwind cssにおけるカスタマイズデザイン手法が学べる
CSSの基本が学べる(padding,margin,flex等)
ウェブサイトにおけるブレイクポイントの意味が理解できる
Why take this course?
CSSフレームワークの「Tailwindcss」を初めて触る人に向けたコース構成になっています。
■ 本コースの対象者
・Tailwindcss完全初心者の方
・Tailwindcssの求人募集が増え、転職活動に困っている方
・Tailwindcssが実務で必要になった方
・Tailwindcss3.0の最新バージョンで学びをスタートしたい方
・CSSに時間をかけずに簡単にウェブサイトのスタイリングをしたい方
・CSSフレームワークに苦手意識のある方(BootStrapで挫折した方など)
・スマホ用にレスポンシブ対応のCSSを実装するのが面倒だと感じている方
・公式ドキュメントよりも動画でサクッと理解したい方
今、絶賛流行中のTailwindcssを使えば
簡単にCSSのスタイリングやレスポンシブに対応したウェブサイトを
構築することが可能に。
エンジニア求人募集で増えてきたTailwindcssのキャッチアップを
したい方は必見の内容です。
なぜ今までTailwindcssを使ってこなかったんだろう・・・と後悔するくらい簡単に
スタイリングすることができます。
■ 本コースを受講する際の注意点
・HTMLやCSSの超基礎的な内容は説明しておりません(タグやクラス名のつけ方等)
・Tailwindcss入門者向けの内容なので、すでにTailwindcssを学んでいる中級者の方は
新たな学びがないので受講しないようにお気をつけください。
Screenshots
Reviews
Hina02
October 17, 2023
レクチャーの速度、講座内で既にやった知識の繰り返し・省略の提示のバランスが良く、また声のトーン等聞きやすいため、利用しやすい講座でした。
今回、Tailwind CSSの習得目的で利用しましたが、他の講座にも興味がわきました。
中島哲学
September 26, 2023
ポートフォリオサイトを作成するハンズオン形式でTailwindcssを学べたので、制作過程のイメージがついたのが良かったです。学んだことを活かしつつ、ポートフォリオサイトを自分でカスタマイズしてみようと思いました。
Clay
September 7, 2023
フレームワークの学習やUdemyの講座に初めて触れましたが、非常にわかりやすかったです。
講座を通してポートフォリオを制作することで躓く部分が少しありましたが、どの知識が不足しているか、次に何を学ぶべきか明確になりました。
完成したセクションを追加したりして、内容を充実させてみたいと思います。ありがとうございました。
N
September 2, 2023
shinさんのUdemyj講座７つ目これにて修了。
shinさんの別講座でNotionAPIを使った開発講座があり、そちらでTailwindcssも少し扱うとのことで、その事前学習としてこちらの講座を受けてみようと思いました。
Tailwindcssを触ったのがこの講座で初めてでしたが、とってもわかりやすかった。
クールなサイト作れたし最高です。
それと同時に、自分のcssの知識が不足しているなと痛感しました。
cssは難しい。。(たしかshinさんも「cssが一番難しい」とどこかの動画で仰っていたような気がする)
フロントエンドエンジニアになりたいから、cssも頑張りますよ！
T
June 2, 2023
HTML、CSSの知識がありBootstrapもある程度理解している状態で受講しましたが、TailwindCSSの基本的な部分をサクッとインプットするには素晴らしい講座でした。あとは自分で必要な部分を深掘りしていけばいいかなという感じです。
受講するにあたって、ある程度のCSSの知識は必要だと思います。
Bootstrapをやったことがあれば本当にすんなり理解できて、TailwindCSSのメリットも実感できるかと思います。
ありがとうございました。
Fumihiko
May 21, 2023
Tailwind CSS の解説だけでなく、レスポンシブ/Breakpoint、 Flex、Grid などの説明も簡単にされる。また各 class がどのような CSS に展開され、それがどのような意味なのかも簡単に解説される。CSS 初心者のプログラマである自分でも理解でき完遂できた。
コードの全体像が提供されるわけではないので、指示どおりにコーディングしたつもりでもうまくいかなかったときに修正点を見つけ出すのが手間なことが何度かあった。解説自体は丁寧なのでしっかり動画を見直せばなんとかなる。 「あれ、変更が反映されない」と思ったときはたいてい tailwind のビルドコマンドの Watch が落ちているか起動し忘れているよ。
Tee
February 21, 2023
こちらの教材はCSSの知識がある方がTailwindCSSを使うと言うのを想定しています。
自分に合った教材だと感じました。
CSSの知識がない方は別な教材を使うべきだと思います。
用途にあっている方からすればピッタリだと思います。
宮原
October 2, 2022
とても分かり易い講座で、TailwindCSSの概要が理解できた。
特に、実際のサイトを作っていくなかでHTMLを離れることなくサイト画面をみながらチューニングできるというTailwindCSSの魅力がよくわかった。
成果物を自分なりに少しカスタマイズしてポートフォリオとして利用させていただきたいと思います。
ありがとうございました。
神谷
September 6, 2022
〇良かった点
・とても分かり易い講座だった。TailwindCSSのスキルが身についたと思う。
・声がとても聞き取り易かった。
・成果物がポートフォリオサイトのべーととして使えるものがになったと思う。
●こうして欲しかったという点
サンプルとして完成品のコードが提供されていればよかったと思う。
講座の中で、完成品と比較している場面があったが、それを自分ですることができなかった。
その他の感想
・TailwindCSSを使う気にならせる講座だと感じた。
・CSSを書くところではSassを使ってもよかったんじゃないかと思った。
サイトウ
August 22, 2022
いつも分かりやすい講義ありがとうございます。
TailWindの記述方法は、とてもシンプルで書きやすいですね。
@applyやtailwindのcondigファイルの書き方、Googleフォントについての活用方法など有益な内容を学べてよかったです。
私自身のflexboxの理解が曖昧だったので今一度CSSについても勉強しようと思いました。YouTubeの方も時々拝見しております。
いつも初心者の方に寄り添った言動だったり、おしえ方で心に染みます。
純一
July 2, 2022
TailwindCSSを去年勉強していたのですが、何故かいつまで経っても理解できませんでした?
理由は単純で普通のCSSを理解していなかったことが原因でしたね。
FlexBOX、GridLayoutの知識が必要でした。
他には、GoogleFontsやfontawesomeといったカッコいい文字を作る方法もですね。
モバイルアプリのエンジニアですが、デザインや専門用語の勉強をしたことで、スタイルを適用して画面の見た目を整える方法を速く理解できるようになった気がします?
Shin Codeさんの講座はわかりやすく素晴らしかったです!
Charts
Price
Rating
Enrollment distribution
Related Topics
4707622
udemy ID
5/28/2022
course created date
6/14/2022
course indexed date
Bot
course submited by