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
810
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
不可分の民藝から可分の工業産業へ
デザインエンジニアリングMeetup! Vol.0
での発表資料です。
たふみ
November 09, 2023
More Decks by たふみ
See All by たふみ
頑張らないポイ活 & 家計簿
creatorqsf
0
550
正しくない代数的エフェクト入門 ~Goによる “それっぽい何か” おまけ付き~
creatorqsf
0
280
CSS in JSはいいぞ
creatorqsf
0
150
Introduction to Imaginary World
creatorqsf
0
270
Other Decks in Design
See All in Design
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.7k
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
160
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
420
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
500
Figma MCPを活用するためのデザインハンドブック
vivion
8
19k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
280
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
160
PAMPHLET.pdf
mhand01
0
1.2k
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
0
1.2k
CULTURE DECK/Frontend Engineer
mhand01
0
1.5k
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
7
5.2k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
Featured
See All Featured
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
119
120k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
1
390
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
The untapped power of vector embeddings
frankvandijk
2
1.8k
WENDY [Excerpt]
tessaabrams
11
39k
A Tale of Four Properties
chriscoyier
163
24k
What does AI have to do with Human Rights?
axbom
PRO
1
2.3k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
64
56k
Context Engineering - Making Every Token Count
addyosmani
9
1k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
280
Chasing Engaging Ingredients in Design
codingconduct
0
260
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
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 ·