【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発

お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。
2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。

お知らせ connpassをご利用いただく全ユーザーにおいて健全で円滑なイベントの開催や参加いただけるよう、イベント参加者向け・イベント管理者向けのガイドラインページを公開しました。内容をご理解の上、イベント内での違反行為に対応する参考としていただきますようお願いいたします。

12月

10
【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発
SPACEMARKET Design & Frontend Meetup

ハッシュタグ：#spmkt_meetup

募集内容	参加枠無料先着順 63/50人
申込者	申込者一覧を見る
開催日時	2019/12/10(火) 19:20 ～ 21:30 Googleカレンダー icsファイル
募集期間	2019/11/12(火) 18:00 〜 2019/12/10(火) 21:30まで
会場	HOLDER roppongi 東京都港区六本木4-12-8 (第6 DMJビル 3階) マップで見る会場のサイトを見る

イベントの説明

イベント概要

スペースマーケットでは最初のシェアリングサービス開始以来、機能追加や組織/事業の拡大にともなって、複数サービスの開発/運用を行ってきました。弊社エンジニア・デザイナーはそうした拡大の中でサービス提供速度を落とさないよう、またさらなる発展のために、さまざまな考え方や新たな技術の導入を積極的に行っています。

現在スペースマーケットではデザインのワークステーションとして Figma を、Webフロントエンドに React.js でのコンポーネント実装を採用しています。これらの技術を用いながらデザイナーとフロントエンドエンジニアがどのようにサービス開発を行っているか、また私たちがどういった考え方のもとで効率化を推進しているかを、デザイナー・エンジニアそれぞれのセッションとパネルディスカッションを通してお伝えします！

本イベントはデザイナー・エンジニアの方を対象にしています。以下で挙げたようなキーワードに興味のある方には特におすすめの内容となっています。

デザインシステム
Atomic Design
Figma
React コンポーネント
CSS in JS
Storybook
デザイナーとエンジニアの協業

最後に懇親会で軽食や飲み物もご用意しております。
カジュアルな雰囲気で情報交換ができる場になればと思っておりますので、ぜひお気軽にお越しください！

2019/11/14 若干数の増枠を行いました！
（受付時間次第では立ち見の可能性がございます。予めご了承ください。）

タイムテーブル

時間	内容	スピーカー
19:00 - 19:20	受付	-
19:20 - 19:30	はじめに	-
19:30 - 19:45	Figma・Storybookでのコンポーネント運用から考えるデザインシステムとの付き合い方	伊東将太
19:45 - 20:00	2019年の Atomic Design コンポーネント設計（仮）	原口渉
20:00 - 20:10	休憩	-
20:10 - 20:30	パネルディスカッション	横井麻里乃 / 小林春彦
20:40 - 21:30	懇親会	-

登壇内容について

Figma・Storybookでのコンポーネント運用から考えるデザインシステムとの付き合い方 - 伊東将太

これまで Photoshop・XD・Sketch とデザインツールの変遷があったスペースマーケットでは、2019年春から Figma を導入しています。これにより、コンポーネントベースのデザインワークフローだけでなく、コミュニケーションや協業を行いやすくなりました。
本セッションでは、スペースマーケットデザイン部のデザインシステムとの付き合い方や、Figma を導入してからの取り組みについて話します。

2019年の Atomic Design コンポーネント設計（仮）- 原口渉

現在スペースマーケットでは、サービスを横断して利用できるコンポーネントのシステムをベースにプロダクト実装を行っています。
デザイナーがデザインしたUIをどのようなコンポーネントとしてマークアップし運用しているか話すと共に、「Storybook とプロダクトが乖離しがち」「Atomic Design の粒度どうするか問題」など、JSフレームワークでのコンポーネント運用でよく課題に挙げられる点に対して社内のデザイナーとマークアップエンジニアが今年取り組んだ内容を交えて振り返ります。