201112_stapy.pdf

Transcript

1. U I / U X https://startpython.connpass.com/ 2020.11.12

2. https://www.akariinc.com @akariinc FOLLOW OUR DESIGN ΢ Σ ϒ σ βΠ

   ϯ ʴ Τ ϯ δχΞ Ϧ ϯ ά

3. 2 0 0 6 2 0 0 3 2 0

   0 9 2 0 1 2 2 0 1 5 2 0 1 8 2 0 2 1 Ұ ؏ ͯ͠ 6 * σ βΠ ϯ ͸ ί Ξό Ϧ ϡ ʔ 6*σβΠϯɾΠϯλϥΫγϣϯɾΞχϝʔγϣϯ σδλϧαΠωʔδɾ$(ɾ"3 ৘ใσβΠϯɾϞόΠϧΞϓϦ ࣈນ຋༁ͷΞϓϦέʔγϣϯ Ϋϥ΢υαʔόʔ 6*69ɾϢʔβϏϦςΟ өըͷ഑څ #Stapy ΢ΣϒϓϥοτϑΥʔϜ ιϦϡʔγϣϯ ϚʔέςΟϯά SAAS

4. ࠓ೔ͷ4UBQZͷςʔϚ͸6*69
   ϓϩμΫτͷ࿩ σβΠϯͷ࿩

5. ΢ΣϒϓϥοτϑΥʔϜ ͕ɺ͙࢝͢ΊΒΕΔΩοτͷΑ͏ͳϓϩμΫτʂ 8*9
   4RVBSF4QBDF ࢲ͕ͨͪ࡞͍ͬͯΔ΋ͷ͸

6. ·ͩ·ͩιϦϡʔγϣϯԽʹ޲͚ͯ֨ಆத

7. ݕࡧΤϯδϯ
   
   αδΣετ෇͖ݕࡧ૭ Ϣʔβʔͷ"VUIɺϚΠϖʔδ 6*ͱίϯςϯπͷࠃࡍԽ ಈը഑৴ͷΤϯίʔυͱ࠶ੜɺ՝ۚ )5.-
   ."*- ϨϯμϦϯάύϑΥʔϚϯε 63-ͱ)5.-ͷਖ਼نԽ ϦΞϧλΠϜνϟοτ ΠϕϯτΧϨϯμʔ΍εέδϡʔϧ؅ཧ

   ը૾Ξηοτͷอଘɺ഑৴ɺಡΈࠐΈ࠷దԽ 6*ґଘͷߴ͍ػೳΛόϯυϧ
8. None

9. Content Management < UX & Information Management HTML Delivery Deploy

   / Build tools ઃܭ

10. σβΠϯ৘ใΛ෼཭ͯ͠ ΤϯδχΞϦϯά 6*69Λ৘ใԽ 
    4FNBOUJDͳίϯςϯπͷ৘ใ )5.-͸༏Εͨ৘ใͷ֨ೲݿ͕ͩ ͓࣋ͬͯ͘΂͖৘ใ͸΋ͬͱͨ͘͞Μ͋Δɻ &Y
    ଐੑɺ૊Έ߹Θͤɺϝλ৘ใɺٯҾ͖Մೳͳλάʜ 
    σβΠϯ͕࣋ͭ৘ใͷอ؅ σβΠϯతͳҙຯɺϨΠΞ΢τɺελΠϧɺը૾ɺૢ࡞ʜ

    
    69΍ػೳ͔Β΋ͨΒ͞ΕΔ෭࣍త৘ใ ϩά৘ใ΍ίϯςϯπͷ৘ใ͔Β೿ੜͨ͠"1*͕ ؼؐͯ͠6*69ʹػೳΛ༩͑Δ

11. 4&0ɺϢʔβʔϏϦςΟ ֎෦ϝσΟΞ΁ͷ࠷దԽʜ ˠ
    5FDIOJDBM
    4&0 URLͱHTMLͷਖ਼نԽ

12. Ϗϧυπʔϧ΍σϓϩΠπʔϧͰ Ԡ༻ྗΛ୲อ͢Δ ΞϓϦέʔγϣϯΛ၆ᛌతʹ ΤϯδχΞϦϯά Be Full Stack

13. ϊϯίʔσΟϯάͳσβΠϯϚωδϝϯτ ϖʔδϩʔυɺϨϯμϦϯάͷߴ଎Խ ίϯςϯπͷࠃࡍԽ 3&45
    "1* ը૾ͷμΠφϛοΫͳ࠷దԽ ϝʔϧϚΨδϯΤσΟλʔ ৘ใςϯϓϨʔτͷ࡞੒ػೳ (PPHMFϚοϓ࿈ܞ ετϦʔϛϯάಈը ߏ଄ԽϚʔΫΞοϓରԠ

    ".1ରԠ αΠτϚοϓࣗಈੜ੒ 63-มߋཤྺͷݕ஌ CONTENT MANAGEMENT 6*69΍ϨϯμϦϯά޻ఔͷ ιϦϡʔγϣϯԽʹΑ࣮ͬͯݱͨ͠ػೳ΍ ଞʹ΋͍Ζ͍Ζ SEO ֎෦ϝσΟΞ࿈ܞػೳ "1*࿈ܞ 344ग़ྗ REST API ෳ਺ਓͰͷಉ࣌ฤू ެ։ɾߋ৽؅ཧ ֎෦ؔ܎ऀ޲͚ϓϨϏϡʔ Ϣʔβʔݖݶઃఆ Ϣʔβʔૢ࡞ϩάอଘ ϦϏδϣϯ ݴޠઃఆ

14. Α͘ߟ͑ΒΕͨ6*69Λ ΋ͬͱ਎ۙʹಧ͚ΔͨΊͷࢼΈΛ σβΠφʔͱΤϯδχΞͰࢼߦࡨޡ͖ͯ͠·͕ͨ͠ ָͯ͘͠࢖͍΍͍͢ϓϩμΫτΛಧ͚͍ͨͱࢥ͍·͢ ଓ͖͸΢ΣϒͰʂ ϓϩμΫτ·ͱΊ

15. ͪΐͬͱ௥Ճ

16. ։ൃऀͱ໺ٿ൫6*Λࢼ࡞ͯ͠Έͨʂ ˞ʮબखʯͱ͍͏σʔλΛѻͬͯ৘ใΛ૊ΈཱͯΔσϞͰ͢ɻ ɹσβΠϯ͸·ͩΤϯδχΞʹΑΔࢼ࡞ͳͷͰ؇Ίʹݟ͍ͯͩ͘͞ɻ

17. Schema.org Media / SNS / Google / API ͓͹ͪΌΜͰ΋ߋ৽Ͱ͖ͯݟ΍্͍͢ʹ ৘ใ͸࠷దԽͷ্ɺ֦ࢄ͞ΕΔγεςϜ͸Ͱ͖͍ͯΔʂ

18. ͋ͱ͸࠲੮༧໿΍ΦϯϥΠϯࢹௌͳͲ ϏδωεχʔζΛຬͨ͢ͷΈͳͷ͔ʁʂ ΑΓྑ͍ϢʔβʔΤΫεϖϦΤϯεΛ໨ࢦ͠·͢ ˞εϙʔπϝσΟΞؔ܎ऀɾٿஂؔ܎ऀͷ͔ͨ΁

19. 4UBQZͰ6*69ͷճ ΤϯδχΞϦϯάͷ࿩΋ਚ͖ͳ͍͚ΕͲ σβΠϯʹ͍ͭͯ

20. ͪͳΈʹ ΞϝϦΧ

21. None

22. Product Manager Product Designer UX Lead UX Designer χʔζ͕͋ΔϙδγϣϯͳͷͰͨ͘͞Μͷਓ͕ 69΍1SPEVDUͷݞॻ͖Ͱͨ͠

    ΤϯδχΞͱಉ͘͡बۀਓޱ͸૿Ճத

23. Graphic Design Information Design Motion Graphics … ࣮ࡍ͸ଟ͘ͷਓ͕σβΠφʔͷ όοΫάϥ΢ϯυΛ͔࣋ͭಠֶ

24. Design System User Test Design Research CI/CD

25. ՝୊ͷ໌֬Խ ՝୊ղܾ ˠ
    ϏδϡΞϧίϯηϓτͷ࡞੒ͱ߹ҙ ॴݟ Designer ≒ Data Scientist ≒ Sales

    Marketing ≒ …

26. σβΠϯͷັྗͷҰͭ͸ ର࿩ͷதͰ໨తΛ໌֬ʹ͠ͳ͕Β ϏδϡΞϧίϯηϓτʹͨͲΓண͘͜ͱ σβΠϯΛґཔ͢Δଆ͔Βݟͯ πʔϧ΍ख๏΋͍Ζ͍Ζ

27. Q&A Moodboard StyleScape Deadline ՝୊Λഎෛ͏ਓΛؚΊͨෳ਺ਓͷର࿩͸ े෼ʹࠜڌ͋ΔσβΠϯΛಋ͚Δ ˞εϙʔπͱಉ͡Ͱ্Լؔ܎΍዁౓͸ෆཁ ࣮ମݧͱͯ͠

28. ΈͯΈΑ͏ʂ DESIGN!

29. None
30. None
31. None
32. None
33. None
34. None
35. None
36. None
37. None
38. None
39. None
40. None
41. None
42. None
43. None
44. None
45. None
46. None
47. None
48. None

49. !

50. ʢσβΠϯΛΈΜͳʹקΊͯऴ͑Δʣ