Frontend Talk 〜デザインシステム構築のリアルな裏側〜【hey｜note｜ANDPAD】まとめ

うな @unachang113

#hey_note_andpad ハッシュタグ見てる限りきょうみありけりな感じの内容だったのであとで見れるところあったら見たいな...

木下 裕哉 / Yuya Kinoshita @yuyaink

- デザインの一貫性維持や開発効率化のためにつくる。 - いきなり完璧を目指さない。まずは70点を目指す。 - 形になるまでに時間がかかる。走りながらつくっている。 - Tailwind CSSを使っている。 - まずはCSSを共通化する方法もあり。 - 全体像や認識をチームで共有する。 #hey_note_andpad

木下 裕哉 / Yuya Kinoshita @yuyaink

- デザイナーとエンジニアの連携を密に。 - デザイナーとエンジニアの橋渡し的な役割が必要。 - デザイントークン（最も小さな構成要素）をつくる。 - ドキュメントに曖昧な内容を残すと、トラブルの元になりやすい。全体最適のためにはロジカルに細かく言語化する必要がある。 #hey_note_andpad

\\ uto-usui // @uto_ao

先ほどの登壇資料です📝 アーカイブも流れるらしいので、もし参加しそびれた方はチェックしていただけたらと思います🙏🏻 docs.google.com/presentation/d… （めっちゃ楽しかった〜） #hey_note_andpad

辻井　耀｜リンクアンドモチベーション @DShuhari

超いいウェビナーでした。学びのメモ。 ・デザインシステムは、事業価値向上のための武器 ・スコープ設定が超大事 ・持続可能な体制づくりを頑張る ・コードとデザインをつなぎ、みんなで使う ・言葉遣いもイラストもシステム化 ・未完成で使い始め、使いながら磨き上げる （続く） #hey_note_andpad twitter.com/DShuhari/statu…

辻井 耀@UXの人 @DShuhari

今日はこちらのイベントにお邪魔しております〜。デザインシステムは、自社のチームでもホットトピックなので、実践知を吸収したい。 #hey_note_andpad pic.twitter.com/MXO5hoOMwT

2022-03-10 19:28:03

辻井　耀｜リンクアンドモチベーション @DShuhari

（続き） ・「全てを一気に解決する」は無理筋 ・デザインシステムはマジックワード、要件とプロセスを具体化しないと詰む ・Vue/React問題は、CSS共通化で暫定対応 ・小さいチームで、スコープを絞って進める ・新規開発と同時並行して、一石二鳥を取る ・先人の知恵を借りまくる #hey_note_andpad

SaaSで働く高橋名人😎 @zouzei8to10

昨夜の #hey_note_andpad でも感じたがプロダクトの開発はアキレスと亀のよう ・いきなり100点目指さない ・機能開発優先されて時間とれない ・やってみたらうまくいかなかった みたいなことはどこでも共通に起こりうること。 でも、 確実にアキレスと亀との距離は短くなるのだから作ってみるしかない

SaaSで働く高橋名人😎 @zouzei8to10

あとは ・属人化しない という理想はありつつも、 やはりプロダクトの全貌の理解や事業の理解、各UIコンポーネントの現状の把握や技術的背景の習得には調査コストが一定かかる #hey_note_andpad

sizucca @sizucca_

昨夜の #hey_note_andpad の資料上げました。 speakerdeck.com/sizucca/design…

sizucca @sizucca_

#hey_note_andpad 昨晩アンケート書き忘れちゃった！という方は、今からでも書いていただけると嬉しい😊という運営のつぶやきを拾いました🙏 twitter.com/andpad_dev/sta…

ANDPAD (アンドパッド)開発部 @andpad_dev

イベント参加していただきましてありがとうございます！ コメントも拾いきれないくらいいただき、運営メンバーも登壇者もとても喜んでおりました。 本日のイベントのアンケートURLはこちらです！ご感想お待ちしております。 forms.gle/x98DfPBu5DkGE4… #hey_note_andpad

2022-03-10 23:08:49