設計と制作 意図を形に表す / Design and Making: Intent Made Form

「設計と制作 意図を形に表す」
AIエージェントの活用がコンピューティングの中心になりつつあります｡制作方法が変わる中で､「体験場面設計」という見方､エージェントとの付き合い方､制作に向き合う態度を考えます｡

https://findy.connpass.com/event/385800/
#Designengineer_findy

Transcript

1. ʰAI࣌୅ͷUXઃܭͱ͸ʱ https://findy.connpass.com/event/385800/ 2026.3.26 ઃܭͱ੍࡞ ҙਤΛܗʹද͢ © 2026 Satori MARU #Designengineer_findy usagimaru
2. © 2026 Satori MARU ιϑτ΢ΣΞσβΠφʔ / σϕϩούʔ usagimaru גࣜձࣾλΠϜϥϘ @usagimaru @usagimaruma clickandmagic.com ! ! ιϑτ΢ΣΞσβΠϯ UI / ৘ใΞʔΩςΫνϟ / ΠϯλϥΫγϣϯ AppleϓϥοτϑΥʔϜͰͷΞϓϦ։ൃ ߨԋɺࣥච׆ಈɺΠϕϯτӡӦ΄͔ ιϑτ΢ΣΞΤϯδχΞϦϯά ίϛϡχέʔγϣϯ
3. © 2026 usagimaru ৘ใઃܭ usagimaru ΠϯλϥΫγϣϯઃܭ GUI macOS AppKit Swift iOS
4. © 2026 Satori MARU モデルベースUIデザイン 構造化UIと情報設計の⽅法論 ᠳӭࣾ ࢴ൛ɾిࢠ൛͕֤ॻళͰൃചத ISBN978-4-7981-8268-1 https://www.shoeisha.co.jp/book/detail/9784798182681 amazon.co.jp " ۙஶ
5. © 2026 usagimaru ϚΠφϏग़൛ʮWeb Designingʯࢽ 2025೥10݄߸ ܝࡌ ग़ԋ౳
6. © 2026 usagimaru ϚΠφϏग़൛ʮMac Fanʯࢽ 2024೥7݄߸ ܝࡌ ग़ԋ౳
7. © 2026 usagimaru AI
8. © 2026 usagimaru
9. © 2026 usagimaru AI engineer
10. © 2026 usagimaru AI engineer AI product
11. © 2026 usagimaru AI engineer AI product AIਓࡐ AI౥ࡌ Prompt engineering AI experience AI Slop
12. © 2026 usagimaru OK.
13. © 2026 usagimaru ग़యɿhttps://ac-mall.jp/eggd-0005 1980೥୅
14. © 2026 usagimaru UX
15. © 2026 usagimaru UX design
16. © 2026 usagimaru UX design UX tools UX motion UX principles UX strate UX research Elements of UX UI/UX
17. © 2026 usagimaru OK.
18. όζϫʔυͰགྷΔͷͰ͸ͳ͘ lͭ͘Δ͜ͱzͷຊ࣭Λߟ͍͑ͨ © 2026 usagimaru #$
19. Vibe coding © 2026 usagimaru
20. © 2026 usagimaru
21. © 2026 usagimaru ଟ͘ͷखೖΕ ਪଌ ֓೦ఆٛ ઃܭϧʔϧ ߏஙखॱ ਐḿ؅ཧ ඼࣭ఆٛ ඼࣭؅ཧ ໋໊ ମݧ৔໘ઃܭ σΟϨΫγϣϯྗ
22. ɹΤʔδΣϯτΛૢΔ͜ͱ͸େม͕ͩɺ lͭ͘Δ͜ͱzʹมΘΓͳ͍ͷͰ͸ʁ © 2026 usagimaru
23. ͭ͘Δ଎౓্͕͕ͬͯŊָ͍͠ʂ © 2026 usagimaru γϯϓϧʹŊ
24. ݴ༿Λղ͘ © 2026 usagimaru
25. © 2026 usagimaru UI / UX
26. © 2026 usagimaru UI UX ਓ޻෺ ෺Ͱ͸ͳ͍ ৮ΕΔ ৮Εͳ͍ ੡඼ͷҰ෦ ৺ͷதͷग़དྷࣄ ٬ମ ओମ
27. © 2026 usagimaru Image: SparkFun Electronics www.flickr.com/photos/sparkfun/9465865873
28. © 2026 usagimaru Image: SparkFun Electronics www.flickr.com/photos/sparkfun/9465865873 ͜Ε͸ϢʔβʔମݧʢUXʣͰ͸ͳ͍ ͜ΕΛ࡞Δ͜ͱ΋ϢʔβʔମݧͰ͸ͳ͍
29. © 2026 usagimaru ࢲ͕ͨͪ ͭ͘Δ΋ͷ ݱ࣮ʹ ΋ͨΒ͞ΕΔ݁Ռ UI UX ҹ৅
    ࣭ײ
    ײ৮
    ҙຯ
    ཧղ
    Ձ஋
30. © 2026 usagimaru ମݧ΍ܦݧ͸ेਓे৭ շద ෆշ ·͋·͋ ྑ͍ ಛʹ… ਓؒͷ৺ͷ͜ͱ͔ͩΒɺਓؒͷ਺͚ͩମݧ͕ଘࡏ͢Δ ͦͷ͢΂ͯΛ୭͔͕“ઃܭ”͢Δ͜ͱ͸ݱ࣮తͰͳ͍
31. © 2026 usagimaru UX design UXσβΠϯ
32. © 2026 usagimaru Design for UX ϢʔβʔମݧͷͨΊͷσβΠϯ
33. © 2026 usagimaru Α͍ମݧ͕ੜ·ΕΔ؀ڥ Λͭ͘Δ
34. © 2026 usagimaru ੍࡞
35. © 2026 usagimaru ੍࡞ ੍࡞ऀ͕ҙਤΛ࣋ͬͯબ୒͠ ܗʹ͢Δϓϩηε
36. © 2026 usagimaru ੍࡞ ੍࡞ऀ͕ҙਤΛ࣋ͬͯબ୒͠ ܗʹ͢Δϓϩηε ख͕͔͔ؒΔ
37. © 2026 usagimaru ੜ੒ ܗ͕ࣗಈతʹੜΈग़͞ΕΔͳΒ͹ खؒΛল͚Δ
38. © 2026 usagimaru ੜ੒ ܗ͕ࣗಈతʹੜΈग़͞ΕΔͳΒ͹ खؒΛল͚Δ ҙਤ ੹೚
39. © 2026 usagimaru ੍࡞ ੜ੒
40. © 2026 usagimaru ੍࡞ ੜ੒
41. © 2026 usagimaru ੍࡞ ੜ੒ ମݧͷࠎ֨ Ϣʔεέʔε ίϯηϓτ ٕज़ ϩδοΫ Մ༻ੑ ֦ுੑ ΞΫηγϏϦςΟ ϓϥΠόγʔ ηΩϡϦςΟ ඼࣭ ҙ ਤ ੹ ೚
42. ମݧઃܭ © 2026 usagimaru
43. ମݧ৔໘ઃܭ © 2026 usagimaru
44. ମݧ৔໘ઃܭ © 2026 usagimaru Ϣʔβʔ͕ମݧ͢Δ“৔໘”ʹ͍ͭͯߟ͑Δ
45. © 2026 usagimaru 『Matrix風に緑の文字が流れる映像を作って』
46. © 2026 usagimaru 『Matrix風に緑の文字が流れる映像を作って』
47. © 2026 usagimaru Ͳ͏͍͏৔໘Λ૝ఆ͢Δ͔ʁ ڍಈ ༷ࢠ ҹ৅ ಈػ
48. © 2026 usagimaru Ͳ͏͍͏৔໘Λ૝ఆ͢Δ͔ʁ ڍಈ ༷ࢠ ҹ৅ ಈػ ユーザー視点で これらのスペックを考える
49. © 2026 usagimaru Ͳ͏͍͏৔໘Λ૝ఆ͢Δ͔ʁ ڍಈ ༷ࢠ ҹ৅ ಈػ ユーザー視点で これらのスペックを考える 必要な設計をAIと一緒に考える ✦ Ͳ͏ݟ͑Δ͔ ✦ Ͳ͏͍ͬͨ֓೦͔ ✦ Ϣʔβʔ͸ԿΛ͍͔ͨ͠ ✦ Ͳ͏͍͏ϩδοΫ͔ ✦ ͲͷΑ͏ͳٕज़ʹج͔ͮ͘ ✦ ߏ଄ͱ໾ׂ ΠϯλʔϑΣΠεઃܭͷ ΞʔΩςΫνϟ γεςϜઃܭͷΞʔΩςΫνϟ
50. © 2026 usagimaru ੍࡞
51. ୭΋͕ň෩ʼnͷ΋ͷΛ࡞ΕΔ࣌୅ʹඞཁͳ ͭ͘ΔͨΊͷଶ౓ w w w w w © 2026 usagimaru
52. © 2026 usagimaru 『なぜつくるのか？』 『誰のためにつくるのか？』 『誰かが幸せになれるか？』