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*ґଘͷߴ͍ػೳΛόϯυϧ
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. ͪͳΈʹ ΞϝϦΧ
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!
49. !
50. ʢσβΠϯΛΈΜͳʹקΊͯऴ͑Δʣ