２０２３年 認知負荷との戦い

2023/12/09 ゆるWeb札幌#25 のLTでの発表資料です。

以下について自分が考えて実行したことを発表しました。

- コードと認知負荷
- マネジメントと認知負荷
- UI/UXと認知負荷

Transcript

1. 2023/12/09 ϗϦͪΌΜ ιϑτ΢ΣΞ։ൃͱೝ஌ෛՙ ̎̌̎̏೥ ೝ஌ෛՙͱͷઓ͍
2. X @YSK8_ / 🐱🐙 https://github.com/ysk8hori ϗϦͪΌΜ • ϑϩϯτΤϯυΤϯδχΞ • φϯϓϨʢ਺ಠʣΞϓϦ • https://numberp.net/
3. ৺ཧ্ֶͷ֓೦ ೝ஌ෛՙͱ͸ • ೝ஌৺ཧֶ (cognitive psychology) Ͱɺʮ࢖༻͞ΕΔϫʔΩϯάϝϞϦͷ૯ྔʯΛࢦ͢ɻ • ೝ஌ෛՙཧ࿦ͷجຊతͳߟ͑ํ͸ɺϫʔΩϯάϝϞϦʔͷ໾ׂͱݶքΛΑΓߟྀ͢Δ͜ͱͰɺ ڭҭσβΠϯͷ࣭͕޲্͢Δͱ͍͏΋ͷͰ͋Δɻ
4. ൃද಺༰ • ίʔυͱೝ஌ෛՙ • Ϛωδϝϯτͱೝ஌ෛՙ • UI/UXͱೝ஌ෛՙ
5. ίʔυͱೝ஌ෛՙ • ίʔυͷϝϯςφϏϦςΟ͸ೝ஌ෛՙʢՄಡ ੑ΍ߏ଄ͳͲͷཧղ༰қੑʣͱؔΘΓ͕͋Δ • ͲΕ͚ͩՄಡੑ΍ߏ଄Λྑͯ͘͠΋ • ຊ࣭తͳෳࡶ͞ͷվળ͸ࠔ೉ • ಛʹϨϏϡʔ࣌ͷೝ஌ෛՙ͸՝୊ ೝ஌ෛՙͷߴ͍ίʔυϕʔεʢAIੜ੒ʣ
6. TypeScript Graph ϨϏϡʔ࣌ͷೝ஌ෛՙ௿ݮͷ޻෉ • TypeScript ͷίʔυϕʔε ʹ͓͚ΔϑΝΠϧؒͷґଘ ؔ܎Λࢹ֮Խ͢Δ CLI • →՝୊ • ར༻ऀ͕ίϚϯυΛଧͭ ඞཁ͕͋Δ TypeScript Gr a ph ʹΑͬͯग़ྗ͞Εͨ Merm a id ͷϑϩʔνϟʔτμΠΞάϥϜ
7. delta-typescript-graph-action TypeScript Graph Λ CI Ͱಈ͔͢ • Pull Request ͰͷมߋՕॴ पลͷߏ଄ΛՄࢹԽͯ͠ Pull Request ʹ౤ߘ͢Δ • GitHub Action ͱͯ͠ެ։
8. TypeScript Graph ͷޮՌ • ݸਓతʹ͸ϨϏϡʔ࣌ͷೝ஌ෛՙ௿ݮʹ໾ཱ͍ͬͯΔͱײ͡Δ • ʢΞϯέʔτ΍ఆྔతͳܭଌ͸ࠓޙʣ • ߏ଄্ͷ໰୊Λ༰қʹνΣοΫͰ͖Δ
9. Ϛωδϝϯτͱೝ஌ෛՙ • 💭΢ΥʔλʔϑΥʔϧ͕ػೳ͠ͳ͍ཁҼʹ ೝ஌ෛՙͷߴ͕͋͞Γͦ͏ • 💭ೝ஌ෛՙ͕ߴ͍ϓϩδΣΫτͰ͸ɺߟྀ ࿙Ε΍࣮૷࿙ΕͳͲͳͲෆ۩߹͕ଟൃ͢Δ ͜ͱ͕૝૾Ͱ͖Δɻ ೝ஌ෛՙͷߴ͍ϓϩδΣΫτϚωδϝϯτʢAIੜ੒ʣ
10. େ͖ͳϓϩδΣΫτͷೝ஌ෛՙ௿ݮ • Ϣʔεέʔε͝ͱʹߟ͑Δ͜ͱͰ • Ϛωδϝϯτ΋࢓༷΋ઃܭ΋࣮૷΋γϯϓϧ • ೝ஌ෛՙ͸௿͍ • 💭 ࠓޙ͸ৗʹΞδϟΠϧ։ൃͷΑ͏ʹখ͘͞ΠϯΫϦϝϯτ͠ͳ͕Β։ൃ͍ͨ͠ • ΋ͪΖΜ࠷ऴతͳ౸ୡ఺Λݟࣦͬͯ͸͍͚ͳ͍ • ͔͠͠ํ޲స׵΋Ͱ͖ΔΑ͏ʹͳΓ͍ͨ Ϣʔεέʔε͝ͱʹϦϦʔεՄೳ͔Λަব͠ɺ࣮ߦͨ͠ɻ
11. λεΫϚωδϝϯτͷೝ஌ෛՙ௿ݮ • λεΫͷܨ͕Γ΍ΫϦςΟΧϧύε • →ࠓԿ͕Ͱ͖Δͷ͔Θ͔Δ • →։ൃऀ͕ࣗ཯తʹಈ͚Δ • ʲ؇ืʳ͜͏͍͏ݟͤํΛ࣮ݱ͍ͯ͠Δྑ͍ ײ͡ͷλεΫ؅ཧπʔϧ λεΫΛϑϩʔνϟʔτʹͯ͠؅ཧ͢Δ
12. ̪̭ʗ̪̞σβΠϯͱೝ஌ෛՙ • ΤϯδχΞͷݴ༿͸σβΠφʔʹڹ͔ͳ͍ • ʮ͜͏ͨ͠ํ͕ྑ͍ͱࢥ͍·͢ʯͰ͸ڹ͔ ͳ͍ • ײ֮Ͱ͸ͳࠜ͘ڌΛ࣋ͬͯٞ࿦Ͱ͖Δ΂͖ ೝ஌ෛՙͷߴ͍UI
13. ΤϯδχΞ͕σβΠφʔͱձ࿩͢ΔͨΊʹ৺ཧֶΛ͔͡Δ ̪̭ʗ̪̞ͷೝ஌ෛՙ௿ݮ • ॻ੶ʮUXσβΠϯͷ๏ଇʯ • L a ws of UX ͷαΠτΛॻ੶Խͨ͠΋ͷ • L a ws of UX Ͱ঺հ͞Ε͍ͯΔ৺ཧֶత๏ଇ • ̎̍ݸத̍̎ݸ͕ೝ஌ʹؔΘΔ๏ଇ • →UI/UXσβΠϯͷ࣭ͷ൒෼͸ೝ஌ෛՙͱؔ Θ͍ͬͯΔʢงғؾͰݴͬͯ·͢ʣ UXσβΠϯͷ๏ଇ
14. ৺ཧֶత๏ଇΛࠜڌʹձ࿩Ͱ͖ͨ • ࣗ෼ͷײ֮ͷݴޠԽ͕Ͱ͖ͨ • ೲಘ͍͚ͯͨͩ͠Δ • ʮࢲ΋ͦͷॻ੶࣋ͬͯ·͢ʂʯͳͲͷ൓Ԡ • ڞ௨ೝ͕͍ࣝ࣋ͯͯΔײ • ࢍಉΛಘΒΕɺಉ͡ํ޲Λ޲͘͜ͱ͕Ͱ͖ͨʂ • 💭 ࠓޙ͸͞Βʹͦͷํ޲Λ໌֬ʹఆ͍͖͍ٛͯͨ͠ • →σβΠϯݪଇͷఆٛ
15. ̎̌̎̏೥ͷ੒Ռɿ ೝ஌ෛՙͱઓͬͨ݁Ռɺ৺ཧֶత๏ଇͱग़ձͬͨ ͓ΘΓʹ • ⭐ UI/UXͷೝ஌ෛՙ௿ݮ͸ίʔυϕʔεͷϝϯςφϏϦςΟվળʹͭͳ͕Δ • UI/UXͷೝ஌ෛՙ௿ݮ͸ɺ݁Ռతʹ֓೦͝ͱͷUIίϯϙʔωϯτ΍APIΛ࡞Δ͜ͱʹͳΔ • ͦΕ͸σβΠϯγεςϜ΍DDDͰ͸
16. ೝ஌ෛՙ௿ݮ͸͢΂ͯΛղܾ͠·͢ ஌ΒΜ͚Ͳɻ Ch a tGPT͕ੜ੒ͨ͠ʮೝ஌ෛՙΛԼ͛Δ͜ͱ͕͢΂ͯΛղܾ͢ΔʯͱޛΓΛ։͍ͨϑϩϯτΤϯυΤϯδχΞͷը૾