Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
不可分の民藝から可分の工業産業へ
Search
たふみ
November 09, 2023
Design
1
670
不可分の民藝から可分の工業産業へ
デザインエンジニアリングMeetup! Vol.0
での発表資料です。
たふみ
November 09, 2023
Tweet
Share
More Decks by たふみ
See All by たふみ
頑張らないポイ活 & 家計簿
creatorqsf
0
410
正しくない代数的エフェクト入門 ~Goによる “それっぽい何か” おまけ付き~
creatorqsf
0
250
CSS in JSはいいぞ
creatorqsf
0
120
Introduction to Imaginary World
creatorqsf
0
200
Other Decks in Design
See All in Design
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
880
portfolio_YumiYasuda
yum0418
0
280
今日から意識できるアクセシビリティ
fumiko
0
240
CMS管理画面のアクセシビリティ
magi1125
1
280
Storyboard Honey
rocioparronrubio
0
270
Saudade typeface
tiagoporto
0
320
「デザイン」を信じるには
iflection
0
250
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
200
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
260
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
320
Featured
See All Featured
For a Future-Friendly Web
brad_frost
179
9.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Bash Introduction
62gerente
614
210k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
How to Ace a Technical Interview
jacobian
277
23k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Rails Girls Zürich Keynote
gr2m
94
14k
Designing for Performance
lara
609
69k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Transcript
不可分の民藝から可分の工業産業へ たふみ デザインエンジニアリング Meetup! Vol.0 2023/11/09 ·
不可分の民藝から可分の工業産業へ 1 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的
デザイナー エンジニア デザインシステム等 工業産業的
不可分の民藝から可分の工業産業へ 1 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的
デザイナー エンジニア デザインシステム等 工業産業的
不可分の民藝から可分の工業産業へ 2 / 13 喋ってる人 たふみ@CreatorQsF U 株式会社スリーシェイク エンジニアインターw U
株式会社Gaudiy 業務委R U 大学院 Go言語の並行処理を安全にする研究 中央揃え恐怖症のオンスクリーンプロダクトデザイナー
不可分の民藝から可分の工業産業へ 3 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的
デザイナー エンジニア デザインシステム等 工業産業的
不可分の民藝から可分の工業産業へ 3 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的
デザイナー エンジニア デザインシステム等 工業産業的
不可分の民藝から可分の工業産業へ 3 / 13 イベントの裏趣旨 デザイナー, エンジニア, ... プロダクト 民藝的
デザイナー エンジニア デザインシステム等 工業産業的 個人制作してる物がない
不可分の民藝から可分の工業産業へ 4 / 13
不可分の民藝から可分の工業産業へ 5 / 13 GOODの開発手法 g ユーザーインターフェースデザイh a インブラウザデザイV g
ユーザーインターフェース実r a React, TypeScript, Cloudflare PageT g サーバーサイ' a Go, Cloudflare Tunnel
不可分の民藝から可分の工業産業へ 5 / 13 GOODの開発手法 i ユーザーインターフェースデザイp c インブラウザデザイX i
ユーザーインターフェース実t c React, TypeScript, Cloudflare PageV i サーバーサイ( c Go, TiDB, Cloudflare Tunnel 今発表しているMacで サーバーが動いてます 絶対触わるな!
不可分の民藝から可分の工業産業へ 6 / 13 限られたリソース 負荷分散との戦い =
不可分の民藝から可分の工業産業へ 7 / 13 カウンター同期に必要な負荷分散 s ハードウェアのスペックは十Q s ネットワークの帯域が不十A s
いかに混まないようにAPIを叩くか
不可分の民藝から可分の工業産業へ 8 / 13 負荷分散のそれぞれでの戦い a ユーザーインターフェースデザイb e a ユーザーインターフェース実i
e 通信量を見積もり、 いかに減らせるかに注` a サーバーサイ4 e スループットを上げることに注力
不可分の民藝から可分の工業産業へ 8 / 13 負荷分散のそれぞれでの戦い a ユーザーインターフェースデザイb e a ユーザーインターフェース実i
e 通信量を見積もり、 いかに減らせるかに注` a サーバーサイ4 e スループットを上げることに注力
不可分の民藝から可分の工業産業へ 9 / 13 “それぞれ” にしない戦い
不可分の民藝から可分の工業産業へ 9 / 13 “それぞれ” にしない戦い 通信は10秒に1C 10秒
/ 30人 = 0.3秒に1回捌i カウンターのアニメーショa カウントアップのみに見せW リアルタイムの増加に見せる → 良いバランスを取れる
不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド
不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 例: 遅延をデザインで隠す必要性に気がつかない
不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 例: 値が小さくなったときにカウンターを下がる方向へ回してしまう
不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 例: 不必要にリアルタイムに更新できるように頑張ってしまう
不可分の民藝から可分の工業産業へ 10 / 13 プロダクト開発は本来不可分 デザイン サーバーサイド クライアントサイド 機能単位を軸として全部やる =
良いバランスを取れる
不可分の民藝から可分の工業産業へ 11 / 13 不可分を分割する理由 R チームをスケールするたb g「速く行くなら1人で行け、 遠くに行くならみんなで行け8 R
プロダクトをより良くするたb g 専門家に任せるべき部分がある
不可分の民藝から可分の工業産業へ 11 / 13 不可分を分割する理由 R チームをスケールするたb g「速く行くなら1人で行け、 遠くに行くならみんなで行け8 R
プロダクトをより良くするたb g 専門家に任せるべき部分がある 綿密なコミュニケーションが必要になる
不可分の民藝から可分の工業産業へ 11 / 13 不可分を分割する理由 R チームをスケールするたb g「速く行くなら1人で行け、 遠くに行くならみんなで行け8 R
プロダクトをより良くするたb g 専門家に任せるべき部分がある 綿密なコミュニケーションが必要になる
不可分の民藝から可分の工業産業へ 12 / 13 共通言語としてのデザインシステム デザイナー エンジニア デザインシステム 本当に必要なコミュニケーションに注力できるようにする
不可分の民藝から可分の工業産業へ 12 / 13 共通言語としてのデザインシステム デザイナー
不可分の民藝から可分の工業産業へ 12 / 13 共通言語としてのデザインシステム エンジニア
不可分の民藝から可分の工業産業へ 13 / 13 共通言語の設計 V 思想をのせQ W 例: コンポーネントの型をデザイナーが書0
V 揃えQ W 例: バージョン · 名前 · 等々…
不可分の民藝から可分の工業産業へ 13 / 13 共通言語の設計 V 思想をのせQ W 例: コンポーネントの型をデザイナーが書0
V 揃えQ W 例: バージョン · 名前 · 等々… 可分の工業産業へ
不可分の民藝から可分の工業産業へ たふみ デザインエンジニアリング Meetup! Vol.0 2023/11/09 ·