BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:武器になるCSS〜カスタムプロパティの基本と レイアウト管理 X-WR-CALNAME:武器になる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:974717@techplay.jp SUMMARY:武器になるCSS〜カスタムプロパティの基本とレイ アウト管理 DTSTART;TZID=Asia/Tokyo:20250417T210000 DTEND;TZID=Asia/Tokyo:20250417T230000 DTSTAMP:20260528T085946Z CREATED:20250301T210145Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/97471 7?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n本イベント は終了しています。「アーカイブ動画を見たい方」「 スライドをダウンロードしたい方」はSTORESからお求め ください。個人向け（3\,300円）会社で共有（11\,000円） 月額：1\,650円で2023年と2024年以降に開催の100本のアー カイブが見放題になるサブスクも用意しています。\n\n 『武器になるHTML』の著者、シバタ ヒロノリさんをお 迎えし、カスタムプロパティの基本とレイアウト管理 について解説いただきます。\n\n「当日の視聴は無料」 スタイルで開催しますが、アーカイブチケット購入や サブスク登録でサポートくださいますと助かります！\ n\n武器になるCSS〜カスタムプロパティの基本とレイア ウト管理\n\nCSSは、Webページのレイアウトや装飾を行う ための言語です。記述ルール自体は比較的シンプルで すが、効率的にWebページを構築するには、適切な設計 が求められます。\n\n近年、カスタムプロパティをはじ め、関数やレイヤー、コンテナークエリなど、新しい 機能が次々と追加されており、これらを活用すること で、より柔軟で効率的なスタイル設計が可能になって います。\n\nしかし、初学者にとってはCSSの膨大なプロ パティや値を習得するだけでも一苦労で、効率的なコ ーディングを意識する余裕がないことも多いでしょう 。\n\nそこで本セッションでは、数ある便利な機能の中 から「カスタムプロパティ」に焦点を当て、基本的な 使い方の解説と、カスタムプロパティを活用したレイ アウト管理の具体例をご紹介します。\n\n具体的には以 下のポイントを解説します。これらのポイントを通し て、カスタムプロパティを活用した効率的なCSSを記述 できるようになりましょう。\n\n\nカスタムプロパティ とは\n継承と代替値\nカスタムプロパティを使ったGrid の管理\n\n\nやらないこと\n\n\nテキストエディタ（VSCode ）のダウンロードやインストール方法\nテキストエデ ィタ（VSCode）の使い方\n基本的なCSSの書き方\n基本的な プロパティや値の解説\n@propertyによるカスタムプロパ ティの定義方法\n\n\nシバタ ヒロノリ大阪のフリーラン スWebクリエイター。2012年にWebデザインスタジオ Qlio を 設立し、フリーランスとしてWebサイト制作の事業をは じめる。Webサイトの企画戦略からデザイン、コーディ ングなど、Webサイト制作全般を主な業務内容として活 動。その後、YouTubeを活用したWebサイト制作の学習コン テンツ CreatorQuest というWebサイトを公開したり、Webク リエイターを養成するオンラインサロン Shibajuku を立 ち上げて運営を行っている。また、大阪の専門学校に て夜間のWebデザイン学科の非常勤講師としても活動し ている。著書に『武器になるHTML』（2022年、技術評論 社）\n\n聞き手、MC（進行）\n\n鷹野 雅弘（CeeBeeDee/CSS Nit e/DTP Transit）が“聞き手”を担当し、リアルタイムでチ ャットでの質問などを拾っていきます。\n\n鷹野 雅弘 （たかの・まさひろ）株式会社スイッチグラフィック デザイン、エディトリアルデザイン、ウェブ制作の分 野で、デザイン、オペレーション、設計・ディレクシ ョンなど、25年以上、第一線で手を動かし続けている 。そのノウハウをテクニカルライティングや講演に落 とし込み、「制作→執筆→講演」のサイクルを回す。2 015年から大阪芸術大学 客員教授。2017年からAdobe Communit y Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオ ーガナイザーとして企画・制作・配信なども担当。10 年ぶりの全面改定となる『10倍ラクするIllustrator仕事術 』（改訂第3版）を2024年10月に出版。Twitter：@swwwitch\n\n イベント概要\n\nYouTube Liveでライブ配信します。\n\n\n開 催日：2025年4月17日（木） 21:00 - 23:00\n形式：オンライ ン（YouTube Live）\nMC：鷹野 雅弘（スイッチ）\n主催：Cee BeeDee\n共催：CSS Nite、DTP Transit\n協賛（制作会社）：ウ ェブライダー、LINICA、エンタミナ、コンセント、サー ビシンク、ビットエー、トゥーアール（to-R）、ヘルツ 、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT 、ONiWA ほか\n協賛：文賢（ブンケン）、一般社団法人 ウェブコンサルタント・ウェブアドバイザー協会、JILL A（日本イラストレーション協会）\n\n\nお申し込みと参 加費\n\n\n当日の視聴は無料です。\n参加にはお申し込 みが必要です。受け付けは終演時刻まで。\n\n\nフォロ ーアップ（アーカイブ）\n\nスライドなどのフォローア ップ（アーカイブ）は、アーカイブ購入／サブスクの 方限定のコンテンツです。\n\n\nアーカイブ動画の視聴 期限はありません。ずっと見られます。\n\n\nフォロー アップ（アーカイブ）の購入\n\n次の3つの方法があり ます。いずれかを選択なさってください。\n\n\nアーカ イブ動画の視聴期限はありません。ずっと見られます 。\n\n\n購入方法個人法人受け取り備考金額 終演まで その後 Doorkeeper （単品）2\,200円-11\,000円終演時刻にメ ールを送信（info@doorkeeper.jpから送信されます）「当日 の視聴のみ」のチケットを申し込まれた方は、いった ん、キャンセルして「アーカイブ視聴付き」のチケッ トを申し込んでください。STORES（単品）2\,200円3\,300円1 1\,000円購入するとダウンロードできるテキストファイ ルに、アーカイブ動画や特典を掲載予定のページへの リンクがあります（アーカイブ動画や特典の掲載はイ ベント終了後）ユーザー登録してから申し込むと、［ マイページ］の［購入履歴］から、後からダウンロー ドできます。サブスク1\,650円（月額）詳細［メンバー 限定］セクションの［フォローアップ（アーカイブ） ］から本イベントのNotionにアクセスしてください。法 人は別途\n\n配信に関してのあれこれ\n\n各URLは、YouTube の概要欄にも掲載しています。\n\n\nチャットやスタン プ、ツイートなど「参加型」でお楽しみください！\n 「音声のバランスが悪い」など、何かお困りの場合、 コメントなどで教えてください！\n\n\n配信URL\n\nYouTube L iveで配信します。\n\nhttps://youtube.com/live/KAKg7crIdK4\n\nX（T witter）にて同時配信も行っていますが、YouTube Liveにて コメントも含めてお楽しみください。\n\nYouTube関連\n\n\ nYouTubeチャットを活用ください！　スパム回避のため 、YouTubeチャンネル登録者のみがコメント可能にしてい ますので、事前にチャンネル登録をお願いします。\n スーパーチャット（スパチャ＝投げ銭）を利用できま す。少額でも大歓迎です！　いただいた全額を講演者 にお渡しします。\n質問がある場合、YouTubeチャットで 冒頭に★または【質問】を付けてコメントください。 すべては拾いきれません。「〜は〜という意味です」 「自分の現場ではこうやっている」など、視聴される 方からのサポート的なコメントを歓迎します！　一緒 に場を作ってくださいますと嬉しいです!! \n\n\nリアク ションや質問\n\n\nCommentScreenを使って、画面上にスタン プを送信できます。スマホだけでなく、PCからも送信 可能。ただし、CommentScreenのコメント機能は使っていま せん。\nスクショ付きのツイート歓迎です。ぜひ、ハ ッシュタグ（#武器になるCSS）を付けてください。ただ し、事例の部分などでNGマークがついている箇所、講 演者からNGの指示のある箇所はご遠慮ください。\n終了 後、ぜひアンケートにお答えください！　「フィード バックはギフト」。話してくださった方の成長の材料 になり、また、イベントの改善につながります。\n\n\n その他\n\n\n「UDトーク」にて文字情報を提供しますの で、別のブラウザーなどでご覧ください。タイムラグ や精度についてはご容赦ください。\nサンプルファイ ルや配布資料、アーカイブ動画のURLをSNSなどで再配布 するのは禁止です。\n開演の30分前くらい前からテスト 配信をスタートします。音声などが聞こえるかチェッ クなさってください。\nスマホやタブレットで視聴さ れる方もいると思いますが、PCでの視聴を前提として います。なるべくPCでご覧ください！\nご覧いただく回 線状況によっては、YouTubeの動画が止まってしまったり 、音声が途切れてしまうことがあります。その場合に は、ブラウザーを再読み込みしたり、OSを再起動して みてください。\n\n\n配信準備は念入りに行っています が、本番になると予期せぬトラブルが生じるのがライ ブ配信です。それも含めて楽しんでください。\n\n領収 書\n\nインボイス対応の領収書が必要な方は、アーカイ ブ購入者向けのNotionからPDFをダウンロードしてご利用 ください。\n\n\n「アーカイブ視聴（会社として申し込 み、社内で共有）」のチケットを購入いただいている 場合のみ、個別対応いたします。\n\n\n所轄税務署、イ ンボイス制度電話相談センターなどに相談し、次のよ うにすることにしました。\n\n\nインボイス対応の領収 書発行について\n\n\nオンライン椅子ヨガ\n\n本イベント はコモモ先生 @komomoaichi のオンライン椅子ヨガ付きで す！\n\n\n開演前\n休憩時間（適宜）\n\n\n一緒に「ちょ っとメンテ」しましょう。\nhttps://chotto-maint.com/online-yog a\n\n\n\n方向性\n\n\nいわゆる「オンラインセミナー」や 「ウェビナー」というより「オンラインイベント」的 なニュアンスです。\nあえて「教えることを生業にし ていない方」を（多めに）ブッキングしています。“ 聞き手”を立てることによってフォローしながら進め ますが、それでも説明が足りなかったり、うまく時間 配分をコントロールできないことがあります。\n「オ ンラインで画面に向かって一人で喋る」のは場数を多 く踏まない限り、苦行です。そこで聞き手を立て、う なづきや相づちを入れています。「うなづきがうるさ い、不要」と思う方もいると思いますが、ご容赦くだ さい！（録画の講座ではなく、オンラインイベントな のです）\n「当日の視聴は無料」ということは謝礼も しかるべき金額ですし、日々の仕事の中から準備の時 間を捻出されています。少し寛大なムードで受け取っ てくださいますと幸いです。\n分単位で細かく練られ たカリキュラムではなく、少し緩めに進行します。コ メントを拾って脱線することもあります。言い換える と学習だけをされたい方には向いていません。\n若干 の延長など、ぴったり進行しないことがあります。\n\n \n協力企業のご紹介\n\n本イベントには、下記の企業の 協賛、協力をいただいています。\n\n\n文賢（ブンケン ）～文章をより良くするための推敲・校閲・校正支援 ツール\nKDDIウェブコミュニケーションズ レンタルサー バー「CPI」、簡単ホームページ作成「ジンドゥー」な ど提供\n一般社団法人ウェブコンサルタント・ウェブ アドバイザー協会 戦略を立て、ターゲットとするお客 様に明確に伝え、選ばれ、成果を出すための教育を提 供\nJILLA（日本イラストレーション協会）　文芸美術国 保への加入や交流会などメリットいっぱい\nWEBSTAFF　あ なたの“強み”をとことん見つける　IT・Web好きの転 職エージェント\n\n\n\n\nまた、多くの制作会社に協賛い ただいています。\n\n\nウェブライダー\nLINICA\nエンタミ ナ\nコンセント\nサービシンク\nビットエー\nトゥーア ール（to-R）\nヘルツ\nアップルップル\nCODE54\nHAMWORKS\nS-F ACTORY\nnecco\nFLAT\nましじめ\nグローバルデザイン\nエイチ ツーオー・スペース\nGear8\nマジカルリミックス\nONiWA\n さきがけデジタル\nr360studio\n\n\n\n\n通年で協賛を募集し ています。検討くださいますと幸いです。\n\nお問い合 わせ\n\n問い合わせはDoorkeeperのフォームからお送りく ださい。 LOCATION:オンライン URL:https://techplay.jp/event/974717?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR