Slide 1

Slide 1 text

ʰAI࣌୅ͷUXઃܭͱ͸ʱ https://findy.connpass.com/event/385800/ 2026.3.26 ઃܭͱ੍࡞ ҙਤΛܗʹද͢ © 2026 Satori MARU #Designengineer_findy usagimaru

Slide 2

Slide 2 text

© 2026 Satori MARU ιϑτ΢ΣΞσβΠφʔ / σϕϩούʔ usagimaru גࣜձࣾλΠϜϥϘ @usagimaru @usagimaruma clickandmagic.com ! ! ιϑτ΢ΣΞσβΠϯ UI / ৘ใΞʔΩςΫνϟ / ΠϯλϥΫγϣϯ AppleϓϥοτϑΥʔϜͰͷΞϓϦ։ൃ ߨԋɺࣥච׆ಈɺΠϕϯτӡӦ΄͔ ιϑτ΢ΣΞΤϯδχΞϦϯά ίϛϡχέʔγϣϯ

Slide 3

Slide 3 text

© 2026 usagimaru ৘ใઃܭ usagimaru ΠϯλϥΫγϣϯઃܭ GUI macOS AppKit Swift iOS

Slide 4

Slide 4 text

© 2026 Satori MARU モデルベースUIデザイン 構造化UIと情報設計の⽅法論 ᠳӭࣾ ࢴ൛ɾిࢠ൛͕֤ॻళͰൃചத ISBN978-4-7981-8268-1 https://www.shoeisha.co.jp/book/detail/9784798182681 amazon.co.jp " ۙஶ

Slide 5

Slide 5 text

© 2026 usagimaru ϚΠφϏग़൛ʮWeb Designingʯࢽ 2025೥10݄߸ ܝࡌ ग़ԋ౳

Slide 6

Slide 6 text

© 2026 usagimaru ϚΠφϏग़൛ʮMac Fanʯࢽ 2024೥7݄߸ ܝࡌ ग़ԋ౳

Slide 7

Slide 7 text

© 2026 usagimaru AI

Slide 8

Slide 8 text

© 2026 usagimaru

Slide 9

Slide 9 text

© 2026 usagimaru AI engineer

Slide 10

Slide 10 text

© 2026 usagimaru AI engineer AI product

Slide 11

Slide 11 text

© 2026 usagimaru AI engineer AI product AIਓࡐ AI౥ࡌ Prompt engineering AI experience AI Slop

Slide 12

Slide 12 text

© 2026 usagimaru OK.

Slide 13

Slide 13 text

© 2026 usagimaru ग़యɿhttps://ac-mall.jp/eggd-0005 1980೥୅

Slide 14

Slide 14 text

© 2026 usagimaru UX

Slide 15

Slide 15 text

© 2026 usagimaru UX design

Slide 16

Slide 16 text

© 2026 usagimaru UX design UX tools UX motion UX principles UX strate UX research Elements of UX UI/UX

Slide 17

Slide 17 text

© 2026 usagimaru OK.

Slide 18

Slide 18 text

όζϫʔυͰགྷΔͷͰ͸ͳ͘ lͭ͘Δ͜ͱzͷຊ࣭Λߟ͍͑ͨ © 2026 usagimaru #$

Slide 19

Slide 19 text

Vibe coding © 2026 usagimaru

Slide 20

Slide 20 text

© 2026 usagimaru

Slide 21

Slide 21 text

© 2026 usagimaru ଟ͘ͷखೖΕ ਪଌ ֓೦ఆٛ ઃܭϧʔϧ ߏஙखॱ ਐḿ؅ཧ ඼࣭ఆٛ ඼࣭؅ཧ ໋໊ ମݧ৔໘ઃܭ σΟϨΫγϣϯྗ

Slide 22

Slide 22 text

ɹΤʔδΣϯτΛૢΔ͜ͱ͸େม͕ͩɺ lͭ͘Δ͜ͱzʹมΘΓͳ͍ͷͰ͸ʁ © 2026 usagimaru

Slide 23

Slide 23 text

ͭ͘Δ଎౓্͕͕ͬͯŊָ͍͠ʂ © 2026 usagimaru γϯϓϧʹŊ

Slide 24

Slide 24 text

ݴ༿Λղ͘ © 2026 usagimaru

Slide 25

Slide 25 text

© 2026 usagimaru UI / UX

Slide 26

Slide 26 text

© 2026 usagimaru UI UX ਓ޻෺ ෺Ͱ͸ͳ͍ ৮ΕΔ ৮Εͳ͍ ੡඼ͷҰ෦ ৺ͷதͷग़དྷࣄ ٬ମ ओମ

Slide 27

Slide 27 text

© 2026 usagimaru Image: SparkFun Electronics www.flickr.com/photos/sparkfun/9465865873

Slide 28

Slide 28 text

© 2026 usagimaru Image: SparkFun Electronics www.flickr.com/photos/sparkfun/9465865873 ͜Ε͸ϢʔβʔମݧʢUXʣͰ͸ͳ͍ ͜ΕΛ࡞Δ͜ͱ΋ϢʔβʔମݧͰ͸ͳ͍

Slide 29

Slide 29 text

© 2026 usagimaru ࢲ͕ͨͪ ͭ͘Δ΋ͷ ݱ࣮ʹ ΋ͨΒ͞ΕΔ݁Ռ UI UX ҹ৅ ࣭ײ ײ৮ ҙຯ ཧղ Ձ஋

Slide 30

Slide 30 text

© 2026 usagimaru ମݧ΍ܦݧ͸ेਓे৭ շద ෆշ ·͋·͋ ྑ͍ ಛʹ… ਓؒͷ৺ͷ͜ͱ͔ͩΒɺਓؒͷ਺͚ͩମݧ͕ଘࡏ͢Δ ͦͷ͢΂ͯΛ୭͔͕“ઃܭ”͢Δ͜ͱ͸ݱ࣮తͰͳ͍

Slide 31

Slide 31 text

© 2026 usagimaru UX design UXσβΠϯ

Slide 32

Slide 32 text

© 2026 usagimaru Design for UX ϢʔβʔମݧͷͨΊͷσβΠϯ

Slide 33

Slide 33 text

© 2026 usagimaru Α͍ମݧ͕ੜ·ΕΔ؀ڥ Λͭ͘Δ

Slide 34

Slide 34 text

© 2026 usagimaru ੍࡞

Slide 35

Slide 35 text

© 2026 usagimaru ੍࡞ ੍࡞ऀ͕ҙਤΛ࣋ͬͯબ୒͠ ܗʹ͢Δϓϩηε

Slide 36

Slide 36 text

© 2026 usagimaru ੍࡞ ੍࡞ऀ͕ҙਤΛ࣋ͬͯબ୒͠ ܗʹ͢Δϓϩηε ख͕͔͔ؒΔ

Slide 37

Slide 37 text

© 2026 usagimaru ੜ੒ ܗ͕ࣗಈతʹੜΈग़͞ΕΔͳΒ͹ खؒΛল͚Δ

Slide 38

Slide 38 text

© 2026 usagimaru ੜ੒ ܗ͕ࣗಈతʹੜΈग़͞ΕΔͳΒ͹ खؒΛল͚Δ ҙਤ ੹೚

Slide 39

Slide 39 text

© 2026 usagimaru ੍࡞ ੜ੒

Slide 40

Slide 40 text

© 2026 usagimaru ੍࡞ ੜ੒

Slide 41

Slide 41 text

© 2026 usagimaru ੍࡞ ੜ੒ ମݧͷࠎ֨ Ϣʔεέʔε ίϯηϓτ ٕज़ ϩδοΫ Մ༻ੑ ֦ுੑ ΞΫηγϏϦςΟ ϓϥΠόγʔ ηΩϡϦςΟ ඼࣭ ҙ ਤ ੹ ೚

Slide 42

Slide 42 text

ମݧઃܭ © 2026 usagimaru

Slide 43

Slide 43 text

ମݧ৔໘ઃܭ © 2026 usagimaru

Slide 44

Slide 44 text

ମݧ৔໘ઃܭ © 2026 usagimaru Ϣʔβʔ͕ମݧ͢Δ“৔໘”ʹ͍ͭͯߟ͑Δ

Slide 45

Slide 45 text

© 2026 usagimaru 『Matrix風に緑の文字が流れる映像を作って』

Slide 46

Slide 46 text

© 2026 usagimaru 『Matrix風に緑の文字が流れる映像を作って』

Slide 47

Slide 47 text

© 2026 usagimaru Ͳ͏͍͏৔໘Λ૝ఆ͢Δ͔ʁ ڍಈ ༷ࢠ ҹ৅ ಈػ

Slide 48

Slide 48 text

© 2026 usagimaru Ͳ͏͍͏৔໘Λ૝ఆ͢Δ͔ʁ ڍಈ ༷ࢠ ҹ৅ ಈػ ユーザー視点で これらのスペックを考える

Slide 49

Slide 49 text

© 2026 usagimaru Ͳ͏͍͏৔໘Λ૝ఆ͢Δ͔ʁ ڍಈ ༷ࢠ ҹ৅ ಈػ ユーザー視点で これらのスペックを考える 必要な設計をAIと一緒に考える ✦ Ͳ͏ݟ͑Δ͔ ✦ Ͳ͏͍ͬͨ֓೦͔ ✦ Ϣʔβʔ͸ԿΛ͍͔ͨ͠ ✦ Ͳ͏͍͏ϩδοΫ͔ ✦ ͲͷΑ͏ͳٕज़ʹج͔ͮ͘ ✦ ߏ଄ͱ໾ׂ ΠϯλʔϑΣΠεઃܭͷ ΞʔΩςΫνϟ γεςϜઃܭͷΞʔΩςΫνϟ

Slide 50

Slide 50 text

© 2026 usagimaru ੍࡞

Slide 51

Slide 51 text

୭΋͕ň෩ʼnͷ΋ͷΛ࡞ΕΔ࣌୅ʹඞཁͳ ͭ͘ΔͨΊͷଶ౓ w w w w w © 2026 usagimaru

Slide 52

Slide 52 text

© 2026 usagimaru 『なぜつくるのか?』 『誰のためにつくるのか?』 『誰かが幸せになれるか?』

Slide 53

Slide 53 text

No content