フロントエンド技術選定 ~ゼロランタイムCSS in JSとTailwind CSS編~

2024/03/27(水)12:00 〜 13:15 開催

ブックマーク

#GitHub, #ライトニングトーク, #フロントエンド

イベント内容

✍️概要

2023年12月に、Meta社からCSS-in-JSライブラリであるStyleXが公開され、フロントエンドにおけるスタイリングの技術選定がより難しくなっています。ただその中でも、TailwindCSSやKuma UI、vanilla-extract、LinariaなどゼロランタイムCSS in JSを採用するプロジェクトや組織も増えており、メリットとデメリットも少しずつですが見えてきております。本イベントでは、上記の流れにおいて自社のサービスで、どのようなスタイリングが適しているのか考え、技術選定を行われた方々をお呼びし、明日から使える気づきや学びを得られるイベントを目指します。

🕛タイムテーブル

時間	セッションタイトル	企業名	スピーカー
12:05	LT①「(仮)これからのスタイリング、どう向き合っていく？〜技術選定と事業成長の狭間で〜」	株式会社ログラス	あさマック(@mixplace)
12:20	LT②「デザインシステムをTailwind CSSとCSS in JSの両対応で作っておいてよかった話」	ピクシブ株式会社	f_subal(@f_subal)
12:35	LT③「甘い香りに誘われてvanilla-extractを1年間運用してみた」	ラクスル株式会社	宮﨑圭司(@miyahkun)
12:50	LT④「Kuma UIの設計思想と頑張らないゼロランタイムCSS-in-JS」		poteboy(@poteboy)

※LTの順番や内容は変更の可能性があります、ご了承ください。

🧑‍💻こんな方におすすめ

フロントエンド経験3年以上で技術キャッチアップに励んでいる方
フロントエンド（スタイリング）の技術選定に迷っている方
ゼロランタイムCSS in JSの具体的な導入事例を知りたい方

☑️イベントのゴール

他社のスタイリングの技術選定の具体事例が知れ、参考になった
パフォーマンス向上のためのノウハウがわかった

💻参加方法とプレゼント企画

URLはお申し込みいただいた方へ視聴用リンクをお渡ししています。
ご参加いただきアンケート回答者の中から抽選で「Tailwind CSS実践入門」を5名様にプレゼント差し上げます。

🗣️スピーカー

LT①「(仮)これからのスタイリング、どう向き合っていく？〜技術選定と事業成長の狭間で〜」

あさマック @mixplace
株式会社ログラス
フロントエンドエンジニア
フロントエンドエンジニアとしてWeb制作会社、ベンチャー企業2社を経て、2021年10月にログラスに入社。現在は開発チームのエンジニアとして主要機能の開発を行う傍ら、フロントエンド開発面の支援およびデザインシステムの構築を担っている。

LT②「デザインシステムをTailwind CSSとCSS in JSの両対応で作っておいてよかった話」

f_subal @f_subal
ピクシブ株式会社
エンジニアリングマネージャ
2016年ピクシブ株式会社に新卒入社。フロントエンドを中心にWebエンジニアとしてクリエイター向けプラットフォームの開発に携わる。2020年よりピクシブ社内のデザインシステム「charcoal」の開発に関わり、Tailwind CSSを基盤技術の一つに選択。2022年にOSS化した。

LT③「甘い香りに誘われてvanilla-extractを1年間運用してみた」

宮﨑圭司 @miyahkun
ラクスル株式会社
フロントエンドエンジニア
大学時代にペット系スタートアップの立ち上げに参画。2021年ラクスル株式会社に新卒入社。
現在は、吸収合併したダンボールワンというサービスのフロントエンド領域に携わる。
Next.js App Routerやvanilla-extractのような技術の導入を推進すると共に、新システムへの漸進的な移行にも取り組んでいる。

LT④「Kuma UIの設計思想と頑張らないゼロランタイムCSS-in-JS」

poteboy @poteboy
非公開
個人開発者（無職）
新卒医療系スタートアップ▶️エンタメ企業テックリードを経て2024年に独立。
趣味でOSS活動に勤しんでおり、ゼロランタイムCSS-in-JS「Kuma UI」の作者や、仮想DOM最適化コンパイラ「Million.js」のコアコントリビューターを務める。

⚠️諸注意

参加用リンクは開催当日、参加確定者にconnpass経由で通知します
エージェントの方や営業目的でのイベントの参加はご遠慮ください
性別/性的指向/障碍の有無/人種/宗教/年齢/容姿/体格/技術の選択に関わりなく、誰もが気持ちよく参加できるようにご協力ください
当イベントの内容およびスケジュールは、予告なく変更となる場合があります。予めご了承ください。
イベント参加時に入力いただいた情報は、以下に基づき扱います。
ファインディ株式会社プライバシーポリシー

📣主催・運営

ファインディ株式会社

｢Findy｣ハイスキルなエンジニアのプレミアム転職サービス :
ハイスキルなエンジニアと企業をマッチングするプレミアム転職サービス。独自に開発した解析方法によりIT/Webエンジニアのスキルと、テック企業がエンジニアにとってどれだけ魅力的なのかを客観的に格付けし、両者をマッチングします。
｢Findy Freelance｣フリーランス・副業エンジニア向け単価保証型の案件紹介サービス : Findyのフリーランス・副業エンジニア向けサービス。IT/Webエンジニアの技術力をスキル偏差値化し、単価保証された案件のみご紹介します。
｢Findy Team+｣エンジニア組織のパフォーマンス最大化サービス :
弊社独自の強みである「スキル偏差値」で培ってきたアルゴリズム・ノウハウを活用して、GitHubを連携いただくだけで、その組織に属するエンジニアのパフォーマンスや活動状況を見える化します。
｢Findy Global｣：
国内外に居住の外国人エンジニアと企業のマッチングサービス。インドや東南アジアを中心に国内で採用が難しいハイスキルなエンジニアが多数登録。