機能改善 【受付票発行機能 仕様変更のお知らせ】 「受付票発行機能」の仕様変更を行ない、受付票を常に発行することになりました。 詳しくはこちらをご覧ください。

お知らせ 【ATNDイベントデータ取り込み機能のお知らせ】 connpass に ATND で公開されているイベントデータの取り込み機能があることをご存知でしたか? 是非 connpass に取り込んで、運営コミュニティの歴史を消さないようにしましょう!詳しい内容・取り込み手順はこちら

このエントリーをはてなブックマークに追加

Dec

10

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

SPACEMARKET Design & Frontend Meetup

Hashtag :#spmkt_meetup
Registration info

参加枠

Free

FCFS
63/50

Description

イベント概要

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

現在スペースマーケットではデザインのワークステーションとして 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フレームワークでのコンポーネント運用でよく課題に挙げられる点に対して社内のデザイナーとマークアップエンジニアが今年取り組んだ内容を交えて振り返ります。

パネルディスカッション - 横井 麻里乃 / 小林 春彦

デザインシステムを導入した経緯から、導入したことによる変化、また運用面での工夫などをデザイナーとエンジニアそれぞれのマネージャーによるパネルディスカッション形式でご紹介します。

※ 内容は変更される可能性があります。ご了承ください。

会場・アクセス

会場画像 HOLDER roppongi
東京メトロ日比谷線・都営大江戸線「六本木駅」7番出口より徒歩30秒

※ 会場に入られたら受付をお願いします。その際、お申し込み時のお名前(アカウント名)をお伺いいたします。

持ち物

名刺2枚をご持参ください。(受付用・ネームプレート用)

発表者

Feed

Haraguchi

Haraguchiさんが資料をアップしました。

12/13/2019 18:15

Itou

Itouさんが資料をアップしました。

12/13/2019 17:12

Itou

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

11/12/2019 18:16

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 を公開しました!

Group

株式会社スペースマーケット

Number of events 5

Members 338

Ended

2019/12/10(Tue)

19:20
21:30

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2019/11/12(Tue) 18:00 〜
2019/12/10(Tue) 21:30

Location

HOLDER roppongi

東京都港区六本木4-12-8 (第6 DMJビル 3階)

Attendees(50)

KouitirouNagaishi

KouitirouNagaishi

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

punx_ipa

punx_ipa

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

hbd225

hbd225

I joined 年の瀬に振り返る Figma & React コンポーネントでのサービス開発!

k.iwanishi

k.iwanishi

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

shu2222

shu2222

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

w_mason

w_mason

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

takashi-kinoshita

takashi-kinoshita

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

ayumi

ayumi

年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

haraken123

haraken123

年の瀬に振り返る Figma & React コンポーネントでのサービス開発に参加を申し込みました!

ag_ayakan

ag_ayakan

年の瀬に振り返る Figma & React コンポーネントでのサービス開発に参加を申し込みました!

Attendees (50)

Waitlist (13)

masahiko_tamarimizu

masahiko_tamarimizu

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発に参加を申し込みました!

Jay

Jay

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発に参加を申し込みました!

ssssss

ssssss

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

ぶたやろう

ぶたやろう

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

yuriesato

yuriesato

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

n130250

n130250

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

ozaki25

ozaki25

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

eguchi

eguchi

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

だーいー

だーいー

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

fukudakumi

fukudakumi

【増枠】年の瀬に振り返る Figma & React コンポーネントでのサービス開発 に参加を申し込みました!

Waitlist (13)

Canceled (36)