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

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

0d605a3350dd7e91b8136aecffd5ceeb?s=128

Shogo Sensui

February 16, 2017
Tweet

Transcript

  1. %FWFMPQFST4VNNJU  !DI4IPHP4FOTVJ 8FCؿٗٝزؒٝسך 㢌鼂הֿ׸ַ׵

  2. !DI

  3. !DI ‣ 4IPHP4FOTVJ ‣ BLBDIPO*OUFSOFU ‣ $ZCFS"HFOU *OD ‣ 8FC*OJUJBUJWF$FOUFS

    ‣ 4PGUXBSF&OHJOFFS ‣ 8FCDMJFOUTJEFEFWFMPQNFOU ‣ 0QFO4PVSDF4PGUXBSF
  4. ➙傈תדך8FCך䮶׶鵤׶

  5. ـٓؐؠ✼䳔䚍ך蕱䝢<Y⵸劍> ؎ٝةؙٓذ؍ـז8FC<Y䖓劍> ،٦ؗذؙثٍך醱꧟⻉<_> ط؎ذ؍ـ،فٔךꥐ渿<_>

  6. ـٓؐؠ✼䳔䚍ך蕱䝢<Y⵸劍> ؎ٝةؙٓذ؍ـז8FC<Y䖓劍> ،٦ؗذؙثٍך醱꧟⻉<_> ط؎ذ؍ـ،فٔךꥐ渿<_>

  7. h⣂뇸

  8. None
  9. None
  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䖓劍> ،٦ؗذؙثٍך醱꧟⻉<_> ط؎ذ؍ـ،فٔךꥐ渿<_>

  16. None
  17. ،٦ؗذؙثٍך醱꧟⻉ ‣ ➭ⴓꅿַ׵فؚٗٓي䭷ぢך鱐Ⰵ ‣ .7$ծ.77.ծ؝ٝه٦طٝزծFUD ‣ 圓鸡⻉׾⤛ׅٓ؎ـٓٔװؿٖ٦يٙ٦ؙך钰欰 ‣ ؙٓ؎،ٝز؟؎س杝荈ך涪㾜 ‣

    4JOHMF1BHF"QQMJDBUJPOװ4&0㼎瘻זוזו ‣ ؙٓ؎،ٝز؟؎س،٦ؗذؙثٍפךꟼ䗰
  18. None
  19. /PEFKTד佄ִ׷8FCꟚ涪 ‣ /PEFKTח״׷ぐ珏⡲噟ך荈⹛⻉ ‣ ا٦أך穠さװ㖇簭ծٓ؎ـٔٗ٦سծFUD ‣ (SVOUծCPXFSծZFPNBOծHVMQծFUD ‣ ֿך鴟׶ַ׵ؿٗٝزؒٝسָ㣕׶׌ׅ

  20. ⽃♧ا٦أד 䲿⣘דֹ׷ ؎ٝأز٦ٕ♶銲 فؚٓ؎ٝꬊ⣛㶷 فٓحزؿؓ٦يך ⵖ秈׾「ֽזְ ٔحثז邌植ָ〳腉 63-דⰟ剣דֹ׷

  21. ـٓؐؠ✼䳔䚍ך蕱䝢<Y⵸劍> ؎ٝةؙٓذ؍ـז8FC<Y䖓劍> ،٦ؗذؙثٍך醱꧟⻉<_> ط؎ذ؍ـ،فٔךꥐ渿<_>

  22. None
  23. 'BDFCPPLָ)5.-׾䰍ג׷ ‣ ٌغ؎ٕדךػؿؓ٦وٝأָ♶⼧ⴓ ‣ 甧׍כ׌ַ׷)5.-䲽歗ך㠖 ‣ ـٓؐؠ׌ה堣腉꬗ד♶⼧ⴓ ‣ فحءُ鸐濼װرغ؎أ،ؙإأזו ‣

    垥彊⻉ָ䗳銲ז8FCךفٓحزؿؓ٦ي暴䚍 ‣ ٌغ؎ٕꟚ涪ָ䚈慧חط؎ذ؍ـפءؿزׅ׷
  24. None
  25. فٓحزؿؓ٦يפך⣛㶷 ‣ ط؎ذ؍ـ،فٔך䭁⯍ָ鹌׬ ‣ 8FCדכזֻ"QQ4UPSFװ1MBZ4UPSFָ⯍㹋ׅ׷ ‣ 8FCדכזֻأز،ד嗚稊׃גتؐٝٗ٦سׅ׷ ‣ ،فٔהְֲ؝ٝذؗأزך嗂ִ➰ֽ

  26. ـٓؐؠ✼䳔䚍ך蕱䝢<Y⵸劍> ؎ٝةؙٓذ؍ـז8FC<Y䖓劍> ،٦ؗذؙثٍך醱꧟⻉<_> ط؎ذ؍ـ،فٔךꥐ渿<_>

  27. 1SPHSFTTJWF8FC"QQT ط؎ذ؍ـ儗➿ח8FCך⣣⦼׾鋅湫ׅ

  28. 48׾⢪׏׋ؔؿٓ؎ٝ㼎䘔

  29. 8FCז׵דכך暴䗙 ‣ 4FDVSF㸜Ⰻד֮׷ ‣ -JOLBCMFؙٔٝדֹ׷⛓ ‣ *OEFYBCMF؎ٝرحؙأׁ׸׷ ‣ $PNQPTBCMFⱄ圓䧭דֹ׷ ‣

    &QIFNFSBM♧儗涸חⵃ欽דֹ׷
  30. 8FCPSط؎ذ؍ـ ‣ 劤勻涸חכ،فַٔ8FCַ׾ِ٦ؠ٦כ䠐陎׃זְ ‣ 堣腉׾䬐⥂דֹגְ׸ל8FCד׮葺ְ ‣ 1$ז׵8FC،فٔ׾⢪ֲء٦ٝכ׋ֻׁ׿֮׷ ‣ &YDFMַ׵(PPHMF4QSFBE4IFFUפ ‣

    ع؎ألحؙז橆㞮ד֮׸ל׬׃׹8FC،فָٔ⤑ⵃ
  31. 18"הך鸬䵿׾䓼׭׷⹛ֹ IUUQTCMPHDISPNJVNPSHJOUFHSBUJOHQSPHSFTTJWFXFCBQQTEFFQMZIUNM

  32. &YUFOTJCMF8FC Ꟛ涪罏ָ荈歋ח䭁䓸דֹ׷8FC

  33. FYUFOEUIFXFCGPSXBSE IUUQTFYUFOTJCMFXFCNBOJGFTUPPSH

  34. さ陽ⵖז➬圫瘻㹀ךꣲ歲 ‣ ⡚ٖكٕ"1*דꟚ涪罏ָ䭁䓸דֹ׷8FCחׅ׷ ‣ 劻♳ד䬄韋⻉׃ג⢪ְחְֻ؛٦أָ㢳ղ֮׏׋ ‣ ⡚ٖكٕכ넝ٖكٕ׾Ⱟי׷ ‣ 䧭擾ח䗳銲זؿ؍٦سغحؙٕ٦فך넝鸞⻉ ‣

    垥彊⻉穈籼׌ֽדכזֻծꟚ涪罏ָ⿫⸇דֹ׷
  35. 垥彊⻉ח《׶鴥ת׸׋⢽ ‣ K2VFSZךإؙٖة"1*װ%0.乼⡲ ‣ RVFSZ4FMFDUPSծ%0.ծ8FC"OJNBUJPOT ‣ 4BTTװ-&44זוך㢌侧װꟼ侧 ‣ $44$VTUPN1SPQFSUJFTծ!BQQMZ

  36. ⡚ٖكٕ"1*ך⢽✊ ‣ 8FC$PNQPOFOUTךꟼ鸬"1* ‣ $VTUPN&MFNFOUTծ4IBEPX%0.ծ5FNQMBUF ‣ 4FSWJDF8PSLFSךꟼ鸬"1* ‣ 'FUDI"1*ծ$BDIF"1* ‣

    $44)PVEJOJ
  37. 8FCؿٗٝزؒٝسך 䪮遭㢌鼂ך傍ׁך姻⡤

  38. 8FCؿٗٝزؒٝسך㢸僇ֽ 劢䧭擾זفٓحز ؿؓ٦يפך气䒦 䚈慧ֺׅ׷鹌⻉פ 鷄䖞ׅ׷⸕⸂ ➙תדזַ׏׋ ַ׵鳞ְ 俑〣鎉׏גג׮ ➬倯זְ →

  39. 8FCفٓحزؿؓ٦ي 耵腉ה׃גך8FC䪮遭罏 ׉׸׊׸ך麓床劍

  40. 5PCFDPOUJOVFE ˟إحءّٝכ竲ֹתׅ