Web フロントエンドの変遷とこれから / Transition of Web Frontend

2017年2月16日に開催された Developers Summit 2017 ( http://event.shoeisha.jp/devsumi/20170216/ ) の「Web フロントエンドの変遷とこれから」のセッション前半の資料です。セッション後半の資料は https://speakerdeck.com/ahomu/web-hurontoendoniqi-dai-sarerushi-ying-toxin-chen-dai-xie by @ahomu

Transcript

1. %FWFMPQFST
   4VNNJU
   
   
   !DI
   
   4IPHP
   4FOTVJ 8FC
   ؿٗٝزؒٝسך
   㢌鼂הֿ׸ַ׵
2. !DI
3. !DI ‣ 4IPHP
   4FOTVJ
   ‣ BLB
   DI
   PO
   *OUFSOFU
   ‣ $ZCFS"HFOU
   *OD
   ‣ 8FC
   *OJUJBUJWF
   $FOUFS
   ‣ 4PGUXBSF
   &OHJOFFS
   ‣ 8FC
   DMJFOUTJEF
   EFWFMPQNFOU
   ‣ 0QFO
   4PVSDF
   4PGUXBSF
4. ➙傈תדך
   8FC
   ך䮶׶鵤׶
5. ـٓؐؠ✼䳔䚍ך蕱䝢
   <
   Y
   ⵸劍
   > ؎ٝةؙٓذ؍ـז
   8FC
   <
   Y
   䖓劍
   > ،٦ؗذؙثٍך醱꧟⻉
   <
   
   _
   > ط؎ذ؍ـ،فٔךꥐ渿
   <
   
   _
   >
6. ـٓؐؠ✼䳔䚍ך蕱䝢
   <
   Y
   ⵸劍
   > ؎ٝةؙٓذ؍ـז
   8FC
   <
   Y
   䖓劍
   > ،٦ؗذؙثٍך醱꧟⻉
   <
   
   _
   > ط؎ذ؍ـ،فٔךꥐ渿
   <
   
   _
   >
7. h
   ⣂뇸
10. *&
    Ⰻ渿劍הـٓؐؠ✼䳔䚍 ‣ ـٓؐؠ✼䳔䚍׾ٓ؎ـٓٔד㙵׭׋ְ
    ‣ %0.
    "1*
    כֶ׹ַծ$44
    ך㹋鄲׮وثوث
    ‣ 8FC
    䪮遭ָ垥彊⻉ח׬ֽג㼰׃׆א⹛ֹ⳿ׅ
11. ـٓؐؠ✼䳔䚍ך蕱䝢
    <
    Y
    ⵸劍
    > ؎ٝةؙٓذ؍ـז
    8FC
    <
    Y
    䖓劍
    > ،٦ؗذؙثٍך醱꧟⻉
    <
    
    _
    > ط؎ذ؍ـ،فٔךꥐ渿
    <
    
    _
    >
12. 2008೥ iPhone 3G ൃച
13. ̔
14. → غؤٙ٦سה׃גך
    )5.- ‣ 8FC
    垥彊䪮遭ך㣐䌴ח،حفر٦زׁ׸׋
    ‣ وٕثًر؍،٥أزٖ٦آ٥$44
    זו
    ‣ ؟٦سػ٦ذ؍פך⣛㶷ַ׵
    )5.-
    פך獳遤
    ‣ 'MBTI
    װ
    +BWB
    "QQMFU
    זוךفٓحزؿؓ٦ي邜鷌
    ‣ 8FC
    ךؔ٦فٝ⻉ָ鹌׬
15. ـٓؐؠ✼䳔䚍ך蕱䝢
    <
    Y
    ⵸劍
    > ؎ٝةؙٓذ؍ـז
    8FC
    <
    Y
    䖓劍
    > ،٦ؗذؙثٍך醱꧟⻉
    <
    
    _
    > ط؎ذ؍ـ،فٔךꥐ渿
    <
    
    _
    >
17. ،٦ؗذؙثٍך醱꧟⻉ ‣ ➭ⴓꅿַ׵فؚٗٓي䭷ぢך鱐Ⰵ
    ‣ .7$
    ծ.77.
    ծ؝ٝه٦طٝزծFUD
    ‣ 圓鸡⻉׾⤛ׅٓ؎ـٓٔװؿٖ٦يٙ٦ؙך钰欰
    ‣ ؙٓ؎،ٝز؟؎س杝荈ך涪㾜
    ‣ 4JOHMF
    1BHF
    "QQMJDBUJPO
    װ
    4&0
    㼎瘻זוזו
    ‣ ؙٓ؎،ٝز؟؎س،٦ؗذؙثٍפךꟼ䗰
19. /PEFKT
    ד佄ִ׷
    8FC
    Ꟛ涪 ‣ /PEFKT
    ח״׷ぐ珏⡲噟ך荈⹛⻉
    ‣ ا٦أך穠さװ㖇簭ծٓ؎ـٔٗ٦سծFUD
    ‣ (SVOU
    ծCPXFS
    ծZFPNBO
    ծHVMQ
    ծFUD
    ‣ ֿך鴟׶ַ׵ؿٗٝزؒٝسָ㣕׶׌ׅ
20. ⽃♧ا٦أד
    䲿⣘דֹ׷ ؎ٝأز٦ٕ♶銲 فؚٓ؎ٝꬊ⣛㶷 فٓحزؿؓ٦يך
    ⵖ秈׾「ֽזְ ٔحثז邌植ָ〳腉 63-
    דⰟ剣דֹ׷
21. ـٓؐؠ✼䳔䚍ך蕱䝢
    <
    Y
    ⵸劍
    > ؎ٝةؙٓذ؍ـז
    8FC
    <
    Y
    䖓劍
    > ،٦ؗذؙثٍך醱꧟⻉
    <
    
    _
    > ط؎ذ؍ـ،فٔךꥐ渿
    <
    
    _
    >
23. 'BDFCPPLָ)5.-׾䰍ג׷ ‣ ٌغ؎ٕדךػؿؓ٦وٝأָ♶⼧ⴓ
    ‣ 甧׍כ׌ַ׷
    )5.-
    䲽歗ך㠖
    ‣ ـٓؐؠ׌ה堣腉꬗ד♶⼧ⴓ
    ‣ فحءُ鸐濼װرغ؎أ،ؙإأזו
    ‣ 垥彊⻉ָ䗳銲ז
    8FC
    ךفٓحزؿؓ٦ي暴䚍
    ‣ ٌغ؎ٕꟚ涪ָ䚈慧חط؎ذ؍ـפءؿزׅ׷
25. فٓحزؿؓ٦يפך⣛㶷 ‣ ط؎ذ؍ـ،فٔך䭁⯍ָ鹌׬
    ‣ 8FC
    דכזֻ
    "QQ
    4UPSF
    װ
    1MBZ
    4UPSF
    ָ⯍㹋ׅ׷
    ‣ 8FCדכזֻأز،ד嗚稊׃גتؐٝٗ٦سׅ׷
    ‣ ،فٔהְֲ؝ٝذؗأزך嗂ִ➰ֽ
26. ـٓؐؠ✼䳔䚍ך蕱䝢
    <
    Y
    ⵸劍
    > ؎ٝةؙٓذ؍ـז
    8FC
    <
    Y
    䖓劍
    > ،٦ؗذؙثٍך醱꧟⻉
    <
    
    _
    > ط؎ذ؍ـ،فٔךꥐ渿
    <
    
    _
    >
27. 1SPHSFTTJWF
    8FC
    "QQT ط؎ذ؍ـ儗➿ח
    8FC
    ך⣣⦼׾鋅湫ׅ
28. 48
    ׾⢪׏׋ؔؿٓ؎ٝ㼎䘔
29. 8FC
    ז׵דכך暴䗙 ‣ 4
    FDVSF
    㸜Ⰻד֮׷
    
    ‣ -
    JOLBCMF
    ؙٔٝדֹ׷
    ⛓
    ‣ *
    OEFYBCMF
    ؎ٝرحؙأׁ׸׷
    
    ‣ $
    PNQPTBCMF
    ⱄ圓䧭דֹ׷
    
    ‣ &
    QIFNFSBM
    ♧儗涸חⵃ欽דֹ׷
    
30. 8FC
    PS
    ط؎ذ؍ـ ‣ 劤勻涸חכ،فַٔ
    8FC
    ַ׾ِ٦ؠ٦כ䠐陎׃זְ
    ‣ 堣腉׾䬐⥂דֹגְ׸ל
    8FC
    ד׮葺ְ
    ‣ 1$
    ז׵
    8FC
    ،فٔ׾⢪ֲء٦ٝכ׋ֻׁ׿֮׷
    ‣ &YDFM
    ַ׵
    (PPHMF
    4QSFBE4IFFU
    פ
    ‣ ع؎ألحؙז橆㞮ד֮׸ל׬׃׹
    8FC
    ،فָٔ⤑ⵃ
31. 18"
    הך鸬䵿׾䓼׭׷⹛ֹ IUUQTCMPHDISPNJVNPSHJOUFHSBUJOHQSPHSFTTJWFXFCBQQTEFFQMZIUNM
32. &YUFOTJCMF
    8FC Ꟛ涪罏ָ荈歋ח䭁䓸דֹ׷
    8FC
33. FYUFOEUIFXFCGPSXBSE IUUQTFYUFOTJCMFXFCNBOJGFTUPPSH
34. さ陽ⵖז➬圫瘻㹀ךꣲ歲
    ‣ ⡚ٖكٕ
    "1*
    דꟚ涪罏ָ䭁䓸דֹ׷
    8FC
    חׅ׷
    ‣ 劻♳ד䬄韋⻉׃ג⢪ְחְֻ؛٦أָ㢳ղ֮׏׋
    ‣ ⡚ٖكٕכ넝ٖكٕ׾Ⱟי׷
    ‣ 䧭擾ח䗳銲זؿ؍٦سغحؙٕ٦فך넝鸞⻉
    ‣ 垥彊⻉穈籼׌ֽדכזֻծꟚ涪罏ָ⿫⸇דֹ׷
35. 垥彊⻉ח《׶鴥ת׸׋⢽
    ‣ K2VFSZ
    ךإؙٖة
    "1*
    װ
    %0.
    乼⡲
    ‣ RVFSZ4FMFDUPS
    ծ%0.
    
    ծ8FC
    "OJNBUJPOT
    
    ‣ 4BTT
    װ
    -&44
    זוך㢌侧װꟼ侧
    ‣ $44
    $VTUPN
    1SPQFSUJFT
    ծ!BQQMZ
    
36. ⡚ٖكٕ
    "1*
    ך⢽
    ✊ ‣ 8FC
    $PNQPOFOUT
    ךꟼ鸬
    "1*
    ‣ $VTUPN
    &MFNFOUT
    ծ4IBEPX
    %0.
    ծ5FNQMBUF
    ‣ 4FSWJDF
    8PSLFS
    ךꟼ鸬
    "1*
    ‣ 'FUDI
    "1*
    ծ$BDIF
    "1*
    ‣ $44
    )PVEJOJ
37. 8FC
    ؿٗٝزؒٝسך
    䪮遭㢌鼂ך傍ׁך姻⡤
38. 8FCؿٗٝزؒٝسך㢸僇ֽ 劢䧭擾זفٓحز ؿؓ٦يפך气䒦 䚈慧ֺׅ׷鹌⻉פ
    鷄䖞ׅ׷⸕⸂ ➙תדזַ׏׋
    ַ׵鳞ְ 俑〣鎉׏גג׮
    ➬倯זְ → →
39. 8FC
    فٓحزؿؓ٦ي
    耵腉ה׃גך
    8FC
    䪮遭罏
    ׉׸׊׸ך麓床劍
40. 5P
    CF
    DPOUJOVFE ˟إحءّٝכ竲ֹתׅ