DIST.38

DIST.38 「CSSな夜」

このイベントは、2022年12月9日（Fr）に終了しました。 connpassのイベントページ

概要

2022年最後の開催となるDIST.38のテーマは、「CSSな夜」です。三度のメシよりCSSが好き!?なスピーカー陣と、CSSにフォーカスしたセッションとLTをお届けします。クリスマスとお正月の足音が聞こえてくる12月は、CSS祭りに全員集合！

※本イベントはオフライン開催ですのでご注意ください。

LTスピーカー募集！

LTスピーカーの募集は終了しました。ご協力ありがとうございました。

LTスピーカーを希望される方を広く募集します
- 時間は5分です
- 内容は「CSS」にまつわることであれば、TIPS、テクニック、便利なサービスの紹介など何でもOKです（例：オレオレCSS設計、CSS in JSのコツ、CSS超絶技巧、など）
- LTスピーカーに決定した場合の参加費は無料です
- 希望者は事前にお申し出いただければ懇親会にも参加可能です（当日実費をお支払いください）
希望者は「LT希望枠」からお申し込みください
お申し込み時のアンケートに連絡先のメールアドレス、タイトル、セッション概要を入力する欄がありますので、必ず入力をお願いします
応募者多数の場合、原則として抽選になります
- タイトル、セッション概要の内容が優れていると主催者側が判断した場合、優先的に当選となる場合があります
- LT希望枠にお申し込み後、落選して他の枠が埋まっていたとしても、一般参加は可能です
PCからの映像出力切り替えの手間を省くため、スライドの投影は主催者側で用意したPCで行います
- そのため、前日までにPDF形式でスライドをご用意いただけることが条件となります

対象

三度の飯よりCSSが好きな方
三度の飯の方が好きだけどCSSも好きな方
いやいや、俺は三食食わないよ、という方（？）
学生でWeb制作に興味を持っている方

セッション紹介

メインセッション（各20分）

CSS Grid・Flexboxの最近の進化とミライ

株式会社マネーフォワードビジネスカンパニー経理財務プロダクト本部会計開発部副部長鹿野壮（KANO Takeshi）

CSS GridやFlexboxは、現代コーディングの要素レイアウトには不可欠です。全モダンブラウザで使えるようになった数年前と比べ、Flexbox用のgapプロパティ、CSS Gridのアニメーション対応など、今なお進化を続けています。また、2023年以降には、subgridによる入れ子、masonryによるレンガ積み風レイアウトへの対応も予定されています。本セッションでは、CSS GridやFlexboxによる最近の進化をメインに紹介しつつ、ミライの新機能についても触れます。

Transforms 3Dと奥行きのある世界

株式会社オロマネージャー／フロントエンドエンジニア中矢雄介（NAKAYA Yusuke）

WebGLの普及で3D表現もかなり身近になってきていると感じますが、CSSだけで表現できる奥行きがありました。WebのZ軸を探る旅に出かけましょう。Transforms 3Dでどんな表現が可能なのか、エンタメ色強めでお届けします。

2022年現場で使ったCSS 20

株式会社ピクセルグリッドフロントエンド・エンジニア坂巻翔大郎（SAKAMAKI Shotaro）

私が2022年に自社・他社案件で使用したCSSのセレクタやプロパティ、小技や気をつけたほうが良いことを20個（？）程度紹介します。

LT（各5分）

CSSプログラミングの変革期

株式会社まぼろしマークアップエンジニア久保知己（KUBO Tomoki）

ブラウザの新しい技術によってCSSプログラミングというネタ分野も変革するかも？

QiitaでEmotionを使っている理由

Qiita株式会社 UI/UXデザイナー出口裕貴（DEGUCHI Hiroki）

QiitaでEmotionを使っている理由をメインにEmotionのいいところ・悪いところなど、Emotionについて話したいと思っています。

参加費

勉強会のみ

1,000円（当日券：一般1,500円）

PayPalによる事前決済、または当日支払いで参加費をお支払いください。

勉強会＋懇親会

5,000円

勉強会に加え、着席しての懇親会（4,000円相当のコース料理＋飲み放題）にご参加いただけます。
PayPalによる事前決済のみとなります。
懇親会のみの参加は受け付けていません。
懇親会にはアルコールが提供されるため、未成年はご参加いただけません。
懇親会は完全禁煙です。
- 喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。
- 喫煙時は近隣の喫煙スペースをご利用ください。
- 懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。

事前決済についての注意事項

具体的な流れは、PayPalによる事前決済についてをご参考ください。
領収書を発行可能です。詳しくはconnpassご利用ガイドをご覧ください。
キャンセル・払い戻しについては、キャンセルポリシーに従って対応します。

スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、公式サイトのお問い合わせフォームよりお問い合わせください。

会場

中野サンプラザ 7F 研修室10（[アクセスマップ](https://www.sunplaza.jp/access/）

JR中野駅北口改札から徒歩1分

新型コロナウイルスへの対応について

東京都のガイドラインに沿って感染防止策を行います。
参加時はマスク着用、受付での手指消毒・検温が必須となります。
司会、スピーカーは適切な距離を取った上で登壇時のみマスクを外します。
明らかな発熱、体調不良が見受けられた場合、参加をお断りすることもありますのであらかじめご了承ください。

タイムテーブル

時刻	内容
18:30～19:00	開場／受付
19:00～19:10	はじめに
19:10～19:25	LTパート（2本）
19:25～19:45	セッション1
19:50～20:10	セッション2
20:10〜20:20	休憩
20:20～20:40	セッション3
20:40～20:50	おわりに
20:50～21:00	みんなでお片付け／閉場
21:15～	近隣の店舗に移動して懇親会（懇親会参加の方のみ）

※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。

更新履歴

更新日時	内容
12/7 13:20	懇親会の会場予約の関係上、懇親会ありの募集を締め切りました。
11/30 11:30	LT2本の情報を追記しました。
11/29 11:40	メインセッション「Transforms 3Dと奥行きのある世界」の情報を追記しました。
11/22 10:47	メインセッション「2022年現場で使ったCSS 20」を追加しました。
11/21 17:45	メインセッション増枠につき、タイムテーブルを更新しました。
11/21 14:00	イベントページを公開しました。