エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015

Slide 1

Slide 1 text

ΤϯδχΞ͔ΒσβΠφʔʹଃΔ ϓϩτλΠϐϯάͷ͢͢Ί ࢁా௚थ!XBLBNTIB גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ य़ͷϑϩϯτΤϯυࡇΓ

Slide 2

Slide 2 text

ࣗݾ঺հ ͜Ε·Ͱͷ8FC੍࡞ݱ৔͋Δ͋Δ "EPCF."9 σβΠφʔͷ͜Ε͔Β͋Δ΂͖࢟ͱ͸ ϓϩτλΠϐϯάͷඞཁੑ ͓ΘΓʹ "HFOEB

Slide 3

Slide 3 text

ࣗݾ঺հ Զͷ໊લΛݴͬͯΈΖ

Slide 4

Slide 4 text

ࣗݾ঺հ ࢁా௚थ ϠϚμφΦΩ !XBLBNTIB גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ ϑϩϯτΤϯυΤϯδχΞ )5.- $44 +BWB4DSJQU 6*69 4$44 5ZQF4DSJQU "OHVMBS+4 3VCZPO3BJMT FUDʜ

Slide 5

Slide 5 text

https://ryorisapuri.jp

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

http://tech.recruit-mp.co.jp /&5#*;%*75&$)#-0(

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

͜Ε·Ͱͷ 8FC੍࡞ݱ৔͋Δ͋Δ

Slide 10

Slide 10 text

σβΠϯΧϯϓ ύʔπ 8FCϖʔδ Α͋͘ΔͰ͋Ζ͏Ұൠతͳ8FCܥ੍࡞ͷྲྀΕ

Slide 11

Slide 11 text

㱠

Slide 12

Slide 12 text

㱠 ίϨδϟφΠ ɾТɾA

Slide 13

Slide 13 text

σβΠϯΧϯϓʹ͋ΔҙਤશͯΛଞऀ͕἞ΈऔΔͷ͸ͱͯ΋ࠔ೉ ൓ରʹશͯͷσβΠϯҙਤΛ ࿙Εແ͘Θ͔Γ΍͘͢੝ΓࠐΉͷ΋ඇݱ࣮త

Slide 14

Slide 14 text

͍͔ʹૣ͍ஈ֊͔Β࣮ࡍʹಈ͘΋ͷΛ͍͔ʹ࡞Γɺ ͦͯ͠՝୊Λݟ͚ͭͯ࡞Γͳ͓͢ͱ͍͏αΠΫϧΛ୔ࢁճͤΔ͔͕ΩϞ

Slide 15

Slide 15 text

෼ۀͰ͸ͳ͘ҰਓͰෳ਺ͷλεΫΛ͜ͳ͢ εϐʔυΛ্͛Δʹ͸େਓ਺ΑΓ΋গਓ਺

Slide 16

Slide 16 text

ઃܭ·ͰؚΊͯ૯߹తʹσβΠϯͰ͖Δਓ 8FC੍࡞ݱ৔ͰٻΊΒΕ͍ͯΔ΋ͷ

Slide 17

Slide 17 text

ɾТɾʆ ʜ ۩ମతʹͲ͏͢ΓΌ͍͍ͷ͞ʁ

Slide 18

Slide 18 text

"EPCF."9ʹ ࢀՃ͖ͯ͠·ͨ͠ ܦඅʂܦඅʂ

Slide 19

Slide 19 text

8IBU`T"EPCF."9

Slide 20

Slide 20 text

8IBU`T"EPCF."9 ΞυϏγεςϜζࣾ࠷େͷٕज़ΧϯϑΝϨϯε ΞυϏ੡඼ͷ࠷৽৘ใΛൃද ֤छ5FDI5BML ݱ஍ͳΒͼʹੈքத͔Βू·ΔτοϓϨϕϧͷ ٕज़ऀͨͪͱͷ௚઀ަྲྀͷ৔

Slide 21

Slide 21 text

8IBU`T"EPCF."9 ΫϦΤΠςΟϒۀքͷϦʔμʔɺσβΠφʔɺ 8FCσΟϕϩούʔͳͲ ੈքத͔Βຖ೥ ਓҎ্͕ࢀՃ σδλϧίϯςϯπΛ࡞੒͢Δ্ͰඞਢͱͳΔ ࠷৽ͷςΫχοΫ΍ςΫϊϩδʔΛशಘ͢Δ ઈ޷ͷػձ

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

4FTTJPOT-BCT

Slide 25

Slide 25 text

4QFBLFST

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

σβΠφʔ͕8FCۀքͰ ߋʹͦͷՁ஋ΛߴΊΔʹ͸Ͳ͏͢Δ΂͖͔Λ ੡඼ͱڞʹఏҊ "EPCF."9

Slide 29

Slide 29 text

৭ʑͱऩ֭ͷଟ͍ΠϕϯτͰͨ͠ ࠓ೥΋·ͨߦ͖͍ͨ

Slide 30

Slide 30 text

͜Ε͔ΒͷσβΠφʔͷ ͋Δ΂͖࢟ͱ͸ʁ

Slide 31

Slide 31 text

ʰάϥϑΟοΫʹ͍ͭͯษڧ͖ͯ͠·ͨ͠ʱ ʰσοαϯྗʹࣗ৴͋Γ·͢ʱ %FTJHOFS

Slide 32

Slide 32 text

ʜʜ ʰάϥϑΟοΫʹ͍ͭͯษڧ͖ͯ͠·ͨ͠ʱ ʰσοαϯྗʹࣗ৴͋Γ·͢ʱ

Slide 33

Slide 33 text

"OJNBUJPO -BZFS 5SBOTJUJPO

Slide 34

Slide 34 text

"OJNBUJPO -BZFS 5SBOTJUJPO ͜ΕΒ͢΂ͯΛ ػೳͱͯ͠σβΠϯ͢Δ͜ͱ͕ෆՄܽ

Slide 35

Slide 35 text

ઃܭ·ͰؚΊͯ૯߹తʹσβΠϯͰ͖Δਓ 8FC੍࡞ݱ৔ͰٻΊΒΕ͍ͯΔ΋ͷ

Slide 36

Slide 36 text

ϓϩτλΠϐϯάͷ ඞཁੑ

Slide 37

Slide 37 text

ϓϩτλΠϐϯάͷඞཁੑ σβΠφʔͷଘࡏҙٛ͸ 6*Λҙࣝͯ͠ϓϩτλΠϐϯά͠ଓ͚Δ͜ͱ ৬छ໰ΘͣϓϩτλΠϐϯάग़དྷΔਓ͸ رগՁ஋

Slide 38

Slide 38 text

ϓϩτλΠϐϯά͕ḿΔ "EPCFͷπʔϧ

Slide 39

Slide 39 text

&EHF"OJNBUF$$

Slide 40

Slide 40 text

&EHF"OJNBUF$$ ը૾ɾςΩετɾਤܗΛίʔυΛҰ੾ॻ͔ͣ ʹΞχϝʔγϣϯͤ͞Δ͜ͱ͕ग़དྷΔ )5.-Ξχϝʔγϣϯ࡞੒πʔϧ

Slide 41

Slide 41 text

&EHF"OJNBUF$$ ࠷ऴతʹ)5.- $44 +BWB4DSJQUϑΝΠϧ ͱͯ͠ग़ྗ͞ΕΔ 6*͸'MBTIͱຆͲಉ͡Ͱ λΠϜϥΠϯͰΞχϝʔγϣϯΛ੍ޚ

Slide 42

Slide 42 text

%&.0 &EHF"OJNBUF$$

Slide 43

Slide 43 text

"EPCF.VTF$$

Slide 44

Slide 44 text

"EPCF.VTF$$ )5.- ίʔυΛҰߦ΋ॻ͘͜ͱͳ͘ ࠷৽ͷ8FCඪ४ʹ४ڌͨ͠8FCαΠτ͕࡞ΕΔ άϥϑΟοΫσβΠφʔͷͨΊͷ 8FCαΠτ࡞੒πʔϧ

Slide 45

Slide 45 text

"EPCF.VTF$$ )5.- ࠷ऴతʹ)5.- $44 +BWB4DSJQUϑΝΠϧ ͱͯ͠ग़ྗ͞ΕΔ *O%FTJHOʹࣅͨ6*͕ͩɺ ϑΥτγϣɾΠϥϨײ֮Ͱૢ࡞Մೳ

Slide 46

Slide 46 text

%&.0 "EPCF.VTF$$

Slide 47

Slide 47 text

͓ΘΓʹ ϓϩμΫτΛϦʔυ͢ΔଘࡏʹͳΖ͏

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

)5.- .BUFSJBM%FTJHO͸૷০తͳσβΠϯ͸ຆͲແ͚Ε͹ τʔϯϚφʔ΋·ͩ·ͩ஍ຯ໨ͳҹ৅͕ͩɺ Ξχϝʔγϣϯ͕ඇৗʹણࡉ͔ͭμΠφϛοΫͳͷ͕ಛ௃ ·͞ʹಈ͖ͦͷ΋ͷΛσβΠϯ͍ͯ͠Δͱݴ͑Δ

Slide 50

Slide 50 text

6*ઃܭ ϏδϡΞϧσβΠϯ ΠϯλϥΫγϣϯσβΠϯ ϓϩτλΠϐϯά %FTJHOFS

Slide 51

Slide 51 text

ϓϩτλΠϐϯά͸ઃܭ ઃܭ·ͰؚΊͯ૯߹తʹσβΠϯ cc ϓϩμΫτΛϦʔυ͢Δଘࡏ %FTJHOFS

Slide 52

Slide 52 text

5IBOLZPV ͝ਗ਼ௌ༗೉͏͍͟͝·͢