BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:脱IE時代のイマドキCSS 2023
X-WR-CALNAME:脱IE時代のイマドキCSS 2023
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:909113@techplay.jp
SUMMARY:脱IE時代のイマドキCSS 2023
DTSTART;TZID=Asia/Tokyo:20230728T210000
DTEND;TZID=Asia/Tokyo:20230728T230000
DTSTAMP:20260704T053031Z
CREATED:20230619T063835Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/90911
 3?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nnoteにてアー
 カイブ（スライド・動画）を販売しています。「アー
 カイブを見たい方」「申し込みそびれてしまった方」
 はご利用ください。https://note.com/cssnite/n/n91bb82485ddc\n\nIE
 時代に必要だったレガシーなCSSを、イマドキはどうや
 って書くのかを鹿野 壮さんに解説いただきます。\n\n
 「当日の視聴は無料」スタイルで開催します。ぜひ、
 ご参加ください！\n\n脱IE時代のイマドキCSS 2023\n\nIEの
 終焉に伴い、開発現場では新しいCSSが続々と使えるよ
 うになっています。新しいCSSを使えば、これまでJavaScr
 iptを使って長く書いていたコードが短く書けたり、従
 来は画像を作らないとできなかったデザインを数行で
 実現できたり、ユーザー体験を向上させるコードを簡
 単に実現できたりします。\n\nしかし、現場ではまだ過
 去の手法を使い続けているケースが散見されます。長
 くて読みづらいコードは、開発者の生産性やコードの
 保守性に悪影響を及ぼすばかりか、ユーザー体験にも
 マイナスの影響を与えます。\n\n本セッションでは、IE
 時代に必要だったレガシーなCSSを、イマドキはどうや
 って書くのかを解説します。\n\n以下の内容に重点を置
 いて解説します。\n\n\nデザイナーにも嬉しいデザイン
 を実現するCSS\n@media だけでない、レスポンシブ対応の
 最新のアプローチ\nCSS Grid・Flexboxの最近の進化\nコード
 の簡潔さと効率性を高める新記法\nユーザー体験を向
 上させるための新しいCSS\n\n\n具体的に次の内容を紹介
 します（予定）。\n\n\nCSS Gridを使って、最短2行の上下
 左右中央揃え\nよく作るレイアウトを div で過剰に囲ま
 ずに CSS Grid でスッキリ実装する\nレスポンシブ対応時
 、 ウインドウサイズを基準にするのではなく、 @contain
 er で任意の要素を基準にする\n論理プロパティ margin-inl
 ine や padding-block で、短く margin や padding を指定する\n
 メディアクエリで min-width や max-widthではなく、 < や <= 
 を使って短く書く\nスマートフォンの可変ビューポー
 ト対応には 100vh ではなく 100svh を使う\nscroll-behavior・sc
 roll-snap-type ・ scroll-margin-topを組み合わせて、JavaScriptを
 使わずにリッチなスクロールコンテンツを作る\n近い
 将来使えるようになる便利CSS\n\n\n本セッションを通し
 、一緒に新しいCSSについて学びましょう。\n\n出演\n\n
 鹿野 壮（かの・たけし）株式会社マネーフォワード 
 ビジネスカンパニー 経理財務プロダクト本部会計開発
 部副部長九州大学でメディアアートを学んだ後、ウェ
 ブ制作会社にてウェブページ制作やモバイルアプリ開
 発に携わる。現在は株式会社マネーフォワードで、フ
 ロントエンドチームのリーダーをしている。最新のフ
 ロントエンド技術を駆使したコンテンツづくりが好き
 で、暇があればコードを書いている。TechFeed公認エキ
 スパート。近著に『JavaScript コードレシピ集』（技術
 評論社）があるZennTwitterウェブサイト\n\nイベント概要\
 n\nYouTube Liveにてライブ配信します。\n\n\n開催日：2023年
 7月28日（土）21:00 - 23:00\n\n\n最大30分程度、延長するこ
 とがあります。\n\n形式：オンライン（YouTube Live限定配
 信）\n出演：鹿野 壮\n主催：CSS Nite\n共催：DTP Transit\n協
 賛：フォントワークス、Webフォント・サービス FONTPLUS
 、KDDIウェブコミュニケーションズ、文賢（ブンケン）
 、ウェブライダー、ゴンウェブイノベーションズ、un-T
  factory!、ヘルツ、コンセント、トゥーアール（to-R）、
 LINICA、サービシンク\n\n\nキャンセルとチケットの変更\
 n\n参加にはお申し込みが必要です。終演時刻まで受け
 付けています。\n\n\n当日の視聴のみ：無料\nアーカイ
 ブ視聴を含む：\n\n\n2\,000円（終演時刻まで、カード決
 済）\n2\,400円（開催の3日前まで、銀行振込）\n3\,000円
 （後日のお申し込み）※note\n\n\n\n\n\n\n「当日の視聴の
 み」のチケットは、いつでもキャンセル可能です。\n
 「無料」のチケットから「アーカイブ視聴を含む」の
 チケットに切り替えるには、いったん、ご自身でキャ
 ンセルしてから再度、お申し込みください。\n銀行振
 込は照合の手間が発生するため、金額が異なります。
 なるべくカード決済にてお願いします！\n\n\n配信に関
 してのあれこれ\n\nnoteにまとめていますので、ご一読
 ください！\n\n\nCSS Niteのオンラインセミナーに参加さ
 れる方へ\n\n\nなお、アーカイブ視聴のURLは、配信用のU
 RLとは異なります。\n\nオンライン椅子ヨガ\n\n本イベン
 トはコモモ先生 @komomoaichi のオンライン椅子ヨガ付き
 です！\n\n\n20:30-20:45　開演前\n21:55-22:05　休憩時間（前
 後することがあります）\n\n\n一緒に「ちょっとメンテ
 」しましょう。\nhttps://chotto-maint.com/online-yoga\n\n\n\n協力
 企業のご紹介\n\n本イベントには、下記の企業の協賛、
 協力をいただいています。\n\n\nKDDIウェブコミュニケー
 ションズ レンタルサーバー「CPI」、簡単ホームページ
 作成「ジンドゥー」など提供\nWebフォント・サービス F
 ONTPLUS\n文賢（ブンケン）～文章をより良くするための
 推敲・校閲・校正支援ツール\n\n\nまた、多くの制作会
 社に協賛いただいています。\n\n\n株式会社ウェブライ
 ダー\n株式会社ゴンウェブイノベーションズ\nun-T factory
 !\n株式会社ヘルツ\n株式会社コンセント\n株式会社トゥ
 ーアール（to-R）\n株式会社LINICA\n株式会社サービシン
 ク\n\n\n2023年のCSS Niteへの年間協賛を募集中。検討くだ
 さいますと幸いです。\n\n       \n\nお問い合わせ\n\n問い
 合わせはDoorkeeperのフォームからお送りください。\nhttp
 s://cssnite.doorkeeper.jp/contact/new\n\n※ポップアップメニュ
 ーからイベント名をご指定ください。
LOCATION:オンライン
URL:https://techplay.jp/event/909113?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR