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

0c9ac294b6d6876c44762d1c78a635c9?s=47 asamieee7
November 25, 2018

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

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

0c9ac294b6d6876c44762d1c78a635c9?s=128

asamieee7

November 25, 2018
Tweet

Transcript

  1. ͞Βʹศརʹͳͬͨ࠷৽൛4LFUDIͱ
 .BUFSJBM5IFNF&EJUPS ࢁຊຑඒ

  2. ࢁຊຑඒ ೥͔ΒϑϦʔϥϯε 8FC੍࡞ɺέʔλΠαΠτ੍࡞ͳͲ ೥ "OESPJEͷձʹߦͬͨ͜ͱ͕͖͔͚ͬͰ εϚʔτϑΥϯΞϓϦͷ6*σβΠϯʹಛԽɻ اըஈ֊͔ΒϓϩδΣΫτϝϯόʔͱͯ͠
 ࢀՃ͢Δ͜ͱ͕΄ͱΜͲɻ ౦༸ඒज़ֶߍɺϩΫφφϫʔΫγϣοϓߨࢣ

  3. ΋͘͡ w 4LFUDIWFSͰԿ͕มΘͬͨͷ͔  6*ͷ࡮৽  μʔΫϞʔυ  ωετ͞Εͨϒʔϧԋࢉ 

    σʔλ  4ZNCPM಺ͷ5FYU4UZMFΦʔόʔϥΠυ w .BUFSJBM5IFNF&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. 4LFUDI1SFGFSFODFTʜ%BUB ͔͜͜Β௥Ճ͢Δ

  30. ೔ຊਓࣸਅ΍໊લ͕ϥϯμϜͰೖΓ·͢

  31. 4ZNCPM಺ʹ΋ద༻Ͱ͖Δ

  32. ෳ਺4ZNCPMʹ͍ͬ΃Μʹద༻Ͱ͖Δ

  33. 4ZNCPM಺ͷ
 5FYU4UZMFΦʔόʔϥΠυ

  34. %JTBCMFEΛ࡞Ζ͏ͱ͢Δͱʜ

  35. ςΩετ΋4ZNCPMʹ͢Δඞཁ͕͋ͬͨ 4ZNCPMͩΒ͚ʹͳͬͯ͠·͏ %FGBVMU %JTBCMFE

  36. ςΩετͷ4UZMFΛมߋͰ͖ΔΑ͏ʹͳͬͨͷͰ

  37. 4ZNCPMʹ͠ͳͯ͘0, εοΩϦʂʂ

  38. ࠓճͷΞοϓσʔτͷॏཁͳϙΠϯτ 
  ςΩετϨΠϠʔͷ··ύεͷ݁߹͕Ͱ͖Δ
  ϓϥάΠϯʹཔΒͣμϛʔσʔλ͕ೖΕΒΕΔ
  4ZNCPMͷੜ੒Λ࠷খݶʹ཈͑ΒΕΔ

  39. .BUFSJBM5IFNF&EJUPS

  40. .BUFSJBM5IFNJOH
 ϚςϦΞϧςʔϚ

  41. None
  42. .BUFSJBM5IFNF&EJUPS

  43. 4LFUDIͷ-JCSBSZͱͯ͠࡞੒͞ΕΔ

  44. 4LFUDIͷ-JCSBSZʹ௥Ճ͞Εͯ·͢ʂ

  45. 4IBQF

  46. $PMPS

  47. 5ZQPHSBQIZ

  48. $PNQPOFOU
 6*෦඼

  49. $PNQPOFOUT

  50. $PNQPOFOUT ͨ͘͞Μͷίϯϙʔωϯτ͕ ༻ҙ͞Ε͍ͯ·͢

  51. .BUFSJBM5IFNF&EJUPSͰ࡞੒͞Εͨ$PNQPOFOUT

  52. σβΠϯͨ͠ʂ

  53. (BMMFSZ

  54. (BMMFSZʹVQMPBE

  55. (BMMFSZ

  56. (BMMFSZ EFWFMPQϖʔδ͕։͘

  57. "OESPJE։ൃ༻υΩϡϝϯτ ίʔυΛίϐϖͰ ΞϓϦΛ࣮૷Ͱ͖Δ

  58. ͦͷଞϓϥοτϑΥʔϜ

  59. (BMMFSZJ04ϓϩδΣΫτ J04༻ͷυΩϡϝϯτ΁ϦϯΫ

  60. J04։ൃ༻υΩϡϝϯτ ศརͩʂ

  61. (BMMFSZͱ;FQMJOͷҧ͍ (BMMFSZ σβΠϯϑΝΠϧͷ࣮૷৘ใΛڞ༗ɻ
 .BUFSJBM5IFNF&EJUPSͱซ༻͢Δ͜ͱ Ͱɺ։ൃ༻υΩϡϝϯτʹ௚઀ΞΫηεͰ͖Δ Α͏ʹͳΔɻϚςϦΞϧσβΠϯઐ༻πʔϧɻ ;FQMJO σβΠϯϑΝΠϧͷ࣮૷৘ใΛڞ༗ɻ
 ը૾BTTFUTͷFYQPSU΍ΧϥʔύϨοτͷ؅ ཧͳͲ͕Մೳɻ

  62. ;FQMJO

  63. ;FQMJO

  64. ;FQMJO

  65. ;FQMJO BTTFUT໊ͷ֬ೝ΍ FYQPSU͕Ͱ͖Δ

  66. (BMMFSZ BTTFUT໊ͷ֬ೝ΍ FYQPSUػೳ͸ແ͍

  67. .BUFSJBM5IFNF&EJUPSʹ͸க໋తͳ໰୊͕͋Δʜ ೔ຊޠॻମΛ
 ࢖͍͍ͨΜ͚ͩͲʜ

  68. ࿨จϑΥϯτ໰୊

  69. ࿨จϑΥϯτ໰୊ ϑΥϯταΠζͷ
 ਺஋͕খ਺఺ʹPS[

  70. ࿕ใʂʂʂ ݱࡏ(PPHMFͰ͸ɺ
 ͜ͷ໰୊Λղܾ͢Δ΂͘
 Ұੜݒ໋։ൃதͱ͍͏͜ͱͰ͢ʂ

  71. .BUFSJBM5IFNF&EJUPS (BMMFSZͰɺ
 σβΠϯ͔Β։ൃ·Ͱ Ұ؏ͯ͠(PPHMFͷαʔϏεͷϝϦοτΛ ϑϧͰڗड͢Δ͜ͱ͕Ͱ͖Δɻ

  72. ͓·͚ ࠷ۙɺΦϯϥΠϯͷ σβΠϯπʔϧ͕ Ξπ͍Ͱ͢Ͷɻ

  73. 8FC੍࡞ݱ৔Ͱ ϨεϙϯγϒͷσβΠϯ͕ )5.-Ͳ͕ͬͪॻ͘ͷʁ

  74. 456%*0

  75. GPS1$

  76. GPS5BCMFU

  77. GPS.PCJMF

  78. ϨΠΞ΢τͷઃఆ

  79. νʔϜʹڞ༗͢Ε͹୭Ͱ΋ߋ৽Ͱ͖Δ ΍Γ·͢Αʔ ΑΖ͘͠ʔ

  80. ΞϓϦͷΞοϓσʔτͱ͔Ͱ ͏͏ɺ๩͍͠ɻ εΫϦʔϯγϣοτ ߋ৽ͯ͠ʙ

  81. $BOWB

  82. ϒϥ΢βͰ؆୯ૢ࡞

  83. νʔϜʹڞ༗͢Ε͹୭Ͱ΋ߋ৽Ͱ͖Δ ࣗ෼Ͱ ߋ৽Ͱ͖Δʂʂ

  84. ϩΫφφϫʔΫγϣοϓ4LFUDIೖ໳ߨ࠲