XDUG京都 vol.4

2020年2月16日に開催されたXDUG京都 第4回のTwitterまとめです。
0
いおり@SHE inc.デザイナー @isaikaori

XDUG京都到着〜 今回のセッションは轟さん&北村さん&湯口さん。なんとスペシャルな顔ぶれよ。楽しみです。 #xdug_kyoto pic.twitter.com/AxfU8uRmda

2020-02-16 13:42:50
拡大
もとやまふとし / baigie inc. @Futoshi0620

XDUG京都の会場(coto)に着きました〜。 若干のアウェイ感... #xdug #xdug_kyoto pic.twitter.com/X7h9EsgwCX

2020-02-16 13:47:42
拡大
みお @m_x0w0x_7

まずは湯口さんのセッションから! #xdug_kyoto pic.twitter.com/XyU0ygXNpC

2020-02-16 13:53:42
拡大
もとやまふとし / baigie inc. @Futoshi0620

コンポーネントとは? → オブジェクトを登録して再利用できる機能 種類は ・ローカルアセット ・リンクされたコンポーネント の2つある。 手段は ・新規作る ・コピペ ・アセット&リンク ・CCライブラリ の4つ。 #xdug #xdug_kyoto

2020-02-16 13:56:11
歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

他のドキュメントからコピペで配置されたコンポーネントはローカルコンポーネントにすることもできるのか〜。知らなかった。。 #xdug #xdug_kyoto

2020-02-16 13:59:29
いおり@SHE inc.デザイナー @isaikaori

「アセットをリンク」は実際の案件で使ってるのだけどめっちゃ便利。 これとは別に、別途ファイルから直接コピペで持ってきたものは別で管理されて絞り込みができる #xdug_kyoto

2020-02-16 14:00:37
もとやまふとし / baigie inc. @Futoshi0620

社内のデザインシステムを統一したいと思っていたから、リンクされたアセットのコンポーネントを活用して展開していけたら良いな。 #xdug #xdug_kyoto

2020-02-16 14:04:58
YAT@Rish inc. @yat8823jp

マスターコンポーネントで一括編集出来るのはホント便利だよね #xdug_kyoto

2020-02-16 14:05:16
歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

マスターコンポーネントのテキストは、例えばボタンなら「次へ」などではなく「ラベル」などそのまま使わないものにすると事故を防げる #xdug #xdug_kyoto

2020-02-16 14:07:06
みお @m_x0w0x_7

マスターコンポーネントには普段使わないテキストを入れておく(ボタンとか) #xdug_kyoto

2020-02-16 14:07:25
もとやまふとし / baigie inc. @Futoshi0620

マスターコンポーネントのボタンテキストは普段使わないテキスト(ああああ)とかにすると良い。 なぜならマスターコンポーネントのボタンを間違って編集するとインスタンスが全て変更されてしまうから。 #xdug #xdug_kyoto

2020-02-16 14:07:36
いおり@SHE inc.デザイナー @isaikaori

リンクされたアセットでもショートカット「⌘+Shift+K」 を押すと画面が元のドキュメントにスッと戻ってマスターコンポーネント編集ができるのも良いのよね #xdug_kyoto

2020-02-16 14:07:52
歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic

ロックされているインスタンスはマスターコンポーネントの色の変更の影響を受けない マジか #xdug #xdug_kyoto

2020-02-16 14:12:16
みお @m_x0w0x_7

インスタンスをロックしているときにマスターコンポーネントを編集するとテキストは変わるけどカラーとか文字スタイルは変更されない #xdug_kyoto

2020-02-16 14:12:27
いおり@SHE inc.デザイナー @isaikaori

ロックしているものはマスターコンポーネントのカラーなどを編集してもそこは変わらず固定してくれるらしい。知らなかった…! #xdug_kyoto

2020-02-16 14:12:34
ていら @Pqrtu

ロックしてるコンポーネントのインスタンスはアセットの色を変更しても変わらない。 テキストはロックしていても大丈夫🙆‍♀️ #xdug_kyoto

2020-02-16 14:12:39
もとやまふとし / baigie inc. @Futoshi0620

【ステートの設定】 ・ステートは10でも20でも登録ができるが、その分管理が大変。 ・ステートはそれぞれオブジェクトが独立しているので、マスターコンポーネントのテキストを変更してもステートのオブジェクトは変更されない。 #xdug #xdug_kyoto

2020-02-16 14:14:43
いおり@SHE inc.デザイナー @isaikaori

ステートを展開しているときは「初期設定のステート」じゃないとpaddingは設定できない。 これ確かに覚えてないと落ちそうなポイントだなぁ #xdug_kyoto

2020-02-16 14:18:30
みお @m_x0w0x_7

パディング使えるようになったのホント便利 #xdug_kyoto

2020-02-16 14:20:20
1 ・・ 5 次へ