概要

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分

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

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

タイムテーブル

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

更新履歴

スポンサー

DISTは、以下のスポンサーにご協賛いただいております。

スペシャルスポンサー

ゴールドスポンサー

シルバースポンサー

ブロンズスポンサー

ツールスポンサー

YouTube配信

当日の様子は、開催2ヶ月後を目安にDISTのYouTubeチャンネルで公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。

DISTについて

DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。

主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。

• 職種の垣根を越える
• 特定の技術に依存しない
• 今日から現場で使える

注意事項

• 会場のWi-Fi一般開放はありません。
• 動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。
• 主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。