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
740
不可分の民藝から可分の工業産業へ
デザインエンジニアリングMeetup! Vol.0
での発表資料です。
たふみ
November 09, 2023
Tweet
Share
More Decks by たふみ
See All by たふみ
頑張らないポイ活 & 家計簿
creatorqsf
0
460
正しくない代数的エフェクト入門 ~Goによる “それっぽい何か” おまけ付き~
creatorqsf
0
260
CSS in JSはいいぞ
creatorqsf
0
130
Introduction to Imaginary World
creatorqsf
0
220
Other Decks in Design
See All in Design
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
630
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
はじめての演奏会フライヤーデザイン
chorkaichan
1
200
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
180
What makes a great Director?
_limex_
0
420
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
270
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
110
第18回サイゼミ
lw
1
1.4k
文化のデザイン - Soft Impact of Design
atsushihomma
0
120
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.2k
kintone_aroma
kintone
0
1.1k
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
0
180
Featured
See All Featured
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
190
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
300
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Ethics towards AI in product and experience design
skipperchong
1
160
How to make the Groovebox
asonas
2
1.9k
Code Review Best Practice
trishagee
74
19k
Site-Speed That Sticks
csswizardry
13
1k
Mobile First: as difficult as doing things right
swwweet
225
10k
How STYLIGHT went responsive
nonsquared
100
6k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
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 ·