Webフロントエンド&デザインで学んだ2年間を総括

3年目になる今、ヤフーショッピングのWebフロントエンド&デザインを担当して学んだ2年間を総括します。

【Frontrend × Bonfire Frontend】にて登壇した時の資料です。
https://frontrend.connpass.com/event/124995/

Transcript

1. 9 5 4 ( . 4 9 9 5 ) 5 4 2 2 21
   ( &
   20 J C
   A R
   

   View Slide

2. 9 0. ( 2 0 2 11 )0. )
   &
   @7
   2 2 0 1
   

   View Slide

3. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9.
   , ,
   C
   

   View Slide

4. (4 1 0 ( 044 ) (4 4 14 22 1 0 . . 9.
   .
   3 2
   2 1
   

   View Slide

5. 9 0. ( 2 0 2 11 )0. )
   9 0. ( 2 0 2 11 )0. )
   
   
   

   View Slide

6. ( 61 0 ( 0 ) ( 6 6 1 22 1 0 . .69.
   
   

   View Slide

7. ) 72019 ) -1 - - ) 7 7-92 ( 2019 7 .
   !#
   
   
   
   
   $ %"
   
   https://linotice.tumblr.com/post/180372968509/20181122
   

   View Slide

8. ) 2019 ) -1 - - ) -92 ( 20198 8 .
   "&#$
   
   %
   !
   

   View Slide

9. ( 1 0 ( 0 ) ( 1 22 1 0 . . 9.-
   B
   B OG
   OG G
   B A
   I
   U
   

   View Slide

10. 9 0. ( 2 0 2 11 )0. )
    R
    C
    T
    6
    

    View Slide

11. ( 1 0 ( 0 ) ( 1 22 1 0 . . 9.-
    R
    T
    I
    U
    + V
    C
    

    View Slide

12. 9 0. ( 2 0 2 11 )0. )
    I
    A
    U B ,
    U
    

    View Slide

13. ) 2019 ) -1 - - ) -92 (33 2019 .
    A C C
    I B U
    I A V1 A
    A
    AR
    

    View Slide

14. (4 1 0 ( 044 ) (4 4 14 22 1 0 . . 9.
    
    
    
    

    View Slide

15. )5 2019 ) -155 - - )5 5 -925 ( 2019 .
    "'$
    !!
    &
    
    (
    %) (
    
    #
    
    

    View Slide

16. ) 6 2019 ) -1 -6- ) 6 -92 ( 2019 .
    C
    

    View Slide

17. ) 72019 ) -1 - - ) 7 7-92 ( 2019 7 .
    S G
    C
    

    View Slide

18. 9 0. ( 2 0 2 11 )0. )
    9 0. ( 2 0 2 11 )0. )
    
    
    
    

    View Slide

19. ( 1 0 ( 0 ) ( 1 22 1 0 . . 9.-
    2 R
    I 2 VU
    C
    

    View Slide

20. 9 0. ( 2 0 2 11 )0. )
    C
    

    View Slide

21. 9 0. ( 2 0 2 11 )0. )
    =
    = C IC
    C C IC
    C
    

    View Slide

22. 9 0. ( 2 0 2 11 )0. )
    
    
    
    

    View Slide

23. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9.
    /
    

    View Slide

24. (4 1 0 ( 044 ) (4 4 14 22 1 0 . . 9.
    
    $
    " #
    
    !
    $
    

    View Slide

25. )5 2019 ) -155 - - )5 5 -925 ( 2019 .
    K
    P K
    I
    

    View Slide

26. ( 61 0 ( 0 ) ( 6 6 1 22 1 0 . .69.
    
    
    
    
    

    View Slide

27. ( 1 0 ( 0 ) ( 1 22 1 0 7 .7. 9.
    
    
    

    View Slide

28. ( 1 08 ( 0 ) ( 81 22 1 08 . . 9.
    1
    

    View Slide

29. ( 1 0 ( 0 ) ( 1 22 1 0 . . 9.-
    S
    U
    I
    C
    C
    

    View Slide

30. ) 2019 ) -1 - - ) -92 (33 2019 .
    +
    -<7*
    ##(5-.
    %!'28*);
    "$1
    &3 94,:60 /
    

    View Slide

31. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9.
    
    
    
    

    View Slide

32. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9.
    O H SR
    C
    D
    , ,
    H P
    Q ME M
    

    View Slide

33. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9.
    SR
    D
    A N
    

    View Slide

34. ) 2019 ) 1 4 ) 92 4 (33 2019 .
    
    )(&
    !#
    '"%
    $
    
    

    View Slide

35. )5 2019 ) 155 )5 5 925 (33 2019 .
    3
    B
    .
    

    View Slide

36. ) 6 2019 ) 1 6 ) 6 92 (33 2019 .
    
    
    
    
    
    
    https://about.yahoo.co.jp/info/bigdata/special/2018/01/
    

    View Slide

37. 7 312 ( -.2 .7. 7 . 3 ) 312 9 090 0
    I U
    ,
    

    View Slide

38. 9 0. ( 2 0 2 11 )0. )
    9 0. ( 2 0 2 11 )0. )
    
    

    View Slide

39. ) 2019 ) -1 - - ) -92 (33 2019 .
    &"
    #!'
    !'
    $%
    

    View Slide

40. (4 1 0 ( 044 ) (4 4 14 22 1 0 . . 9.
    ,
    , ,
    

    View Slide