BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【CeeBeeDee】これから覚えるTailwind CSS／こもり
 まさあき
X-WR-CALNAME:【CeeBeeDee】これから覚えるTailwind CSS／こもり
 まさあき
X-WR-TIMEZONE:Asia/Tokyo
BEGIN:VTIMEZONE
TZID:Asia/Tokyo
BEGIN:STANDARD
DTSTART:19700101T000000
TZOFFSETFROM:+0900
TZOFFSETTO:+0900
TZNAME:JST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
UID:995498@techplay.jp
SUMMARY:【CeeBeeDee】これから覚えるTailwind CSS／こもりまさ
 あき
DTSTART;TZID=Asia/Tokyo:20260522T210000
DTEND;TZID=Asia/Tokyo:20260522T230000
DTSTAMP:20260504T192727Z
CREATED:20260504T140128Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99549
 8?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nTailwind CSSの
 基本や押さえておきたい特徴を中心に、Tailwindベース
 のFigmaファイルを作成する方法までをこもりまさあき
 さんに解説いただきます。\n\n本イベントは有料イベン
 トとして開催します。\n\n\n無料での配信は行わず、お
 申し込みいただいた方のみに配信URLをお知らせします
 。\nアーカイブ（と当日の配信）はサブスクの対象で
 すが、こもりまさあきさんの「Tailwind CSS v4 実践ガイド
 」講座（7\,700円）は付属しません。\n\n\nこれから覚え
 るTailwind CSS\n\n非エンジニアでも、AIエージェントや各
 種サービスを活用すれば、プロンプトで指示するだけ
 で手軽にモックアップを作成できる時代になりました
 。\n\nサイトやアプリの画面をコード化するサービスの
 多くは、特別な技術仕様を指定しない限り、「Tailwind C
 SS」をベースにレイアウトやデザインを構築します。
 そのため、Tailwind CSSの基本を少しでも理解しておくと
 、プロンプトだけでは意図がうまく伝わらない場合で
 も、自分で簡単に調整できるようになります。\n\n今回
 は、Tailwind CSSの基本や押さえておきたい特徴を中心に
 、TailwindベースのFigmaファイルを作成する方法まで解説
 します。\n\nアジェンダ\n\n\nAIが Tailwind CSS を好む理由
 （5分）\n他のCSSフレームワークと何が違う？（5分）\n
 ユーティリティファースト？（5分）\nまずは自分で書
 いてみよう（10分）\n今度はAIに書いてもらおう（10分
 ）\nできたコードを確認してみよう（10分）\nVSCodeの拡
 張機能とコード補完（5分）\n（休憩）\n覚えておきた
 いサイズの法則（5分）\n答えはすべて公式サイトに（5
 分）\nクラス名の意味するところ（5分）\nプリフィク
 スを使ってできること（10分）\nFigmaのファイルはこう
 作れ（10分）\n既存のCSSをTailwind に移植できる？（10分
 ）\nAIにコードを書かせるときの注意点（5分）\n\n\n特
 典\n\n本イベントには、こもりまさあきさんの「Tailwind 
 CSS v4 実践ガイド」講座（7\,700円）が付属します。\n\n
 こもりまさあき1990年代前半に都内のDTP系デザイン
 会社にてアルバイトをはじめる。大学卒業後その
 まま正社員となり、入出力業務、デザイン業務、
 ネットワーク関連業務に並行して従事。2001年退職。以
 降フリーランスとして活動。案件ごとに業務内容な
 どが異なるため、職域的な肩書きはなし。Web制作
 関連書籍の執筆多数。近年はフロントエンド周りの制
 作業務に関わりながら、Figmaの企業研修講師やデザイ
 ンシステム構築、その他Shopifyの運用サポートやコンサ
 ルティング業務など幅広く活動中。\n\nイベント概要\n\
 nYouTube Liveでライブ配信します。\n\n\n開催日：2026年5月2
 2日（金） 21:00 - 23:00\n形式：オンライン（YouTube Live）\n
 MC：鷹野 雅弘（スイッチ）\n主催：CeeBeeDee\n共催：CSS Ni
 te、DTP Transit\n協賛（制作会社）：ウェブライダー、LINI
 CA、エンタミナ、コンセント、サービシンク、ビット
 エー、ヘルツ、アップルップル、CODE54、HAMWORKS、S-FACTOR
 Y、necco、FLAT、ONiWA ほか\n協賛：文賢（ブンケン）、デ
 ジ革（一般社団法人デジタル経営革新協会） \n\n\nお申
 し込みと参加費\n\n\n本イベントは有料イベントとして
 開催します。\nサブスクの対象イベントです。\n\n\nフ
 ォローアップ（アーカイブ）\n\n有料チケットには次が
 含まれます。これを「フォローアップ」と呼んでいま
 す。\n\n\nアーカイブ動画\nスライド\nリンク集や補足\n
 サンプルファイルなど（プログラムにより）\n\n\nフォ
 ローアップ（アーカイブ）は、アーカイブ購入／サブ
 スクの方限定のコンテンツです。\n\n\nアーカイブ動画
 の視聴期限はありません。ずっと見られます。\n法人
 およびフリーランスで事業決済される方は「法人向け
 」をお求めください。\n\n\nフォローアップ（アーカイ
 ブ）の購入\n\n次の2つの方法があります。いずれかを
 選択なさってください。\n\n\n終演時刻まで：Doorkeeper\n
 サブスクを登録する\n\n\n領収書\n\n終了後にご案内する
 NotionからPDFをダウンロードしてご利用ください。\n\n配
 信に関してのあれこれ\n\n各URLは、YouTubeの概要欄にも
 掲載しています。\n\n\nチャットやスタンプ、ツイート
 など「参加型」でお楽しみください！\n「音声のバラ
 ンスが悪い」など、何かお困りの場合、コメントなど
 で教えてください！\n\n\nYouTube関連\n\n\nYouTubeチャット
 を活用ください！　スパム回避のため、YouTubeチャンネ
 ル登録者のみがコメント可能にしていますので、事前
 にチャンネル登録をお願いします。\n質問がある場合
 、YouTubeチャットで冒頭に★または【質問】を付けてコ
 メントください。すべては拾いきれません。「〜は〜
 という意味です」「自分の現場ではこうやっている」
 など、視聴される方からのサポート的なコメントを歓
 迎します！　一緒に場を作ってくださいますと嬉しい
 です!! \n\n\nその他\n\n\n120分のプログラムでは、60分前
 後のキリのいいタイミングで休憩（5-10分）をはさみま
 す。\nサンプルファイルや配布資料、アーカイブ動画
 のURLをSNSなどで再配布するのは禁止です。\n開演の30分
 前くらい前からテスト配信をスタートします。音声な
 どが聞こえるかなど、チェックなさってください。\n
 スマホやタブレットで視聴される方もいると思います
 が、PCでの視聴を前提としています。なるべくPCでご覧
 ください！\nご覧いただく回線状況によっては、YouTube
 の動画が止まってしまったり、音声が途切れてしまう
 ことがあります。その場合には、ブラウザーを再読み
 込みしたり、OSを再起動してみてください。同時配信
 しているX（Twitter）の方が安定してることがあります
 。\n分単位で細かく練られたカリキュラムではなく、
 少し緩めに進行します。コメントを拾って脱線するこ
 ともあります。言い換えると学習だけをされたい方に
 は向いていません。\n若干の延長など、ぴったり進行
 しないことがあります。\n\n\n配信準備は念入りに行っ
 ていますが、本番になると予期せぬトラブルが生じる
 のがライブ配信です。それも含めて楽しんでください
 。\n\nサブスク\n\nCSS Nite、DTP Transitのオンラインセミナ
 ーのアーカイブをリーズナブルに、また、管理しやす
 く利用いただけるように「サブスク」（定額サービス
 ）をご用意しています（Circleというサービスを利用し
 ています）。\n\n\n3ヶ月ごと：35ドル\n年パス：130ドル\n
 \n\n年間で60回近く開催されますので、1本あたり400円を
 切る計算です。\n\n\nサブスク対象イベントのリスト\n\n
 \nアーカイブ動画だけでなく、スライドのダウンロー
 ドも可能ですので、ざっと内容を把握しておきたい場
 合にも適しています。また、自分のペースで手元のス
 ライドPDFを見ながらの視聴が可能です。\n\n\n\nサブス
 クの登録方法\n\n次の手順でお申し込みください。\n\n\n
 Circleでユーザー登録（自動返信メールを確認して完了
 です）\nStripeで決済\n\n\n\n3ヶ月ごと：35ドル\n年パス：1
 30ドル\n\n\nオンライン椅子ヨガ\n\n本イベントはコモモ
 先生 @komomoaichi のオンライン椅子ヨガ付きです！\n\n\n
 開演前\n休憩時間（適宜）\n\n\n一緒に「ちょっとメン
 テ」しましょう。\nhttps://chotto-maint.com/online-yoga\n\n\n\n協
 力企業のご紹介\n\n本イベントには、下記の企業の協賛
 、協力をいただいています。\n\n\n文賢（ブンケン）～
 文章をより良くするための推敲・校閲・校正支援ツー
 ル\nデジ革（一般社団法人デジタル経営革新協会） ネ
 ットとAIで経営に貢献できる人材になる\nJILLA（日本イ
 ラストレーション協会）　文芸美術国保への加入や交
 流会などメリットいっぱい\ntr-tant 仕事を割り振っても
 次から次へ仕事が舞い込む繁忙期にデザイナーの混み
 具合が見えるデザイナー専用タスク管理ソフト \n\n\n\n\
 nまた、多くの制作会社に協賛いただいています。\n\n\n
 ウェブライダー\nLINICA\nエンタミナ\nコンセント\nサー
 ビシンク\nビットエー\nトゥーアール（to-R）\nヘルツ\n
 アップルップル\nCODE54\nHAMWORKS\nS-FACTORY\nnecco\nFLAT\nまし
 じめ\nグローバルデザイン\nエイチツーオー・スペース
 \nGear8\nマジカルリミックス\nONiWA\nさきがけデジタル\nr3
 60studio\n\n\n\n\n通年で協賛を募集しています。検討くだ
 さいますと幸いです。\n\nお問い合わせ\n\n問い合わせ
 はDoorkeeperのフォームからお送りください。
LOCATION:オンライン
URL:https://techplay.jp/event/995498?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR
