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.9k
2020/11/30 ゆるWeb札幌 ナンプレSPAを vue + TypeScript で作った話
ysk8hori
0
220
Other Decks in Programming
See All in Programming
Unity Android XR入門
sakutama_11
0
140
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
技術を根付かせる / How to make technology take root
kubode
1
240
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
DROBEの生成AI活用事例 with AWS
ippey
0
130
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
Immutable ActiveRecord
megane42
0
130
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
220
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Into the Great Unknown - MozCon
thekraken
35
1.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
A Philosophy of Restraint
colly
203
16k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
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͕ੜͨ͠ʮೝෛՙΛԼ͛Δ͜ͱ͕ͯ͢Λղܾ͢ΔʯͱޛΓΛ։͍ͨϑϩϯτΤϯυΤϯδχΞͷը૾