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
570
不可分の民藝から可分の工業産業へ
デザインエンジニアリングMeetup! Vol.0
での発表資料です。
たふみ
November 09, 2023
Tweet
Share
More Decks by たふみ
See All by たふみ
頑張らないポイ活 & 家計簿
creatorqsf
0
340
正しくない代数的エフェクト入門 ~Goによる “それっぽい何か” おまけ付き~
creatorqsf
0
220
CSS in JSはいいぞ
creatorqsf
0
100
Introduction to Imaginary World
creatorqsf
0
180
Other Decks in Design
See All in Design
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
590
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.5k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
300
portfolio
amitnk
1
160
Night Shift (beginning sequence)
cpineda57
0
920
最速[要出典]アクセシビリティチェック
magi1125
2
130
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
720
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
450
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
600
Dive Deep into Communication
yomtsu
0
110
Personal Story Sequence - Vendetta(WIP)
elrns88
0
340
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
440
The World Runs on Bad Software
bkeepers
PRO
65
11k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
810
Docker and Python
trallard
41
3.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
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 ·