Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

Hidehiko Naito

April 15, 2019
Tweet

More Decks by Hidehiko Naito

Other Decks in Technology

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