さらに便利になった最新版SketchとMaterial Theme Editor

2018年11月25日に開催されたHTML5 Conferenceでの講演資料。

Transcript

1. ͞Βʹศརʹͳͬͨ࠷৽൛4LFUDIͱ
 .BUFSJBM
   5IFNF
   &EJUPS ࢁຊຑඒ
2. ࢁຊຑඒ ೥͔ΒϑϦʔϥϯε
   8FC੍࡞ɺέʔλΠαΠτ੍࡞ͳͲ ೥
   "OESPJEͷձʹߦͬͨ͜ͱ͕͖͔͚ͬͰ
   εϚʔτϑΥϯΞϓϦͷ6*σβΠϯʹಛԽɻ
   اըஈ֊͔ΒϓϩδΣΫτϝϯόʔͱͯ͠
 ࢀՃ͢Δ͜ͱ͕΄ͱΜͲɻ
   ౦༸ඒज़ֶߍɺϩΫφφϫʔΫγϣοϓ
   ߨࢣ
3. ΋͘͡ w 4LFUDI
   WFSͰԿ͕มΘͬͨͷ͔
    6*ͷ࡮৽
    μʔΫϞʔυ
    ωετ͞Εͨϒʔϧԋࢉ
    σʔλ
    4ZNCPM಺ͷ5FYU
   4UZMFΦʔόʔϥΠυ
   w .BUFSJBM
   5IFNF
   &EJUPS
4. 6*࡮৽
5. 6*͕৽͘͠ͳͬͨΑʂ
6. ͪͳΈʹ͜Ε͸چόʔδϣϯͰ͢
7. ৽ چ πʔϧόʔ 3FTJ[JOH ৽ چ
8. μʔΫϞʔυ
9. .BD04
   .PKBWF 
10. ϥΠτ
11. μʔΫ
12. ϒʔϧԋࢉ
13. ෳ߹ਤܗ
14. ςΩετͷ··݁߹Ͱ͖ΔΑ͏ʹͳͬͨʂ
15. چόʔδϣϯͰ͸ʜ ςΩετΛΞ΢τϥΠϯԽͯ͠
 ύεσʔλʹ͠ͳ͍ͱ݁߹Ͱ͖ͳ͔ͬͨ
16. มߋ͕ͱͯ΋ָʹͳͬͨ
17. σʔλ
18. μϛʔσʔλΛೖྗͯ͘͠ΕΔϓϥάΠϯ
19. $SBGU
20. $SBGU
    
    إࣸਅ΍໊લ
21. 4LFUDI͚ͩͰͰ͖ΔΑ͏ʹͳΓ·ͨ͠ʂ
22. إࣸਅΛϥϯμϜͰදࣔ
23. إࣸਅΛϥϯμϜͰදࣔ
24. ਓ໊ΛϥϯμϜͰදࣔ
25. ਓ໊ΛϥϯμϜͰදࣔ
26. ೔ຊਓͷإࣸਅΛද͍ࣔͨ͠৔߹͸ࣗ෼Ͱ༻ҙ͢Δ ϩʔΧϧɺ%SPQCPYͳͲʹ
 ը૾ૉࡐΛೖΕ͓ͯ͘
27. ೔ຊਓ໊Λද͍ࣔͨ͠৔߹͸σʔλΛࣗ෼Ͱ࡞Δ ਓ෼͘Β͍࡞͓͚ͬͯ͹
 ඃΒͳ͍
28. .BDͷςΩετΤσοτͷ৔߹ ϦονςΩετͩͱ
 4LFUDIʹಡΈࠐΊ·ͤΜ
29. 4LFUDI
    
    1SFGFSFODFTʜ
    
    %BUB ͔͜͜Β௥Ճ͢Δ
30. ೔ຊਓࣸਅ΍໊લ͕ϥϯμϜͰೖΓ·͢
31. 4ZNCPM಺ʹ΋ద༻Ͱ͖Δ
32. ෳ਺4ZNCPMʹ͍ͬ΃Μʹద༻Ͱ͖Δ
33. 4ZNCPM಺ͷ
 5FYU
    4UZMFΦʔόʔϥΠυ
34. %JTBCMFEΛ࡞Ζ͏ͱ͢Δͱʜ
35. ςΩετ΋4ZNCPMʹ͢Δඞཁ͕͋ͬͨ 4ZNCPMͩΒ͚ʹͳͬͯ͠·͏ %FGBVMU %JTBCMFE
36. ςΩετͷ4UZMFΛมߋͰ͖ΔΑ͏ʹͳͬͨͷͰ
37. 4ZNCPMʹ͠ͳͯ͘0, εοΩϦʂʂ
38. ࠓճͷΞοϓσʔτͷॏཁͳϙΠϯτ
    
  ςΩετϨΠϠʔͷ··ύεͷ݁߹͕Ͱ͖Δ
  ϓϥάΠϯʹཔΒͣμϛʔσʔλ͕ೖΕΒΕΔ
  4ZNCPMͷੜ੒Λ࠷খݶʹ཈͑ΒΕΔ
39. .BUFSJBM
    5IFNF
    &EJUPS
40. .BUFSJBM
    5IFNJOH
 ϚςϦΞϧςʔϚ
42. .BUFSJBM
    5IFNF
    &EJUPS
43. 4LFUDIͷ-JCSBSZͱͯ͠࡞੒͞ΕΔ
44. 4LFUDIͷ-JCSBSZʹ௥Ճ͞Εͯ·͢ʂ
45. 4IBQF
46. $PMPS
47. 5ZQPHSBQIZ
48. $PNQPOFOU
 6*෦඼
49. $PNQPOFOUT
50. $PNQPOFOUT ͨ͘͞Μͷίϯϙʔωϯτ͕
    ༻ҙ͞Ε͍ͯ·͢
51. .BUFSJBM
    5IFNF
    &EJUPSͰ࡞੒͞Εͨ$PNQPOFOUT
52. σβΠϯͨ͠ʂ
53. (BMMFSZ
54. (BMMFSZʹVQMPBE
55. (BMMFSZ
56. (BMMFSZ EFWFMPQϖʔδ͕։͘
57. "OESPJE։ൃ༻υΩϡϝϯτ ίʔυΛίϐϖͰ
    ΞϓϦΛ࣮૷Ͱ͖Δ
58. ͦͷଞϓϥοτϑΥʔϜ
59. (BMMFSZ
    J04ϓϩδΣΫτ J04༻ͷυΩϡϝϯτ΁ϦϯΫ
60. J04։ൃ༻υΩϡϝϯτ ศརͩʂ
61. (BMMFSZͱ;FQMJOͷҧ͍ (BMMFSZ σβΠϯϑΝΠϧͷ࣮૷৘ใΛڞ༗ɻ
 .BUFSJBM
    5IFNF
    &EJUPSͱซ༻͢Δ͜ͱ Ͱɺ։ൃ༻υΩϡϝϯτʹ௚઀ΞΫηεͰ͖Δ Α͏ʹͳΔɻϚςϦΞϧσβΠϯઐ༻πʔϧɻ ;FQMJO σβΠϯϑΝΠϧͷ࣮૷৘ใΛڞ༗ɻ
 ը૾BTTFUTͷFYQPSU΍ΧϥʔύϨοτͷ؅ ཧͳͲ͕Մೳɻ
62. ;FQMJO
63. ;FQMJO
64. ;FQMJO
65. ;FQMJO BTTFUT໊ͷ֬ೝ΍
    FYQPSU͕Ͱ͖Δ
66. (BMMFSZ BTTFUT໊ͷ֬ೝ΍
    FYQPSUػೳ͸ແ͍
67. .BUFSJBM
    5IFNF
    &EJUPSʹ͸க໋తͳ໰୊͕͋Δʜ ೔ຊޠॻମΛ
 ࢖͍͍ͨΜ͚ͩͲʜ
68. ࿨จϑΥϯτ໰୊
69. ࿨จϑΥϯτ໰୊ ϑΥϯταΠζͷ
 ਺஋͕খ਺఺ʹPS[
70. ࿕ใʂʂʂ ݱࡏ(PPHMFͰ͸ɺ
 ͜ͷ໰୊Λղܾ͢Δ΂͘
 Ұੜݒ໋։ൃதͱ͍͏͜ͱͰ͢ʂ
71. .BUFSJBM
    5IFNF
    &EJUPS
    
    (BMMFSZͰɺ
 σβΠϯ͔Β։ൃ·Ͱ
    Ұ؏ͯ͠(PPHMFͷαʔϏεͷϝϦοτΛ
    ϑϧͰڗड͢Δ͜ͱ͕Ͱ͖Δɻ
72. ͓·͚ ࠷ۙɺΦϯϥΠϯͷ
    σβΠϯπʔϧ͕
    Ξπ͍Ͱ͢Ͷɻ
73. 8FC੍࡞ݱ৔Ͱ ϨεϙϯγϒͷσβΠϯ͕ )5.-Ͳ͕ͬͪॻ͘ͷʁ
74. 456%*0
75. GPS
    1$
76. GPS
    5BCMFU
77. GPS
    .PCJMF
78. ϨΠΞ΢τͷઃఆ
79. νʔϜʹڞ༗͢Ε͹୭Ͱ΋ߋ৽Ͱ͖Δ ΍Γ·͢Αʔ ΑΖ͘͠ʔ
80. ΞϓϦͷΞοϓσʔτͱ͔Ͱ ͏͏ɺ๩͍͠ɻ εΫϦʔϯγϣοτ
    ߋ৽ͯ͠ʙ
81. $BOWB
82. ϒϥ΢βͰ؆୯ૢ࡞
83. νʔϜʹڞ༗͢Ε͹୭Ͱ΋ߋ৽Ͱ͖Δ ࣗ෼Ͱ
    ߋ৽Ͱ͖Δʂʂ
84. ϩΫφφϫʔΫγϣοϓ
    4LFUDIೖ໳ߨ࠲