DIST.38

DIST.38

DIST.38 「CSSな夜」

このイベントは、に終了しました。 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による事前決済のみとなります。
  • 懇親会のみの参加は受け付けていません。
  • 懇親会にはアルコールが提供されるため、未成年はご参加いただけません。
  • 懇親会は完全禁煙です。
    • 喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。
    • 喫煙時は近隣の喫煙スペースをご利用ください。
    • 懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。

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


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

会場

中野サンプラザ 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 イベントページを公開しました。

スポンサー

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

スペシャルスポンサー

ゴールドスポンサー

シルバースポンサー

ブロンズスポンサー

ツールスポンサー

YouTube配信

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

DISTについて

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

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

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

注意事項

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

お問い合わせ

ご質問やご要望、ご協賛やスタッフ参加のご希望などは、フォームよりお問い合わせください。

お問い合わせ