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

by Shogo Sensui

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

!DI

Slide 3

Slide 3 text

!DI ‣ 4IPHP4FOTVJ ‣ BLBDIPO*OUFSOFU ‣ $ZCFS"HFOU *OD ‣ 8FC*OJUJBUJWF$FOUFS ‣ 4PGUXBSF&OHJOFFS ‣ 8FCDMJFOUTJEFEFWFMPQNFOU ‣ 0QFO4PVSDF4PGUXBSF

Slide 4

Slide 4 text

➙傈תדך8FCך䮶׶鵤׶

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

h⣂뇸

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

*&Ⰻ渿劍הـٓؐؠ✼䳔䚍 ‣ ـٓؐؠ✼䳔䚍׾ٓ؎ـٓٔד㙵׭׋ְ ‣ %0."1*כֶ׹ַծ$44ך㹋鄲׮وثوث ‣ 8FC䪮遭ָ垥彊⻉ח׬ֽג㼰׃׆א⹛ֹ⳿ׅ

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

2008೥ iPhone 3G ൃച

Slide 13

Slide 13 text

Slide 14

Slide 14 text

→ غؤٙ٦سה׃גך)5.- ‣ 8FC垥彊䪮遭ך㣐䌴ח،حفر٦زׁ׸׋ ‣ وٕثًر؍،٥أزٖ٦آ٥$44זו ‣ ؟٦سػ٦ذ؍פך⣛㶷ַ׵)5.-פך獳遤 ‣ 'MBTIװ+BWB"QQMFUזוךفٓحزؿؓ٦ي邜鷌 ‣ 8FCךؔ٦فٝ⻉ָ鹌׬

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

،٦ؗذؙثٍך醱꧟⻉ ‣ ➭ⴓꅿַ׵فؚٗٓي䭷ぢך鱐Ⰵ ‣ .7$ծ.77.ծ؝ٝه٦طٝزծFUD ‣ 圓鸡⻉׾⤛ׅٓ؎ـٓٔװؿٖ٦يٙ٦ؙך钰欰 ‣ ؙٓ؎،ٝز؟؎س杝荈ך涪㾜 ‣ 4JOHMF1BHF"QQMJDBUJPOװ4&0㼎瘻זוזו ‣ ؙٓ؎،ٝز؟؎س،٦ؗذؙثٍפךꟼ䗰

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

/PEFKTד佄ִ׷8FCꟚ涪 ‣ /PEFKTח״׷ぐ珏⡲噟ך荈⹛⻉ ‣ ا٦أך穠さװ㖇簭ծٓ؎ـٔٗ٦سծFUD ‣ (SVOUծCPXFSծZFPNBOծHVMQծFUD ‣ ֿך鴟׶ַ׵ؿٗٝزؒٝسָ㣕׶׌ׅ

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

'BDFCPPLָ)5.-׾䰍ג׷ ‣ ٌغ؎ٕדךػؿؓ٦وٝأָ♶⼧ⴓ ‣ 甧׍כ׌ַ׷)5.-䲽歗ך㠖 ‣ ـٓؐؠ׌ה堣腉꬗ד♶⼧ⴓ ‣ فحءُ鸐濼װرغ؎أ،ؙإأזו ‣ 垥彊⻉ָ䗳銲ז8FCךفٓحزؿؓ٦ي暴䚍 ‣ ٌغ؎ٕꟚ涪ָ䚈慧חط؎ذ؍ـפءؿزׅ׷

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

فٓحزؿؓ٦يפך⣛㶷 ‣ ط؎ذ؍ـ،فٔך䭁⯍ָ鹌׬ ‣ 8FCדכזֻ"QQ4UPSFװ1MBZ4UPSFָ⯍㹋ׅ׷ ‣ 8FCדכזֻأز،ד嗚稊׃גتؐٝٗ٦سׅ׷ ‣ ،فٔהְֲ؝ٝذؗأزך嗂ִ➰ֽ

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

8FCז׵דכך暴䗙 ‣ 4FDVSF㸜Ⰻד֮׷ ‣ -JOLBCMFؙٔٝדֹ׷⛓ ‣ *OEFYBCMF؎ٝرحؙأׁ׸׷ ‣ $PNQPTBCMFⱄ圓䧭דֹ׷ ‣ &QIFNFSBM♧儗涸חⵃ欽דֹ׷

Slide 30

Slide 30 text

8FCPSط؎ذ؍ـ ‣ 劤勻涸חכ،فַٔ8FCַ׾ِ٦ؠ٦כ䠐陎׃זְ ‣ 堣腉׾䬐⥂דֹגְ׸ל8FCד׮葺ְ ‣ 1$ז׵8FC،فٔ׾⢪ֲء٦ٝכ׋ֻׁ׿֮׷ ‣ &YDFMַ׵(PPHMF4QSFBE4IFFUפ ‣ ع؎ألحؙז橆㞮ד֮׸ל׬׃׹8FC،فָٔ⤑ⵃ

Slide 31

Slide 31 text

18"הך鸬䵿׾䓼׭׷⹛ֹ IUUQTCMPHDISPNJVNPSHJOUFHSBUJOHQSPHSFTTJWFXFCBQQTEFFQMZIUNM

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

FYUFOEUIFXFCGPSXBSE IUUQTFYUFOTJCMFXFCNBOJGFTUPPSH

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

垥彊⻉ח《׶鴥ת׸׋⢽ ‣ K2VFSZךإؙٖة"1*װ%0.乼⡲ ‣ RVFSZ4FMFDUPSծ%0.ծ8FC"OJNBUJPOT ‣ 4BTTװ-&44זוך㢌侧װꟼ侧 ‣ $44$VTUPN1SPQFSUJFTծ!BQQMZ

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

8FCؿٗٝزؒٝسך 䪮遭㢌鼂ך傍ׁך姻⡤

Slide 38

Slide 38 text

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

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text