Slide 1

Slide 1 text

不可分の民藝から可分の工業産業へ たふみ デザインエンジニアリング Meetup! Vol.0 2023/11/09 ·

Slide 2

Slide 2 text

不可分の民藝から可分の工業産業へ 1 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的 デザイナー エンジニア デザインシステム等 工業産業的

Slide 3

Slide 3 text

不可分の民藝から可分の工業産業へ 1 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的 デザイナー エンジニア デザインシステム等 工業産業的

Slide 4

Slide 4 text

不可分の民藝から可分の工業産業へ 2 / 13 喋ってる人 たふみ@CreatorQsF U 株式会社スリーシェイク エンジニアインターw U 株式会社Gaudiy 業務委R U 大学院 Go言語の並行処理を安全にする研究 中央揃え恐怖症のオンスクリーンプロダクトデザイナー

Slide 5

Slide 5 text

不可分の民藝から可分の工業産業へ 3 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的 デザイナー エンジニア デザインシステム等 工業産業的

Slide 6

Slide 6 text

不可分の民藝から可分の工業産業へ 3 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的 デザイナー エンジニア デザインシステム等 工業産業的

Slide 7

Slide 7 text

不可分の民藝から可分の工業産業へ 3 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的 デザイナー エンジニア デザインシステム等 工業産業的 個人制作してる物がない

Slide 8

Slide 8 text

不可分の民藝から可分の工業産業へ 4 / 13

Slide 9

Slide 9 text

不可分の民藝から可分の工業産業へ 5 / 13 GOODの開発手法 g ユーザーインターフェースデザイh a インブラウザデザイV g ユーザーインターフェース実r a React, TypeScript, Cloudflare PageT g サーバーサイ' a Go, Cloudflare Tunnel

Slide 10

Slide 10 text

不可分の民藝から可分の工業産業へ 5 / 13 GOODの開発手法 i ユーザーインターフェースデザイp c インブラウザデザイX i ユーザーインターフェース実t c React, TypeScript, Cloudflare PageV i サーバーサイ( c Go, TiDB, Cloudflare Tunnel 今発表しているMacで サーバーが動いてます 絶対触わるな!

Slide 11

Slide 11 text

不可分の民藝から可分の工業産業へ 6 / 13 限られたリソース 負荷分散との戦い =

Slide 12

Slide 12 text

不可分の民藝から可分の工業産業へ 7 / 13 カウンター同期に必要な負荷分散 s ハードウェアのスペックは十Q s ネットワークの帯域が不十A s いかに混まないようにAPIを叩くか

Slide 13

Slide 13 text

不可分の民藝から可分の工業産業へ 8 / 13 負荷分散のそれぞれでの戦い a ユーザーインターフェースデザイb e a ユーザーインターフェース実i e 通信量を見積もり、 いかに減らせるかに注` a サーバーサイ4 e スループットを上げることに注力

Slide 14

Slide 14 text

不可分の民藝から可分の工業産業へ 8 / 13 負荷分散のそれぞれでの戦い a ユーザーインターフェースデザイb e a ユーザーインターフェース実i e 通信量を見積もり、 いかに減らせるかに注` a サーバーサイ4 e スループットを上げることに注力

Slide 15

Slide 15 text

不可分の民藝から可分の工業産業へ 9 / 13 “それぞれ” にしない戦い

Slide 16

Slide 16 text

不可分の民藝から可分の工業産業へ 9 / 13 “それぞれ” にしない戦い  通信は10秒に1C  10秒 / 30人 = 0.3秒に1回捌i  カウンターのアニメーショa  カウントアップのみに見せW  リアルタイムの増加に見せる → 良いバランスを取れる

Slide 17

Slide 17 text

不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド

Slide 18

Slide 18 text

不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 例: 遅延をデザインで隠す必要性に気がつかない

Slide 19

Slide 19 text

不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 例: 値が小さくなったときにカウンターを下がる方向へ回してしまう

Slide 20

Slide 20 text

不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 例: 不必要にリアルタイムに更新できるように頑張ってしまう

Slide 21

Slide 21 text

不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 機能単位を軸として全部やる = 良いバランスを取れる

Slide 22

Slide 22 text

不可分の民藝から可分の工業産業へ 11 / 13 不可分を分割する理由 R チームをスケールするたb g「速く行くなら1人で行け、 遠くに行くならみんなで行け8 R プロダクトをより良くするたb g 専門家に任せるべき部分がある

Slide 23

Slide 23 text

不可分の民藝から可分の工業産業へ 11 / 13 不可分を分割する理由 R チームをスケールするたb g「速く行くなら1人で行け、 遠くに行くならみんなで行け8 R プロダクトをより良くするたb g 専門家に任せるべき部分がある 綿密なコミュニケーションが必要になる

Slide 24

Slide 24 text

不可分の民藝から可分の工業産業へ 11 / 13 不可分を分割する理由 R チームをスケールするたb g「速く行くなら1人で行け、 遠くに行くならみんなで行け8 R プロダクトをより良くするたb g 専門家に任せるべき部分がある 綿密なコミュニケーションが必要になる

Slide 25

Slide 25 text

不可分の民藝から可分の工業産業へ 12 / 13 共通言語としてのデザインシステム デザイナー エンジニア デザインシステム 本当に必要なコミュニケーションに注力できるようにする

Slide 26

Slide 26 text

不可分の民藝から可分の工業産業へ 12 / 13 共通言語としてのデザインシステム デザイナー

Slide 27

Slide 27 text

不可分の民藝から可分の工業産業へ 12 / 13 共通言語としてのデザインシステム エンジニア

Slide 28

Slide 28 text

不可分の民藝から可分の工業産業へ 13 / 13 共通言語の設計 V 思想をのせQ W 例: コンポーネントの型をデザイナーが書0 V 揃えQ W 例: バージョン · 名前 · 等々…

Slide 29

Slide 29 text

不可分の民藝から可分の工業産業へ 13 / 13 共通言語の設計 V 思想をのせQ W 例: コンポーネントの型をデザイナーが書0 V 揃えQ W 例: バージョン · 名前 · 等々… 可分の工業産業へ

Slide 30

Slide 30 text

不可分の民藝から可分の工業産業へ たふみ デザインエンジニアリング Meetup! Vol.0 2023/11/09 ·