Slide 1

Slide 1 text

ྑ͍σβΠϯͷͨΊͷ ϚΠϯυηοτͷ࡞Γํ CSS Nite in Sapporo, vol.22 ʮσβΠϯΛޠΔ༦΂ʯ 2 0 1 9 . 0 6 . 2 8 @ T e n t o T e n S A P P O R O S T A T I O N Wataru Machishima

Slide 2

Slide 2 text

΍Γ࢝ΊΔͱ΍Δؾ͕ग़Δ
 ͬͯຊ౰Ͱ͠ΐ͏͔ʁ 2 Q.

Slide 3

Slide 3 text

ຊ౰Ͱ͢ɻ 3 A.

Slide 4

Slide 4 text

ਓ͕ؒମΛಈ͔͢ͱɺ
 ೴͕࡞ۀʹ߹Θͤͨ׆ੑԽϞʔυʹೖΔɻ ͜ΕΛʮ࡞ۀڵฃʯͱ͍͏ɻ 4

Slide 5

Slide 5 text

ਓؒͷ೴ͷੑ࣭Λ࢖͍͜ͳ͢ 5

Slide 6

Slide 6 text

6 ଴ౡ ࿱ɹ·ͪ͠· ΘͨΔ גࣜձࣾGear8 ΢ΣϒσΟϨΫλʔ
 ΢ΣϒαΠτͷλʔήοτ΍໨తɺ఻͑Δ΂͖ίϯςϯπͳͲɺ
 ϫʔΫγϣοϓΛ௨ͯ͠ΫϥΠΞϯτͱҰॹʹߦ͏اըઃܭ͕ಘҙɻ ը໘ઃܭ͸XDɻλεΫ؅ཧ͸ToistͱBacklog͕޷͖ɻ ࢀՃͨ͠ΠϕϯτͷάϥϨί͕झຯɻ
 هࣄΛॻ͘ͷ͸͕͔͔࣌ؒΔํɻ ࣗݾ঺հ

Slide 7

Slide 7 text

7 GRAPHIC RECORDING EVENT & SEMINAR https://note.mu/wattlaa

Slide 8

Slide 8 text

8 1.ྑ͍σβΠϯΛ࡞Δͷʹඞཁͳ΋ͷ 2.΍ΔؾεΠονΛΦϯʹ͢Δ 3.ΞΠσΞΛੜΉɺΠϯϓοτɾΞ΢τϓοτ 4.എதΛԡ͢ɺ͠ͳ΍͔ϚΠϯυηοτ 5.·ͱΊ ໨࣍ INDEX

Slide 9

Slide 9 text

9 ྑ͍σβΠϯΛ ࡞Δͷʹඞཁͳ΋ͷ SECTION 01

Slide 10

Slide 10 text

10 “ ΛσβΠϯ͢Δ ”

Slide 11

Slide 11 text

11 “ ΛσβΠϯ͢Δ ” https://www.vivivit.com/entries/keiei-design-sheet

Slide 12

Slide 12 text

12 “ ΛσβΠϯ͢Δ ” https://www.vivivit.com/entries/keiei-design-sheet

Slide 13

Slide 13 text

ྑ͍σβΠϯʹ
 ඞཁͳ΋ͷͬͯʁ 13

Slide 14

Slide 14 text

اը ΞΠσΟΞ ίϛϡχέʔγϣϯ εϐʔυ Ծઆͱݕূ ੎͍ ΦϦδφϦςΟ ໨త ඒ͠͞ Θ͔Γ΍͢͞ ࡉ෦΁ͷͩ͜ΘΓ ϑϨʔϜϫʔΫ Ϟνϕʔγϣϯ ؀ڥ ೤ྔ

Slide 15

Slide 15 text

اը ΞΠσΟΞ Ϟνϕʔγϣϯ εϐʔυ Ծઆͱݕূ ੎͍ ೤ྔ ΦϦδφϦςΟ ໨త ඒ͠͞ Θ͔Γ΍͢͞ ࡉ෦΁ͷͩ͜ΘΓ ؀ڥ ϑϨʔϜϫʔΫ ίϛϡχέʔγϣϯ ࠓ೔͸͜ͷลΓͷ͓࿩

Slide 16

Slide 16 text

16 ΍ΔؾεΠονΛ Φϯʹ͢Δ SECTION 02

Slide 17

Slide 17 text

ਓ͕ؒମΛಈ͔͢ͱɺ
 ೴͕࡞ۀʹ߹Θͤͨ׆ੑԽϞʔυʹೖΔɻ ͜ΕΛʮ࡞ۀڵฃʯͱ͍͏ɻ 17

Slide 18

Slide 18 text

Ұ౓ݟͨ΋ͷΛʮ౰ͨΓલʯͱͯ͠
 ॲཧ͢Δ೴ͷ൓ԠΛೃԽʢ͡ΎΜ͔ʣͱݴ͏ɻ
 ଏʹݴ͏ϚϯωϦԽɻ 18

Slide 19

Slide 19 text

ʮΊΜͲ͍͘͞ʯΛϚϯωϦԽͤ͞Δͱɺ ͦΕ͕श׳ʹͳΔɻ 19 伴ʹͳΔͷ͕
 ୶૵ٿ

Slide 20

Slide 20 text

୶૵ٿʢͨΜͦ͏͖Ύ͏ʣͱ͸ ΍Δؾ͕ग़Δͱ͖ʹ׆ੑԽ͢Δ೴ͷ෦Ґɻ
 ҙࣝతʹ͸ಈ͔͢͜ͱ͕Ͱ͖ͳ͍͕ɺ
 ೴ͷผͷ෦ҐΛಈ͔͢͜ͱͰ׆ੑԽͰ͖Δɻ 20

Slide 21

Slide 21 text

୶૵ٿΛಈ͔͢ 4ͭͷ೴ͷεΠον 21

Slide 22

Slide 22 text

22 B I E R BODY IDEOMOTOR EXPERIENCE REWARD Body ମΛಈ͔͢ͱೖΔεΠονɻ ʮӡಈ໺ʯʹ͋Δɻ Reward ͝๙ඒ΍շײʹΑΓೖΔεΠονɻ ʮςάϝϯλʯʹ͋Δɻ Experience ͍ͭ΋ͱҧ͏͜ͱΛ͢ΔͱೖΔ εΠονɻʮւഅʯʹ͋Δɻ Ideomotor ͳΓ͖Δ͜ͱʹΑͬͯೖΔɹɹ εΠονɻʮલ಄༿ʯʹ͋Δɻ

Slide 23

Slide 23 text

BODYεΠον • ຾ͯ͘Կ΋ͨ͘͠ͳ͍࣌ɺ্ཱ͕ͪͬ ͯΈΔɻ • ݩؾ͕ͳ͍࣌ɺ࡞Γস͍Λͯ͠ΈΔɻ • σβΠϯ͕༕ᓔͰख͕෇͔ͳ͍࣌ɺ
 ΠϥϨΛ্ཱͪ͛ͯΈΔɻ 23 ମΛಈ͔͢ͱೖΔεΠονɻʮӡಈ໺ʯʹ͋Δɻ

Slide 24

Slide 24 text

EXPERIENCEεΠον μΠΤοτͷͨΊͷϥϯχϯάΛ • ԻָΛௌ͖ͳ͕Β΍Δ • ΤϨϕʔλʔʹ৐Βͣʹ֊ஈΛ࢖͏ • ҰӺา͍ͯؼΔ 24 ͍ͭ΋ͱҧ͏͜ͱΛ͢ΔͱೖΔɻʮւഅʯʹ͋Δɻ

Slide 25

Slide 25 text

EXPERIENCEεΠον μΠΤοτͷͨΊͷϥϯχϯάΛ • ԻָΛௌ͖ͳ͕Β΍Δ • ΤϨϕʔλʔʹ৐Βͣʹ֊ஈΛ࢖͏ • ҰӺา͍ͯؼΔ 25 ͍ͭ΋ͱҧ͏͜ͱΛ͢ΔͱೖΔεΠονɻ ϚϯωϦԽʹؾ͍ͮͨΒ ͪΐͬͱͨ͠ҧ͍Λҙࣝ͢Δ ͚ͩͰ΍Δؾ͕໭ͬͯ͘Δ

Slide 26

Slide 26 text

REWARDεΠον • ೲ඼ޙͷϏʔϧɺϘʔφεͰ ཱྀߦ • ޷͖ͳԻָΛௌ͘ • ๙ΊΒΕΔɺୡ੒͢ΔͳͲͷ ܗͷͳ͍͝๙ඒ΋OK 26 ͝๙ඒ΍շײʹΑͬͯೖΔɻʮςάϝϯλʯʹ͋Δɻ

Slide 27

Slide 27 text

IDEOMOTORεΠον • ಌΕͷਓʹͳΓ͖Δ • ͳΓ͍ͨࣗ෼ʹͳͬͨ࢟Λ
 Πϝʔδ͢Δ 27 ͳΓ͖Δ͜ͱʹΑͬͯೖΔɻʮલ಄༿ʯʹ͋Δɻ

Slide 28

Slide 28 text

୶૵ٿ ʹ ΍ΔؾεΠον 28

Slide 29

Slide 29 text

29 ΞΠσΞΛੜΉɺ ΠϯϓοτɾΞ΢τϓοτ SECTION 03

Slide 30

Slide 30 text

ຊΛಡΉ͜ͱ तۀΛड͚Δ͜ͱ ԻָΛௌ͘͜ͱ 30 INPUT

Slide 31

Slide 31 text

υϦϧΛղ͘͜ͱ ϊʔτʹ·ͱΊΔ͜ͱ ༑ୡʹγΣΞ͢Δ͜ͱ 31 OUTPUT

Slide 32

Slide 32 text

32 INPUT OUTPUT 20% 80% Πϯϓοτ2ׂɺΞ΢τϓοτ8ׂΛҙࣝ͢Δ

Slide 33

Slide 33 text

ޮ཰తͳΞ΢τϓοτ 33

Slide 34

Slide 34 text

৽ͨʹ஌ͬͨ͜ͱΛɺ 2िؒͰ3ճҎ্Ξ΢τϓοτΛ͢Δͱɺ ೴ʹهԱͱͯ͠ఆண͠΍͘͢ͳΔɻ 34

Slide 35

Slide 35 text

৽ͨʹ஌ͬͨ͜ͱΛɺ 2िؒͰ3ճҎ্Ξ΢τϓοτΛ͢Δͱɺ ೴ʹهԱͱͯ͠ఆண͠΍͘͢ͳΔɻ 35 ظؒ ճ਺

Slide 36

Slide 36 text

ࣖʹͯ͠ʮ͍͍ͳʯͱࢥͬͨ৘ใ͸ɺ ୹͍ظؒͷؒʹ ͳΜΒ͔ͷߦಈΛى͜͢͜ͱͰ਎ʹͳΔɻ 36

Slide 37

Slide 37 text

TWITTER͸௒ޮ཰త 37

Slide 38

Slide 38 text

ࣗ෼͕޷͖ͳਓɺଚܟ͢ΔਓΛϑΥϩʔ͢Δ ࣗ෼͕޷͖ͳਓɺଚܟ͢Δਓ͕ ϑΥϩʔ͍ͯ͠ΔਓΛɺϑΥϩʔ͢Δ 38 INPUT

Slide 39

Slide 39 text

৮Εͨ৘ใʹؔ͢Δ ࣗ෼ͷߟ͑ΛπΠʔτ͢Δ ߟ͑Λϒϩά΍noteͳͲʹ·ͱΊͯ ͦΕΛπΠʔτ͢Δ 39 OUTPUT

Slide 40

Slide 40 text

40 എதΛԡ͢ɺ
 ͠ͳ΍͔ϚΠϯυηοτ SECTION 04

Slide 41

Slide 41 text

41 ߗ ௚ Ϛ Π ϯ υ η ο τ ͠ ͳ ΍ ͔ Ϛ Π ϯ υ η ο τ

Slide 42

Slide 42 text

ߗ௚ ϚΠϯυηοτ ਓͷՁ஋͸ܾ·Γ͖ͬͨ΋ͷ ਓੜ͸ݡ͞ͷূ໌ͷ࿈ଓ ೳྗ͸ม͑Α͏͕ͳ͍ࢿ࣭ 42 ͠ͳ΍͔ ϚΠϯυηοτ ਓ͸੒௕͢Δ΋ͷ ਓੜ͸৽ֶ͍͠ͼͷ࿈ଓ ೳྗ͸ࣗ෼ͰҭͯΒΕΔ΋ͷ

Slide 43

Slide 43 text

͠ͳ΍͔ϚΠϯυηοτΛ࡞Δ 1ճͰ100఺ͷ΋ͷΛੜΈग़͞ͳͯ͘OK ϑΟʔυόοΫΛड͚ͯਫ਼౓ΛߴΊ͍ͯ͘ ଞऀ͔ΒͷࢦఠΛͻͱͭͰྑ͍ͷͰड͚ೖΕΔ 43

Slide 44

Slide 44 text

44 ·ͱΊ SECTION 05

Slide 45

Slide 45 text

ྑ͍σβΠϯΛੜΈग़͢ʹ͸ɺ ৺ཧత؀ڥΛ੔͑Δ͜ͱ͕ॏཁɻ ྑ͍؀ڥΛ࡞Γग़͢ʹ͸ɺ ਓؒͷ೴ͷ࢓૊Έ΍ηΦϦʔΛ ར༻͢Δͷ͕ޮ཰తɻ 45

Slide 46

Slide 46 text

Ϟνϕʔγϣϯ͕Լ͕ͬͨ࣌ʹͦ͜ɺ ೴ͷੑ࣭Λར༻͢Δ͜ͱͰ ࣗ෼ΛίϯτϩʔϧͰ͖Δɻ 46

Slide 47

Slide 47 text

೔ʑͷੜ׆ʹऔΓೖΕͯɺ ϕετͳ͋ͳͨΛσβΠϯ͠Α͏ɻ 47

Slide 48

Slide 48 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ Wataru Machishima HTTPS://WWW.FACEBOOK.COM/MACHISHIMA @WATTLAA HTTPS://NOTE.MU/WATTLAA FOLLOW ME, PLEASE!