$30 off During Our Annual Pro Sale. View Details »

AbemaTV 新卒1年目エンジニア実録 / My first year at AbemaTV

nodaguti
April 15, 2019

AbemaTV 新卒1年目エンジニア実録 / My first year at AbemaTV

Frontrend × Bonfire Frontend (https://frontrend.connpass.com/event/124995/) での発表資料です.

nodaguti

April 15, 2019
Tweet

More Decks by nodaguti

Other Decks in Programming

Transcript

  1. AbemaTV ৽ଔ1೥໨ΤϯδχΞ࣮࿥
    Frontrend × Bonfire Frontend on 15th April 2019
    @nodaguti from AbemaTV, Inc.

    View Slide

  2. Who am I?
    • Tadahiro Noguchi (໺ޱ ௚׮)
    • @nodaguti
    • גࣜձࣾαΠόʔΤʔδΣϯτ 2018೥৽ଔೖࣾ
    • AbemaTV ։ൃຊ෦ WebνʔϜॴଐ

    View Slide

  3. Contents
    ೥໨ΤϯδχΞ࣮࿥
    ೥໨ʹ޲͚ͯ

    View Slide

  4. ɹɹɹ೥໨ΤϯδχΞ࣮࿥

    View Slide

  5. Contributions
    ഑ଐ͔Β1೥ऑͰ

    ໿560 PR

    = 1೔2PR͘Β͍?
    ໿10ສߦ
    = 1೔400ߦ͘Β͍?

    View Slide

  6. View Slide

  7. 2018/03: ಺ఆऀΞϧόΠτ (5೔ؒ)

    View Slide

  8. 2018/04-05: ৽ଔݚम

    View Slide

  9. https://speakerdeck.com/nodaguti/
    html-5-conference-2018-sponsors-lt
    ৽ଔݚमͰςετΧόϨοδ
    99%Λୡ੒ͨ͠࿩
    HTML5 Conference 2018 on 25th Nov 2018
    Tadahiro Noguchi from CyberAgent, Inc.

    View Slide

  10. 2018/05/21: AbemaTV ΁഑ଐ

    View Slide

  11. 2018/05-06: খ͞ͳػೳͷ࣮૷

    View Slide

  12. 2018/05-06: খ͞ͳػೳͷ࣮૷

    View Slide

  13. 2018/05-06: খ͞ͳػೳͷ࣮૷
    • ίϛοτɾPR ͷཻ౓΍ϨϏϡʔ΁ͷରԠํ๏ͳͲ͕Θ
    ͔ΔΑ͏ʹͳ͖ͬͯͨ
    • ࣗ෼͕୲౰ͨ͠ྖҬʹ͓͍ͯ͸ɼϨϏϡʔΛ͢Δଆʹ
    ΋ͳΔ͜ͱ͕Ͱ͖ͨ
    • 1-2 sprints ͰऴΘΔλεΫΛࣗྗͰ͜ͳͤΔঢ়ଶ

    View Slide

  14. 2018/06-07: Ϧίϝϯσʔγϣϯػೳ

    View Slide

  15. 2018/06-07: Ϧίϝϯσʔγϣϯػೳ

    View Slide

  16. 2018/06-07: Ϧίϝϯσʔγϣϯػೳ
    • Abema-way ͳ Flux ͷσʔλϑϩʔΛҰ௨Γ࡞ΔॳΊ
    ͯͷܦݧ
    • ൚༻ੑͷߴ͍࢓૊Έͮ͘Γ
    • ଞՕॴ΁ల։Մೳͳσʔλϑϩʔɾίϯϙʔωϯτ
    • Intersection Observer Λ༻͍ͨ impression ܭଌ
    • ಛघͳ෦෼ʢಈըपΓͳͲʣΛআ͚͹௨ৗͷػೳ͸ಠ
    ྗͰ࣮૷Ͱ͖ͦ͏ͱ͍͏ؾ࣋ͪʹ

    View Slide

  17. 2018/08-10: Abema ϏσΦ
    ϞόΠϧϒϥ΢β͔Βͷ
    ࢹௌରԠ

    View Slide

  18. 2018/08-10: Abema ϏσΦ ϞόΠϧࢹௌରԠ

    View Slide

  19. 2018/08-10: Abema ϏσΦ ϞόΠϧࢹௌରԠ
    • ࢓༷͕͋Δఔ౓ݻ·͍ͬͯΔେ͖ͳҊ݅ʹ͍ͭͯɼλ
    εΫ෼ղͯ͠ݟੵ΋ΓΛߦ͍ɼεέδϡʔϧ௨Γਐߦ͢
    ΔྗΛཆ͑ͨ
    • ϞόΠϧϒϥ΢β΁ͷ஌ݟ͕ਂ·ͬͨ
    • Ͱ͖͍ͯͳ͔ͬͨ͜ͱ
    • ෆ֬ఆͳ͜ͱ΁ͷରԠɾଞηΫγϣϯͱͷ࿈ܞ
    • ࢓༷͸͢Ͱʹݻ·͍ͬͯͨ
    • ٕज़ݕূ͸ଞͷϝϯόʔ͕ߦͳ͍ͬͯͨ

    View Slide

  20. 2018/11: ݟಀ͠ࢹௌͷϞόΠϧରԠ

    View Slide

  21. • ࣮૷ࣗମ͸ϏσΦͱ΄ͱΜͲมΘΒͳ͍ͨΊۤ࿑ͤͣ
    • ίΞͳ෦෼͸1೔Ͱ࣮૷Ͱ͖ͨ
    • ϞόΠϧϒϥ΢βΛͲ͏ϓϩμΫτͱͯ͠৳͹͔͢ʁ
    • ࠶ੜ͕࢝·Δલʹ཭୤ͯ͠͠·͏ϢʔβʔΛݮΒ͠
    ͍ͨ
    • ࠷ऴతʹ͸ΞϓϦϢʔβʔʹͳͬͯ΋Β͍͍ͨ
    • ݪҼͱࢪࡦΛߟ͑ɼ࣮૷͢ΔαΠΫϧΛ࢝Ίͨ
    2018/11: ݟಀ͠ࢹௌͷϞόΠϧରԠ

    View Slide

  22. 2018/11: Chrome Dev Summit ࢀՃ
    DISPNFEFWTVNNJUCSJFpOHTFTTJPO
    'SPOUSFOE7PMPO%FDUI
    5BEBIJSP/PHVDIJ !OPEBHVUJ

    $ISPNFνʔϜͷਪ͢
    ͜Ε͔Β͘Δ৽͍͠8FC"1*
    https://speakerdeck.com/nodaguti/upcoming-
    web-apis-advocated-by-the-chrome-team

    View Slide

  23. 2018/12: ϞόΠϧࢹௌͷվળλεΫ
    Prettier ಋೖ
    ෛ࠴ฦࡁ

    View Slide

  24. 2019/01-04: ͱ͋ΔେܕҊ݅

    View Slide

  25. 2019/01-04: ͱ͋ΔେܕҊ݅
    • Ҋ݅ͷಛ௃
    • ࢓༷͕ᐆດ
    • σΟϨΫλʔɾଞσόΠεͷΤϯδχΞʹώΞ
    Ϧϯά
    • ϞόΠϧϒϥ΢βʹ߹͏࢓༷΁ͷམͱ͠ࠐΈ
    • σΟϨΫλʔɾσβΠφʔͱ౎౓૬ஊ
    • ಛఆͷλΠϛϯάͰαʔόʔʹϦΫΤετ͕ूத
    • αʔόʔαΠυΤϯδχΞͱ͢Γ߹Θͤ
    • ֤ॴͱ࿈ܞͯ͠࢓༷ΛݻΊɼϦϦʔε·Ͱ͍͚࣋ͬͯͨ

    View Slide

  26. ɹɹɹɹ೥໨ʹ޲͚ͯ

    View Slide

  27. ৼΓฦΓ
    • ʮֶੜΤϯδχΞʯ͔ΒʮࣄۀϓϩμΫτΛ࡞Δϓϩͷ
    ΤϯδχΞʯͱͯ͠੒௕͢Δ͜ͱ͕Ͱ͖ͨ
    ɹখ͞ͳ୯ػೳͷ࣮૷
    →࢓༷͕ܾ·͍ͬͯΔେ͖ͳػೳͷ࣮૷
    →࢓༷͕ᐆດͳେ͖ͳػೳͷ࣮૷
    • ػೳ։ൃΛ2ͭͷࢹ఺͔Βଊ͑ΒΕΔΑ͏ʹͳͬͨ
    • Ͳ͏ UX ʹӨڹ͢Δ͔ʁ
    • Ͳ͏ KPI ʹӨڹ͢Δ͔ʁ

    View Slide

  28. ͔͜͜Βɺ͔͜͜Β
    • ࠓͷͱ͜Ζߟ͍͑ͯΔΩϟϦΞύε͸ςοΫϦʔυ
    • Ϧʔμʔγοϓ
    • ʮνʔϜͰ࡞Δʯͱ͍͏͜ͱʹର͢Δܦݧ
    • ઐ໳ੑ
    • High performance website
    • ʮٕज़͔ΒࣄۀʹߩݙͰ͖ΔΤϯδχΞʯ

    View Slide

  29. Thank you!

    View Slide