水曜プロト 第9回「Figmaを使ってプロトタイプしてみよう！」(2023-08-23)

水曜プロト 第9回「Figmaを使ってプロトタイプしてみよう！」(2023-08-23)

Transcript

1. 水 WEDNESDAY PROTOTYPING 曜プロ ト
2. ʮԿ͔࡞ͬͯΈ͍͚ͨͲɺͲ͏΍ͬͯ࡞Δͷ͔Θ͔Βͳ͍ʯ ͱ͍͏͓೰ΈΛ͓࣋ͪͷํඞݟʂ
   ϓϩτλΠϓ࡞੒ͷָ͠͞Λ͓఻͑͢ΔΠϕϯτͰ͢ʂ
   ਫ༵೔ʹϓϩτλΠϐϯάΛָ͠ΉΠϕϯτͳͷͰɺ
   Πϕϯτ໊͸ʮਫ༵ϓϩτʯͰ͢ʂ ͜ͷΠϕϯτ͸ʜ
3. ຊ೔୲౰ͷΤϯδχΞΧϑΣͷίϛϡχςΟϚωʔδϟʔ
4. ʮ'JHNBΛ࢖ͬͯ
   ϓϩτλΠϓͯ͠ΈΑ͏ʯ ࠓճͷ͓୊͸ʜ
5. 'JHNB
   ͱ͸
6. 'JHNBͷ։ൃϞʔυ͕ൃද͞ΕͯΤϯδχΞք۾΋ 'JHNBΛ࢖ͬͯΈ͍ͨͱ͍͏ਓ͕૿͑ͨͷͰ͸ʁ
   ແྉ࿮ͰԿ͔ΞϓϦέʔγϣϯͷϓϩτλΠϓΛ
   'JHNBͰσβΠϯͯ͠Έ·͠ΐ͏ʂ
7. ʮ'JHNB
   ʯͰάά͍ͬͯͩ͘͞ $MJDL
9. ΞΧ΢ϯτ͕ͳ͍ํ͸
   ͓޷͖ͳํ๏Ͱ
   αΠϯΞοϓ͍ͩ͘͞ɻ
10. ϝʔϧΞυϨεͰऔಘ͞Εͨํ͸ϝʔϧΛ֬ೝ͢ΔΛΫϦοΫ
11. ࣗ෼ͷ৘ใΛ
    هೖͯ͠
    ࣍΁
14. ࣭໰ʹ౴͍͑ͯͬͯ
    ແྉ࿮ΛબΜͰ͍ͩ͘͞Ͷʂ
    
15. طʹΞΧ΢ϯτΛ͍࣋ͯΔਓͱ߹ΘͤΔͨΊɺҰ୴ด͡·͠ΐ͏
    
16. 'JHNBΛ։͍͍ͯͩ͘͞ɻ͢Δͱ͜ͷΑ͏ͳը໘ʹͳΓ·͢
    
17. 'JHKBNϘʔυͰ͸ͳ͘ɺσβΠϯϑΝΠϧΛ։͍͍ͯͩ͘͞ɻ
18. ແ୊ͷԼॻ͖͕։͖·͢ɻ͜͜ͰσβΠϯ͍͖ͯ͠·͢ʂ
19. ͲΜͳαΠτΛ࡞Ζ͏͔ʁ ࣗ෼ͷ޷͖ͳ͜ͱΛ୊ࡐʹ͠Α͏ ࠷ۙ΍ͬͨ޷͖ͳ͜ͱͬͯͳʹʁ ͦΕΛ୊ࡐʹϓϩτλΠϓ͠Α͏ Սۭͷձࣾͷ
    ίʔϙϨʔταΠτ
    ࡞Γ͕ͪʙ
21. ՄѪ͍ج൘͕࡞ΕΔαΠτͷ
    ϓϩτλΠϓΛ࡞੒͠·͢
22. ϑϨʔϜΛબ୒͠·͢ɻσεΫτοϓΛબΜͰ͍ͩ͘͞ ʢࢲ͸.BD#PPL1SPΛબͼ·͢ʣ
23. ՄѪ͍ج൘Λ࡞ΔαΠτͳͷͰαΠτ໊Λ,BXBJJ
    1$#ͱ͠·͠ΐ͏
24. ௕ํܗΛ࡞ͬͯΠϝʔδը૾Λഎܠʹ͠·͢ɻ
25. ϑΝΠϧʼը૾Λ഑ஔͰࣸਅΛஔ͖ɺ੍໿ͱಁաͤ͞·͠ΐ͏ɻ
26. ը૾ͷ഑ஔ͸γΣΠϓπʔϧͷͱ͜Ζʹ΋͋Γ·͢ɻ
27. ԾϩΰΛͦͷ··ίϐʔ͢ΔΑΓίϯϙʔωϯτʹ͠·͢
28. ϩΰΛӈΫϦοΫͯ͠ίϯϙʔωϯτͷ࡞੒Λબͼ·͢
29. ࣮͸ίϯϙʔωϯτʹ͢Δͷ͸͜ͷΞΠίϯΛΫϦοΫͰ0,
30. ίϯϙʔωϯτΛίϐʔ͢ΔͱɺΠϯελϯεʹͳΓ·͢ɻ
31. ίϯϙʔωϯτΛมߋ͢ΔͱΠϯελϯε΋มߋ͞Ε·͢
32. ϩΰͷେ͖͞Λม͍͑ͨͱ͖͸֦େॖখΛબΜͰେ͖͞Λม͑·͢
33. ࣍ʹϘλϯΛ࡞Γ·͢ɻ௕ํܗͱςΩετͰϘλϯΛͭ͘Γ·͢
34. ϗόʔͨ࣌͠ͷ৭Λ͔͍͑ͨͷͰ࿮ͷ֎ʹग़ͯ͠
    ςΩετʢDSFBUFʣͱ௕ํܗΛબ୒ͯ͠ίϯϙʔωϯτʹ͠·͢
35. ίϯϙʔωϯτʹͳͬͨΒɺόϦΞϯτ௥ՃϘλϯΛΫϦοΫ
36. Ϙλϯ͕̎ͭʹͳΓ·ͨ͠ɻ
37. $PNQPOFOUΛબ୒ִؒ͠Λ͚͋ͯݟ͑ΔΑ͏ʹ࿮ΛͻΖ͛·͢
38. Ξηοτͷํʹදࣔ͞Εͯ·͢ͷͰ࡞ͬͨϘλϯΛ഑ஔ͠·͠ΐ͏
39. தԝʹσβΠϯ͠ɺϓϩτλΠϓͰϗόʔͷઃఆΛ͠·͠ΐ͏
40. มԽͤ͞ΔϘλϯͱͭͳ͗ɺϚ΢εΦʔόʔΛબ୒͠·͢
41. ϓϩτλΠϓϏϡʔΛԡͯ͠ಈ࡞Λ֬ೝͯ͠Έ·͠ΐ͏
43. ϨΠϠʔΛબ୒͠NBD#PPL1SPzΛίϐϖͯ͠ϑϨʔϜΛ
    ૿΍ͯ͠༨෼ͳϩΰͱϘλϯΛ࡟আ͠·͢ɻ
44. ௕ํܗͷେ͖͞Λ✖̔̔̌ʹ͠·͢
45. ίϐϖͯ̏ͭ͠ʹ͠·͢ɻۉ౳ʹͳΔΑ͏ʹ഑ஔ͍ͯͩ͘͠͞
46. ͘΋ɹɹɹɹɹɹɹ͝͸Μɹɹɹɹɹɹ
    
    ͯ͛͞ ̎ͭ໨ͷϖʔδͷ༻్
    ̏ͭͷܕͷՄѪ͍ج൘Λબ΂ΔΑ͏ʹ͍ͨ͠ͱࢥ͍·͢
47. ը૾ΛషΓସ͑·͢ɻͦΕͧΕબ୒ͯ͠ը૾Λ഑ஔ͠·͠ΐ͏
48. ̏ͭͷج൘ͷΧλνΛͦΕͧΕషΓ·͢ɻ
49. ̏ͭͷΧλνΛ$-06%
    
    (0)"/
    ɹ#"(ɹͱ͠·͢ ςΩετΛબ୒ͦ͠ΕͧΕͷ໊લΛೖΕ͍͖ͯ·͠ΐ͏
50. ϑΥϯτͱαΠζΛมߋ͠ɺςΩετΛίϐ΃͠·͢ɻ
    ϨΠϠʔΛςΩετ͕දࣔ͞ΕΔΑ͏ʹมߋ͠·͢ɻ
51. 
    
    (0)"/
    ɹ#"(ʹςΩετΛมߋ͠
    ͦΕͧΕத৺ʹදࣔ͞ΕΔΑ͏ʹมߋ͠·͢ɻ
52. .BD#PPL1SPΛίϐϖ͠·͢
    ͢Δͱɺ.BD#PPL1SP͕࡞੒͞Ε·͢
53. 
    
    ̏ϖʔδ໨͸ج൘ͷ৭Λશ෦Ͱ̔ͭબ΂Δ࢓༷ʹ͠·͢ɻ
    
54. $-06%ͷը૾͚ͩ࢒ͯ͠ܗΛ੔͑·͢ɻ
55. ۉ౳ʹ̔ݸͷ$-06%Λ഑ஔ͠·͢ɻը૾Λ഑ஔ͠ͳ͓͠·͢
    
56. ͘΋ࡩQOHΛબΜͰ։͖·͢
    
57. ഑ஔ͍ͨ͠ͱ͜ΖʹΫϦοΫ͢Δͱ͘΋ࡩQOHΛ഑ஔͰ͖·͢
    
58. શ෦ͷ৭ͷ͘΋Λ഑ஔ͠·͠ΐ͏ʂ
    
59. ςΩετΛ4,63"ʹͯ͠഑ஔ͠·͠ΐ͏
    
60. ςΩετΛίϐϖ͠·͢
    
61. ͦΕͧΕͷ৭ͷ໊લΛೖΕ·͢ɻന͕ݟ͑ʹ͍͘ͷͰ৭Λม͑·͢
    
62. ͍ͭͰʹ#"(
    (0)"/
    $-06%Λίϯϙʔωϯτʹ͠·͢
    
63. ৭ΛͦΕͦΕίϯϙʔωϯτԽͯ͠ίϐϖ͠·͢
64. ϓϩτλΠϓʹͯ͠ը໘ભҠͷΞχϝʔγϣϯͷઃఆΛ͠·͢
65. ϘλϯΛԡͨ࣌͠ͷભҠͷ࢓ํΛઃఆΛ͠·͢
66. σβΠϯʹ໭ͬͯ.BD#PPL1SPzͷը૾Λม͑·͢ɻ
67. ը૾Λͯ͛͞ͷը૾ʹͦΕͧΕมߋ͠·͢ɻ
68. ͯ͛͞ͷը૾ΛೖΕସ͑·ͨ͠
69. ಉ༷ʹ͝͸Μͷը૾ΛೖΕସ͍͖͑ͯ·͢ɻ
70. ೖΕସ͑׬ྃʂʢ͋ʂͱ̐ͷը૾ٯͩͬͨʂ·͍͍͔ͬʣ
71. .BD#PPL1SPzΛίϐϖ͠·͢
72. ͦΕͧΕ৭ͷ͘΋Λখͯ͘͞͠Լʹ഑ஔ͠·͢
    
73. ௕ํܗΛ࡞ͬͯதʹಈըΛೖΕͯΈ͍ͨͱࢥ͍·͢ʂ
    
74. ͕ʔʔʔʔʔʔʔʔΜʂ
    
75. ఘΊͯը૾ΛషΓ·͠ΐ͏ʂ௕ํܗΛ̎ͭʹ͠·͢
    
76. ͝͸Μͷ৭΋খͯ͘͞͠ۉ౳ʹ഑ஔ͠·͠ΐ͏
    
77. ج൘ͷը૾Λ഑ஔ͠·͠ΐ͏ʂ
    
78. ج൘ͷը૾Λ഑ஔͰ͖·ͨ͠ʂ
    
79. ϓϩτλΠϓʹͯ͠ը໘ਪҠͷઃఆΛߦ͍·͢
    
80. ͝͸Μ৭͔Βج൘ը૾΁ͷը໘ਪҠͷઃఆΛߦ͍·͢
    
81. ϩΰ͔Β)PNF΁ͷը໘ਪҠͷઃఆΛߦ͍·͢
    
82. ͱΓ͋͑ͣಈ͔͍ͨ͠ॴ·Ͱը໘ਪҠͷઃఆΛߦ͍·͢
    
83. ͦΕͰ͸࣮ࡍʹ'JHNBͰϓϩτλΠϓΛ
    ಈ͔ͯ͠Έ·͠ΐ͏ʂ
85. ։ൃऀϞʔυ͕༗ྉͩͱࢥͬͯͨΒ
    ࠓΦʔϓϯʹͳͬͯ·ͨ͠ʂ
98. ·ͩ·ͩศརͳػೳ͕͋Γ·͢ʂ
    'JHNB͞ΘͬͯΈ·͠ΐ͏ʂ