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

デザイナーの方々も ( webサービス・システムにおける ) プロトタイピングを是非やってみようというお話。

1. ΤϯδχΞ͔ΒσβΠφʔʹଃΔ
   ϓϩτλΠϐϯάͷ͢͢Ί ࢁా
   ௚थ
   
   !XBLBNTIB
   גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ
    य़ͷϑϩϯτΤϯυࡇΓ
   
   
2.  ࣗݾ঺հ
    ͜Ε·Ͱͷ
   8FC
   ੍࡞ݱ৔͋Δ͋Δ
    "EPCF
   ."9
   
    σβΠφʔͷ͜Ε͔Β͋Δ΂͖࢟ͱ͸
    ϓϩτλΠϐϯάͷඞཁੑ
    ͓ΘΓʹ "HFOEB
3. ࣗݾ঺հ Զͷ໊લΛݴͬͯΈΖ
4. ࣗݾ঺հ
   ࢁా௚थ
   ϠϚμφΦΩ
   
   !XBLBNTIB
   גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ
   ϑϩϯτΤϯυΤϯδχΞ
   )5.-
   $44
   +BWB4DSJQU
   6*
   
   69
   4$44
   5ZQF4DSJQU
   "OHVMBS+4
   3VCZ
   PO
   3BJMT
   FUDʜ
5. https://ryorisapuri.jp
7. http://tech.recruit-mp.co.jp /&5
   #*;
   %*7
   5&$)
   #-0(
9. ͜Ε·Ͱͷ
   8FC
   ੍࡞ݱ৔͋Δ͋Δ
10. σβΠϯΧϯϓ ύʔπ 8FCϖʔδ Α͋͘ΔͰ͋Ζ͏Ұൠతͳ
    8FC
    ܥ੍࡞ͷྲྀΕ
11. 㱠
12. 㱠 ίϨδϟφΠ
    ɾТɾA
13. σβΠϯΧϯϓʹ͋ΔҙਤશͯΛଞऀ͕἞ΈऔΔͷ͸ͱͯ΋ࠔ೉ ൓ରʹશͯͷσβΠϯҙਤΛ
    ࿙Εແ͘
    
    Θ͔Γ΍͘͢੝ΓࠐΉͷ΋ඇݱ࣮త
14. ͍͔ʹૣ͍ஈ֊͔Β࣮ࡍʹಈ͘΋ͷΛ͍͔ʹ࡞Γɺ
    ͦͯ͠՝୊Λݟ͚ͭͯ࡞Γͳ͓͢ͱ͍͏αΠΫϧΛ୔ࢁճͤΔ͔͕ΩϞ
15. ෼ۀͰ͸ͳ͘ҰਓͰෳ਺ͷλεΫΛ͜ͳ͢
    εϐʔυΛ্͛Δʹ͸େਓ਺ΑΓ΋গਓ਺
16. ઃܭ·ͰؚΊͯ૯߹తʹσβΠϯͰ͖Δਓ 8FC
    ੍࡞ݱ৔ͰٻΊΒΕ͍ͯΔ΋ͷ
17. ɾТɾʆ
    ʜ ۩ମతʹͲ͏͢ΓΌ͍͍ͷ͞ʁ
18. "EPCF
    ."9
    
    ʹ
    ࢀՃ͖ͯ͠·ͨ͠ 
    
     ܦඅʂܦඅʂ
19. 8IBU`T
    "EPCF
    ."9
    
    
20. 8IBU`T
    "EPCF
    ."9
    
    ΞυϏγεςϜζࣾ࠷େͷٕज़ΧϯϑΝϨϯε
    ΞυϏ੡඼ͷ࠷৽৘ใΛൃද
    ֤छ
    5FDI
    5BML
    ݱ஍ͳΒͼʹੈքத͔Βू·ΔτοϓϨϕϧͷ ٕज़ऀͨͪͱͷ௚઀ަྲྀͷ৔
21. 8IBU`T
    "EPCF
    ."9
    
    ΫϦΤΠςΟϒۀքͷϦʔμʔɺσβΠφʔɺ 8FCσΟϕϩούʔͳͲ
    ੈքத͔Βຖ೥ ਓҎ্͕ࢀՃ
    σδλϧίϯςϯπΛ࡞੒͢Δ্ͰඞਢͱͳΔ
    ࠷৽ͷςΫχοΫ΍ςΫϊϩδʔΛशಘ͢Δ
    ઈ޷ͷػձ
24.  4FTTJPOT
    
    -BCT
25.  4QFBLFST
28. σβΠφʔ͕
    8FC
    ۀքͰ
    ߋʹͦͷՁ஋ΛߴΊΔʹ͸Ͳ͏͢Δ΂͖͔Λ ੡඼ͱڞʹఏҊ "EPCF
    ."9
    
29. ৭ʑͱऩ֭ͷଟ͍ΠϕϯτͰͨ͠ ࠓ೥΋·ͨߦ͖͍ͨ
30. ͜Ε͔ΒͷσβΠφʔͷ
    ͋Δ΂͖࢟ͱ͸ʁ
31. ʰάϥϑΟοΫʹ͍ͭͯษڧ͖ͯ͠·ͨ͠ʱ
    ʰσοαϯྗʹࣗ৴͋Γ·͢ʱ %FTJHOFS
32. ʜʜ ʰάϥϑΟοΫʹ͍ͭͯษڧ͖ͯ͠·ͨ͠ʱ
    ʰσοαϯྗʹࣗ৴͋Γ·͢ʱ
33. "OJNBUJPO -BZFS 5SBOTJUJPO
34. "OJNBUJPO -BZFS 5SBOTJUJPO ͜ΕΒ͢΂ͯΛ
    ػೳͱͯ͠σβΠϯ͢Δ͜ͱ͕ෆՄܽ
35. ઃܭ·ͰؚΊͯ૯߹తʹσβΠϯͰ͖Δਓ 8FC
    ੍࡞ݱ৔ͰٻΊΒΕ͍ͯΔ΋ͷ
36. ϓϩτλΠϐϯάͷ
    ඞཁੑ
37. ϓϩτλΠϐϯάͷඞཁੑ
    σβΠφʔͷଘࡏҙٛ͸
    6*
    Λҙࣝͯ͠ϓϩτλΠϐϯά͠ଓ͚Δ͜ͱ ৬छ໰ΘͣϓϩτλΠϐϯάग़དྷΔਓ͸
    رগՁ஋
38. ϓϩτλΠϐϯά͕ḿΔ
    "EPCF
    ͷπʔϧ
39. &EHF
    "OJNBUF
    $$
40. &EHF
    "OJNBUF
    $$ ը૾ɾςΩετɾਤܗΛίʔυΛҰ੾ॻ͔ͣ ʹΞχϝʔγϣϯͤ͞Δ͜ͱ͕ग़དྷΔ )5.-
    Ξχϝʔγϣϯ࡞੒πʔϧ
41. &EHF
    "OJNBUF
    $$ ࠷ऴతʹ
    )5.-
    $44
    +BWB4DSJQU
    ϑΝΠϧ ͱͯ͠ग़ྗ͞ΕΔ 6*
    ͸
    'MBTI
    ͱຆͲಉ͡Ͱ
    λΠϜϥΠϯͰΞχϝʔγϣϯΛ੍ޚ
42. %&.0 &EHF
    "OJNBUF
    $$
43. "EPCF
    .VTF
    $$
44. "EPCF
    .VTF
    $$ )5.- ίʔυΛҰߦ΋ॻ͘͜ͱͳ͘
    ࠷৽ͷ8FCඪ४ʹ४ڌͨ͠
    8FC
    αΠτ͕࡞ΕΔ άϥϑΟοΫσβΠφʔͷͨΊͷ
    8FC
    αΠτ࡞੒πʔϧ
45. "EPCF
    .VTF
    $$ )5.- ࠷ऴతʹ
    )5.-
    $44
    +BWB4DSJQU
    ϑΝΠϧ ͱͯ͠ग़ྗ͞ΕΔ *O%FTJHO
    ʹࣅͨ
    6*
    ͕ͩɺ
    ϑΥτγϣɾΠϥϨײ֮Ͱૢ࡞Մೳ
46. %&.0 "EPCF
    .VTF
    $$
47. ͓ΘΓʹ
    
    ϓϩμΫτΛϦʔυ͢ΔଘࡏʹͳΖ͏
    
49. )5.- .BUFSJBM
    %FTJHO
    ͸૷০తͳσβΠϯ͸ຆͲແ͚Ε͹
    τʔϯϚφʔ΋·ͩ·ͩ஍ຯ໨ͳҹ৅͕ͩɺ
    Ξχϝʔγϣϯ͕ඇৗʹણࡉ͔ͭμΠφϛοΫͳͷ͕ಛ௃
    ·͞ʹಈ͖ͦͷ΋ͷΛσβΠϯ͍ͯ͠Δͱݴ͑Δ
50. 6*
    ઃܭ
    ϏδϡΞϧσβΠϯ
    ΠϯλϥΫγϣϯσβΠϯ
    ϓϩτλΠϐϯά %FTJHOFS
51. ϓϩτλΠϐϯά͸ઃܭ
    ઃܭ·ͰؚΊͯ૯߹తʹσβΠϯ
    cc
    ϓϩμΫτΛϦʔυ͢Δଘࡏ %FTJHOFS
52. 5IBOL
    ZPV ͝ਗ਼ௌ༗೉͏͍͟͝·͢