脱IE時代のイマドキCSS 2024

IE時代に必要だったレガシーなCSSを、2023年〜2024年に全ブラウザ対応したCSSを使ってどのように書くのかについて、鹿野 壮さんに開発現場目線で解説いただきます。

「当日の視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！

脱IE時代のイマドキCSS 2024

IEの終焉に伴い、開発現場では新しいCSSが続々と使えるようになっています。新しいCSSを使えば、これまでJavaScriptを使って長く書いていたコードが短く書けたり、従来は画像を作らないとできなかったデザインを2〜3行で実現できたり、ユーザー体験を向上させるコードを簡単に実現できたりします。

しかし、現場ではまだ過去の手法を使い続けているケースが散見されます。長くて読みづらいコードは、開発者の生産性やコードの保守性に悪影響を及ぼすばかりか、ユーザー体験にもマイナスの影響を与えます。

本セッションでは、IE時代に必要だったレガシーなCSSを、イマドキはどうやって書くのかを解説します。とりわけ、2023年〜2024年に全ブラウザ対応したCSSを、開発現場目線で紹介するので、最新のCSSを今すぐ現場で使いたい人にオススメです。

本セッションを通し、一緒に新しいCSSについて学びましょう。

聞き手、MC（進行）

鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。

イベント概要

YouTube Liveでライブ配信します。

• 開催日：2024年12月6日（金） 21:00 - 23:00
• 形式：オンライン（YouTube Live）
• MC：鷹野 雅弘（スイッチ）
• 主催：CeeBeeDee
• 共催：CSS Nite、DTP Transit
• 協賛（制作会社）：ウェブライダー、LINICA、エンタミナ、コンセント、サービシンク、ビットエー、トゥーアール（to-R）、ヘルツ、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか
• 協賛：文賢（ブンケン）、KDDIウェブコミュニケーションズ、一般社団法人ウェブコンサルタント・ウェブアドバイザー協会、JILLA（日本イラストレーション協会）

お申し込みと参加費

• 当日の視聴は無料です。
• 参加にはお申し込みが必要です。受け付けは終演時刻まで。

フォローアップ（アーカイブ）

スライドなどのフォローアップ（アーカイブ）は、アーカイブ購入／サブスクの方限定のコンテンツです。

• アーカイブ動画の視聴期限はありません。ずっと見られます。

フォローアップ（アーカイブ）の購入

次の3つの方法があります。いずれかを選択なさってください。

配信に関してのあれこれ

各URLは、YouTubeの概要欄にも掲載しています。

• チャットやスタンプ、ツイートなど「参加型」でお楽しみください！
• 「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください！

配信URL

YouTube Liveで配信します。

https://youtube.com/live/o-o4ViJaoSk?feature=share

X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。

YouTube関連

• YouTubeチャットを活用ください！　スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
• スーパーチャット（スパチャ＝投げ銭）を利用できます。少額でも大歓迎です！　いただいた全額を講演者にお渡しします。
• 質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します！　一緒に場を作ってくださいますと嬉しいです!!

リアクションや質問

• CommentScreenを使って、画面上にスタンプを送信できます。スマホだけでなく、PCからも送信可能。ただし、CommentScreenのコメント機能は使っていません。
• スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ（#イマドキCSS）を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
• 終了後、ぜひアンケートにお答えください！　「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。

その他

• 「UDトーク」にて文字情報を提供しますので、別のブラウザーなどでご覧ください。タイムラグや精度についてはご容赦ください。
• サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
• 開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかチェックなさってください。
• スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください！
• ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。

配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。

領収書

インボイス対応の領収書が必要な方は、アーカイブ購入者向けのNotionからPDFをダウンロードしてご利用ください。

• 「アーカイブ視聴（会社として申し込み、社内で共有）」のチケットを購入いただいている場合のみ、個別対応いたします。

所轄税務署、インボイス制度電話相談センターなどに相談し、次のようにすることにしました。

• インボイス対応の領収書発行について

オンライン椅子ヨガ

本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！

• 開演前
• 休憩時間（適宜）

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

方向性

「オンラインセミナー」や「ウェビナー」というより「オンラインイベント」的なニュアンスです。

• いわゆる「セミナー」ではなく、「オンラインイベント」です。
• あえて「教えることを生業にしていない方」を（多めに）ブッキングしています。“聞き手”を立てることによってフォローしながら進めますが、それでも説明が足りなかったり、うまく時間配分をコントロールできないことがあります。
• 「オンラインで画面に向かって一人で喋る」のは場数を多く踏まない限り、苦行です。そこで聞き手を立て、うなづきや相づちを入れています。「うなづきがうるさい、不要」と思う方もいると思いますが、ご容赦ください！（録画の講座ではなく、オンラインイベントなのです）
• 「当日の視聴は無料」ということは謝礼もしかるべき金額ですし、日々の仕事の中から準備の時間を捻出されています。少し寛大なムードで受け取ってくださいますと幸いです。
• 分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
• 若干の延長など、ぴったり進行しないことがあります。

協力企業のご紹介

本イベントには、下記の企業の協賛、協力をいただいています。

• 文賢（ブンケン）～文章をより良くするための推敲・校閲・校正支援ツール
• KDDIウェブコミュニケーションズ レンタルサーバー「CPI」、簡単ホームページ作成「ジンドゥー」など提供
• 一般社団法人ウェブコンサルタント・ウェブアドバイザー協会 戦略を立て、ターゲットとするお客様に明確に伝え、選ばれ、成果を出すための教育を提供
• JILLA（日本イラストレーション協会）　文芸美術国保への加入や交流会などメリットいっぱい
• WEBSTAFF　あなたの“強み”をとことん見つける　IT・Web好きの転職エージェント

また、多くの制作会社に協賛いただいています。

• ウェブライダー
• LINICA
• エンタミナ
• コンセント
• サービシンク
• ビットエー
• トゥーアール（to-R）
• ヘルツ
• アップルップル
• CODE54
• HAMWORKS
• S-FACTORY
• necco
• FLAT
• ましじめ
• グローバルデザイン
• エイチツーオー・スペース
• Gear8
• マジカルリミックス
• ONiWA
• さきがけデジタル
• r360studio

通年で協賛を募集しています。検討くださいますと幸いです。

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。