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
2023年 認知負荷との戦い
Search
ysk8hori
December 10, 2023
Programming
0
220
2023年 認知負荷との戦い
2023/12/09 ゆるWeb札幌#25 のLTでの発表資料です。
以下について自分が考えて実行したことを発表しました。
- コードと認知負荷
- マネジメントと認知負荷
- UI/UXと認知負荷
ysk8hori
December 10, 2023
Tweet
Share
More Decks by ysk8hori
See All by ysk8hori
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
3
1.8k
2020/11/30 ゆるWeb札幌 ナンプレSPAを vue + TypeScript で作った話
ysk8hori
0
220
Other Decks in Programming
See All in Programming
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
4.2k
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
390
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
100
SpringBoot3.4の構造化ログ #kanjava
irof
2
780
サーバーゆる勉強会 DBMS の仕組み編
kj455
1
360
Rubyでつくるパケットキャプチャツール
ydah
0
530
Immutable ActiveRecord
megane42
0
120
Оптимизируем производительность блока Казначейство
lamodatech
0
990
最近のVS Codeで気になるニュース 2025/01
74th
1
240
定理証明プラットフォーム lapisla.net
abap34
1
670
BEエンジニアがFEの業務をできるようになるまでにやったこと
yoshida_ryushin
0
260
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
450
Featured
See All Featured
KATA
mclloyd
29
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
520
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
600
Practical Orchestrator
shlominoach
186
10k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
6
220
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Docker and Python
trallard
43
3.2k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Transcript
2023/12/09 ϗϦͪΌΜ ιϑτΣΞ։ൃͱೝෛՙ ̎̌̎̏ ೝෛՙͱͷઓ͍
X @YSK8_ / 🐱🐙 https://github.com/ysk8hori ϗϦͪΌΜ • ϑϩϯτΤϯυΤϯδχΞ • φϯϓϨʢಠʣΞϓϦ
• https://numberp.net/
৺ཧ্ֶͷ֓೦ ೝෛՙͱ • ೝ৺ཧֶ (cognitive psychology) Ͱɺʮ༻͞ΕΔϫʔΩϯάϝϞϦͷ૯ྔʯΛࢦ͢ɻ • ೝෛՙཧͷجຊతͳߟ͑ํɺϫʔΩϯάϝϞϦʔͷׂͱݶքΛΑΓߟྀ͢Δ͜ͱͰɺ ڭҭσβΠϯͷ্࣭͕͢Δͱ͍͏ͷͰ͋Δɻ
ൃද༰ • ίʔυͱೝෛՙ • Ϛωδϝϯτͱೝෛՙ • UI/UXͱೝෛՙ
ίʔυͱೝෛՙ • ίʔυͷϝϯςφϏϦςΟೝෛՙʢՄಡ ੑߏͳͲͷཧղ༰қੑʣͱؔΘΓ͕͋Δ • ͲΕ͚ͩՄಡੑߏΛྑͯ͘͠ • ຊ࣭తͳෳࡶ͞ͷվળࠔ • ಛʹϨϏϡʔ࣌ͷೝෛՙ՝
ೝෛՙͷߴ͍ίʔυϕʔεʢAIੜʣ
TypeScript Graph ϨϏϡʔ࣌ͷೝෛՙݮͷ • TypeScript ͷίʔυϕʔε ʹ͓͚ΔϑΝΠϧؒͷґଘ ؔΛࢹ֮Խ͢Δ CLI •
→՝ • ར༻ऀ͕ίϚϯυΛଧͭ ඞཁ͕͋Δ TypeScript Gr a ph ʹΑͬͯग़ྗ͞Εͨ Merm a id ͷϑϩʔνϟʔτμΠΞάϥϜ
delta-typescript-graph-action TypeScript Graph Λ CI Ͱಈ͔͢ • Pull Request ͰͷมߋՕॴ
पลͷߏΛՄࢹԽͯ͠ Pull Request ʹߘ͢Δ • GitHub Action ͱͯ͠ެ։
TypeScript Graph ͷޮՌ • ݸਓతʹϨϏϡʔ࣌ͷೝෛՙݮʹཱ͍ͬͯΔͱײ͡Δ • ʢΞϯέʔτఆྔతͳܭଌࠓޙʣ • ߏ্ͷΛ༰қʹνΣοΫͰ͖Δ
Ϛωδϝϯτͱೝෛՙ • 💭ΥʔλʔϑΥʔϧ͕ػೳ͠ͳ͍ཁҼʹ ೝෛՙͷߴ͕͋͞Γͦ͏ • 💭ೝෛՙ͕ߴ͍ϓϩδΣΫτͰɺߟྀ ࿙Ε࣮࿙ΕͳͲͳͲෆ۩߹͕ଟൃ͢Δ ͜ͱ͕૾Ͱ͖Δɻ ೝෛՙͷߴ͍ϓϩδΣΫτϚωδϝϯτʢAIੜʣ
େ͖ͳϓϩδΣΫτͷೝෛՙݮ • Ϣʔεέʔε͝ͱʹߟ͑Δ͜ͱͰ • Ϛωδϝϯτ༷ઃܭ࣮γϯϓϧ • ೝෛՙ͍ • 💭 ࠓޙৗʹΞδϟΠϧ։ൃͷΑ͏ʹখ͘͞ΠϯΫϦϝϯτ͠ͳ͕Β։ൃ͍ͨ͠
• ͪΖΜ࠷ऴతͳ౸ୡΛݟࣦ͍͚ͬͯͳ͍ • ͔͠͠ํసͰ͖ΔΑ͏ʹͳΓ͍ͨ Ϣʔεέʔε͝ͱʹϦϦʔεՄೳ͔Λަব͠ɺ࣮ߦͨ͠ɻ
λεΫϚωδϝϯτͷೝෛՙݮ • λεΫͷܨ͕ΓΫϦςΟΧϧύε • →ࠓԿ͕Ͱ͖Δͷ͔Θ͔Δ • →։ൃऀ͕ࣗతʹಈ͚Δ • ʲ؇ืʳ͜͏͍͏ݟͤํΛ࣮ݱ͍ͯ͠Δྑ͍ ײ͡ͷλεΫཧπʔϧ
λεΫΛϑϩʔνϟʔτʹͯ͠ཧ͢Δ
̪̭ʗ̪̞σβΠϯͱೝෛՙ • ΤϯδχΞͷݴ༿σβΠφʔʹڹ͔ͳ͍ • ʮ͜͏ͨ͠ํ͕ྑ͍ͱࢥ͍·͢ʯͰڹ͔ ͳ͍ • ײ֮Ͱͳࠜ͘ڌΛ࣋ͬͯٞͰ͖Δ͖ ೝෛՙͷߴ͍UI
ΤϯδχΞ͕σβΠφʔͱձ͢ΔͨΊʹ৺ཧֶΛ͔͡Δ ̪̭ʗ̪̞ͷೝෛՙݮ • ॻ੶ʮUXσβΠϯͷ๏ଇʯ • L a ws of UX
ͷαΠτΛॻ੶Խͨ͠ͷ • L a ws of UX Ͱհ͞Ε͍ͯΔ৺ཧֶత๏ଇ • ̎̍ݸத̍̎ݸ͕ೝʹؔΘΔ๏ଇ • →UI/UXσβΠϯͷ࣭ͷೝෛՙͱؔ Θ͍ͬͯΔʢงғؾͰݴͬͯ·͢ʣ UXσβΠϯͷ๏ଇ
৺ཧֶత๏ଇΛࠜڌʹձͰ͖ͨ • ࣗͷײ֮ͷݴޠԽ͕Ͱ͖ͨ • ೲಘ͍͚ͯͨͩ͠Δ • ʮࢲͦͷॻ੶࣋ͬͯ·͢ʂʯͳͲͷԠ • ڞ௨ೝ͕͍ࣝ࣋ͯͯΔײ •
ࢍಉΛಘΒΕɺಉ͡ํΛ͘͜ͱ͕Ͱ͖ͨʂ • 💭 ࠓޙ͞ΒʹͦͷํΛ໌֬ʹఆ͍͖͍ٛͯͨ͠ • →σβΠϯݪଇͷఆٛ
̎̌̎̏ͷՌɿ ೝෛՙͱઓͬͨ݁Ռɺ৺ཧֶత๏ଇͱग़ձͬͨ ͓ΘΓʹ • ⭐ UI/UXͷೝෛՙݮίʔυϕʔεͷϝϯςφϏϦςΟվળʹͭͳ͕Δ • UI/UXͷೝෛՙݮɺ݁Ռతʹ֓೦͝ͱͷUIίϯϙʔωϯτAPIΛ࡞Δ͜ͱʹͳΔ • ͦΕσβΠϯγεςϜDDDͰ
ೝෛՙݮͯ͢Λղܾ͠·͢ ΒΜ͚Ͳɻ Ch a tGPT͕ੜͨ͠ʮೝෛՙΛԼ͛Δ͜ͱ͕ͯ͢Λղܾ͢ΔʯͱޛΓΛ։͍ͨϑϩϯτΤϯυΤϯδχΞͷը૾