Webフロントエンドはなぜ複雑なのか

Transcript

1. 8FCϑϩϯτΤϯυ͸
   ͳͥෳࡶͳͷ͔ 

2. ͸͡Ίʹ w 8FCϑϩϯτΤϯυ͸ෳࡶʁ
   w ϥΠϒϥϦ΍πʔϧ͕ཚཱͯ͠Α͘Θ͔ΒΜʂ
   w )5.-Λ࡞Δ͚ͩԿʹͳΜͰΊΜͲ͍͘͞ͷʁ 

3. ͸͡Ίʹ w 8FCϑϩϯτΤϯυ͸ෳࡶʁ
   w ϥΠϒϥϦ΍πʔϧ͕ཚཱͯ͠Α͘Θ͔ΒΜʂ
   w )5.-Λ࡞Δ͚ͩԿʹͳΜͰΊΜͲ͍͘͞ͷʁ
   ˰͜ΕΒͷٙ໰ͷճ౴ͷҰ෦Λ঺հ͠·͢ 

4. 8FCϑϩϯτΤϯυෳࡶԽͷཁҼ 

5. 2ͳͥ8FCϑϩϯτΤϯυ͸ෳࡶ͔ 

6. "+BWB4DSJQU͕ॾѱͷࠜݯ 

7. Ͱ΋+BWB4DSJQU͕ඞཁ͔ͩΒ
   ؤுΔ͔͠ͳ͍ 

8. +BWB4DSJQU͕ෆཁͳ৔໘Ͱ͸
   ෳࡶͰ͸ͳ͍8FCϑϩϯτΤϯυΛ
   ᨳՎ͢Ε͹Α͍
   

9. 41"ͱ.1" 

10. 41"ͱ.1" w .1"Ͱ໰୊ͳ͍ͳΒෳࡶͰͳ͍8FCϑϩϯτΤϯυͰ0,
    w 41"͕͍͍ͳΒؤுΔඞཁ͕͋Δ 

11. .1"ͱ͸ʁ w αʔό͔Β৽͍͠ϖʔδΛऔಘͯ͠ϖʔδભҠ͢Δ
    w ᶃભҠઌͷ63-ʹΞΫηε
    w ᶄ63-ʹରԠ͢ΔϖʔδΛαʔόͰߏங
    w ᶅߏஙͨ͠ϖʔδΛΫϥΠΞϯτʹฦͯ͠දࣔ͢Δ 

12. .1"ͱ͸ʁ w .1"ʹΑΔϖʔδભҠᶃ  IPNF͕දࣔ͞Ε͍ͯΔ

13. .1"ͱ͸ʁ w .1"ʹΑΔϖʔδભҠᶄ  ΫϦοΫ͢ΔͱIFMMPʹΞΫηε

14. .1"ͱ͸ʁ w .1"ʹΑΔϖʔδભҠᶅ  ΫϦοΫ͢ΔͱIFMMPʹΞΫηε αʔό /hello

15. .1"ͱ͸ʁ w .1"ʹΑΔϖʔδભҠᶆ  ΫϦοΫ͢ΔͱIFMMPʹΞΫηε αʔό /hello /helloͷHTMLΛߏங

16. .1"ͱ͸ʁ w .1"ʹΑΔϖʔδભҠᶇ  αʔό /hello HTMLΛฦ٫ ΫϦοΫ͢ΔͱIFMMPʹΞΫηε

17. .1"ͱ͸ʁ w .1"ʹΑΔϖʔδભҠᶈ  αʔό /hello HTMLΛฦ٫ IFMMP͕දࣔ͞ΕΔ

18. 41"ͱ͸ʁ w +BWB4DSJQUΛ࢖ͬͯϖʔδભҠ͢Δ8FCΞϓϦ
    w ᶃ+BWB4DSJQUͰ63-Λॻ͖׵͑Δ
    w ᶄ63-ͷมߋΛτϦΨʔʹ+BWB4DSJQUͰϖʔδΛॻ͖׵͑Δ 

19. 41"ͱ͸ʁ w +BWB4DSJQUʹΑΔϖʔδભҠͷ͔ͨ͠ᶃ  IFMMP͕දࣔ͞Ε͍ͯΔ

20. 41"ͱ͸ʁ w +BWB4DSJQUʹΑΔϖʔδભҠͷ͔ͨ͠ᶄ  ΫϦοΫ͢Δͱ+BWB4DSJQUΛ࢖ͬͯ 63-ΛIPNFʹॻ͖׵͑Δ

21. 41"ͱ͸ʁ w +BWB4DSJQUʹΑΔϖʔδભҠͷ͔ͨ͠ᶅ  63-͕IPNFʹมΘΔ

22. 41"ͱ͸ʁ w +BWB4DSJQUʹΑΔϖʔδભҠͷ͔ͨ͠ᶆ  63-ͷมߋΛݕ஌ͯ͠ϖʔδΛॻ͖׵͑
    ඞཁʹԠͯ͡αʔό͔ΒσʔλΛऔಘͨ͠Γ΋͢Δ

23. 41"ͱ.1"ͷಛ௃ w 41"
    w +BWB4DSJQUͰϖʔδΛॻ͖׵ ͑ΔͷͰભҠ͕ߴ଎
    w +BWB4DSJQUΛ࢖͍·͘Δ
    w σʔλ͸"1*ΞΫηεͰऔಘ

     w .1"
    w ϖʔδભҠͷ౓ʹ௨৴͕ඞཁ
    w +BWB4DSJQU͸ඞਢͰ͸ͳ͍
    w +BWB4DSJQUΛ࢖͍͗͢Δͱϝ ϯς͕ਏ͘ͳΔ

24. 41"Λ࢖͍͍ͨ৔໘ w ᶃΫϥΠΞϯτͰෳࡶͳಈ͖Λ࣮ݱ͍ͨ͠৔໘
    w ϖʔδભҠͷύϑΥʔϚϯεΛ௥ٻ͍ͨ͠
    w +BWB4DSJQUΛ࢖ͬͨಈతͳ6*Λ࣮ݱ͍ͨ͠
    w ΫϥΠΞϯτͷίʔυ΋ϝϯςφϒϧʹ͍ͨ͠
    w

    ᶄαʔόαΠυ͕ܰྔͳ৔໘
    w ֎෦"1*΁ͷΞΫηε΍'BB4Ͱࣄ଍ΓΔ
    w αʔόαΠυͷܰྔͳͷͰ41"ͰΫϥΠΞϯτͷ࣮૷ʹूத͍ͨ͠ 

25. +BWB4DSJQUΛ࢖͏ͱͳͥෳࡶʹͳΔͷ͔ 

26. ϒϥ΢β্Ͱಈ࡞͢Δͱ͍͏੍໿ w 8FCΞϓϦ͸ϒϥ΢β্Ͱಈ࡞͢Δ
    w ͭ·Γ+BWB4DSJQU͸ϒϥ΢β্Ͱ࣮ߦ͞ΕΔ  ϒϥ΢β αʔό +BWB4DSJQU͸ͬͪ͜Ͱಈ͘

27. ϒϥ΢β্Ͱಈ࡞͢Δͱ͍͏੍໿ w ࣮ߦ؀ڥ͕ϒϥ΢βͱ͍͏͜ͱ͸
 ΫϥΠΞϯτͷ؀ڥʹΑ࣮ͬͯߦ؀ڥ͕ҟͳΔͱ͍͏͜ͱ 

28. ϒϥ΢β্Ͱಈ࡞͢Δͱ͍͏੍໿ w +BWB4DSJQUͷόʔδϣϯ໰୊
    w ϒϥ΢βʹΑͬͯαϙʔτ͍ͯ͠Δόʔδϣϯ͕ҟͳΔ
    w ͔ͱ͍ͬͯݹ͍ํʹ߹ΘͤΔͷ΋φϯηϯε
 w ಉ࣌઀ଓ਺ͷ੍ݶ
    w

    ϒϥ΢β͔Βಉ࣌ʹ௨৴Ͱ͖Δ਺͕ܾ·ͬͯΔʢ͍͍ͨͯຊʣ
    w ͳͷͰେྔͷϑΝΠϧΛಡΈࠐΉ͜ͱ͸ආ͚͍ͨ
 

29. ϒϥ΢β্Ͱಈ࡞͢Δͱ͍͏੍໿ w +BWB4DSJQUͷόʔδϣϯ໰୊
    w ϒϥ΢βʹΑͬͯαϙʔτ͍ͯ͠Δόʔδϣϯ͕ҟͳΔ
    w ͔ͱ͍ͬͯݹ͍ํʹ߹ΘͤΔͷ΋φϯηϯε
 ˰࠷৽ͷه๏Ͱॻ͍ͯݹ͍όʔδϣϯʹτϥϯεύΠϧ͢Ε͹͍͍
    w ಉ࣌઀ଓ਺ͷ੍ݶ
    

    w ϒϥ΢β͔Βಉ࣌ʹ௨৴Ͱ͖Δ਺͕ܾ·ͬͯΔʢ͍͍ͨͯຊʣ
    w ͳͷͰେྔͷϑΝΠϧΛಡΈࠐΉ͜ͱ͸ආ͚͍ͨ
 ˰ͭͷϑΝΠϧʹόϯυϧ͢Ε͹͍͍ 

30. ࢀߟ +BWB4DSJQUͷ࢓༷ w +BWB4DSJQUͷ࢓༷͸&$."4DSJQUͰఆΊΒΕ͍ͯΔ
    w &$."4DSJQU͸όʔδϣϯ·Ͱ͸࿈൪Ͱ೥͔Β͸ຖ೥ 761͍ͯ͠ΔͷͰ੢ྐྵ͕όʔδϣϯͱ͚ͯͭ͠ΒΕΔ
    w &$."4DSJQU͸&4ͱུ͞Εόʔδϣϯͱ߹ΘͤͯҎԼͷΑ͏ʹ ݺ͹ΕΔ
    

    w FY
    &4
    &4
    &4 

31. όʔδϣϯͷτϥϯεύΠϧ w ಈ࡞؀ڥʹԠͯ͡ݹ͍όʔδϣϯʹτϥϯεύΠϧ͍ͨ͠
 χʔζ͕͋Δ
    w #BCFMΛ࢖͏͜ͱͰ࣮ݱͰ͖Δ  #BCFMΛ࢖ͬͯ
    τϥϯεύΠϧ

32. +BWB4DSJQUϑΝΠϧͷόϯυϧ w Ϟδϡʔϧόϯυϥʔͱݺ͹ΕΔπʔϧΛ࢖͏͜ͱͰ
 +BWB4DSJQUͷґଘؔ܎Λղܾͯͭ͠ͷϑΝΠϧʹ
 ·ͱΊΔ͜ͱ͕Ͱ͖Δ  ผϑΝΠϧʹґଘ ֎෦ϥΠϒϥϦʹґଘ CVOEMFKT ͭͷϑΝΠϧʹ·ͱ·ͬ

    ͨ΋ͷ͕ੜ੒͞ΕΔ ϞδϡʔϧόϯυϥʔΛ௨͢

33. +BWB4DSJQUϑΝΠϧͷόϯυϧ w ϞδϡʔϧόϯυϥʔͷॲཧͷதͰ#BCFMΛ࣮ߦ͢Δέʔε΋ଟ͍  YYYKT YYYKT YYYKT CVOEMFKT #BCFMͰ
    چόʔδϣϯʹ
    

    τϥϯεύΠϧ ґଘؔ܎ͷղܾ ϞδϡʔϧόϯυϥʔΛ௨͢

34. +BWB4DSJQUϑΝΠϧͷόϯυϧ w ϞδϡʔϧόϯυϥʔͷॲཧͷதͰ#BCFMΛ࣮ߦ͢Δέʔε΋ଟ͍  YYYKT YYYKT YYYKT CVOEMFKT #BCFMͰ
    چόʔδϣϯʹ
    

    τϥϯεύΠϧ ґଘؔ܎ͷղܾ ϞδϡʔϧόϯυϥʔΛ௨͢ ଞʹ΋͍Ζ͍ΖͳॲཧΛ
    ϞδϡʔϧόϯυϥʔͰ࣮ߦͰ͖Δ

35. ͜͜·Ͱͷ͓͞Β͍ 

36. ͜͜·Ͱͷ͓͞Β͍ w 8FCϑϩϯτΤϯυͷෳࡶ͞ͷࠜݯ͸+BWB4DSJQU
    w 41"Λ࠾༻͍ͨ͠৔߹͸͜ͷෳࡶ͔͞ΒಀΕΒΕͳ͍
    w ϒϥ΢βͰಈ࡞͢Δͱ͍͏ੑ্࣭ҎԼͷ఺ߟྀ͕ඞཁ
    w ݹ͍όʔδϣϯͰ΋ಈ࡞͢ΔΑ͏ʹ͍ͨ͠
    w

    ͭͷϑΝΠϧʹόϯυϧ͍ͨ͠
    w Ϟδϡʔϧόϯυϥʔͱ#BCFMΛ࢖͏ͱղܾͰ͖Δ 

37. ͜ΕҎ֎ʹ΋՝୊͕͍Ζ͍Ζ͋Δ 

38. ͦΕΒΛղܾ͢ΔͨΊʹ
    ͍Ζ͍Ζग़ͯ͘Δ 

39. 5ZQF4DSJQUΛ࢖͍͍ͨ 

40. 5ZQF4DSJQUͱ͸ w +BWB4DSJQUͷ֦ுݴޠ
    w ͬͬ͘͟Γݴ͏ͱ੩తͳܕఆ͕ٛ௥Ճ͞Εͨ+BWB4DSJQU
    w ͦͷ··Ͱ͸ಈ͔ͳ͍ͷͰ+BWB4DSJQUʹτϥϯεύΠͯ͠࢖͏  +BWB4DSJQU 5ZQF4DSJQU

41. 5ZQF4DSJQUͷτϥϯεύΠϧ w 5ZQF4DSJQUΛ+BWB4DSJQUʹτϥϯεύΠϧ͢Δॲཧ΋Ϗϧυͷྲྀ Εʹ૊ΈࠐΉ͜ͱʹͳΔ
    w τϥϯεύΠϧʹ͸UTD
    UTMPBEFS
    #BCFMͷ͍ͣΕ͔Λ࢖͏  YYYKT

    YYYKT YYYUT CVOEMFKT #BCFMͰ
    چόʔδϣϯʹ
    τϥϯεύΠϧ ґଘؔ܎ͷղܾ ϞδϡʔϧόϯυϥʔΛ௨͢ 5ZQF4DSJQUΛ +BWB4DSJQUʹ
    τϥϯεύΠϧ

42. $PEF
    4QMJUUJOH͍ͨ͠ 

43. $PEF
    4QMJUUJOHͱ͸ w શͯͷϑΝΠϧΛͭʹόϯυϧ͢ΔͱϑΝΠϧαΠζ͕࣍ୈʹ େ͖͘ͳͬͯ͘Δ
    w ϑΝΠϧαΠζ͕େ͖͍ͱಡΈࠐΈʹ͕͔͔࣌ؒͬͯදࣔ଎౓ ͕௿Լͯ͠͠·͏
    

44. $PEF
    4QMJUUJOHͱ͸ w શͯͷϑΝΠϧΛͭʹόϯυϧ͢ΔͱϑΝΠϧαΠζ͕࣍ୈʹ େ͖͘ͳͬͯ͘Δ
    w ϑΝΠϧαΠζ͕େ͖͍ͱಡΈࠐΈʹ͕͔͔࣌ؒͬͯදࣔ଎౓ ͕௿Լͯ͠͠·͏
    ˰ϑΝΠϧΛ෼͚ͯඞཁͳ΋ͷ͚ͩऔಘ͢ΔΑ͏ʹ͠Α͏ 

45. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF IFMMP BCPVU શ෦Ͱϖʔδ͋Δͱ͢Δ

46. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF IFMMP BCPVU +BWB4DSJQUΛ෼ׂͯ͠ੜ੒ BCPVUKT IFMMPKT

    IPNFKT NBJOKT

47. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF IFMMP BCPVU શϖʔδڞ௨Ͱ࢖ΘΕΔίʔυ BCPVUKT IFMMPKT

    IPNFKT NBJOKT

48. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF IFMMP BCPVU ֤ϖʔδڞ͚ͩͰ࢖ΘΕΔίʔυ BCPVUKT IFMMPKT

    IPNFKT NBJOKT ֤ϖʔδڞ͚ͩͰ࢖ΘΕΔίʔυ ֤ϖʔδڞ͚ͩͰ࢖ΘΕΔίʔυ

49. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF IPNFʹΞΫηε

50. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF ඞཁͳϑΝΠϧ͚ͩऔಘ IPNFKT NBJOKT

51. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IPNF IPNFΛදࣔ IPNFKT NBJOKT

52. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IFMMP IFMMPʹΞΫηε IPNFKT NBJOKT

53. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IFMMP IPNFKT NBJOKT ௥ՃͰඞཁͳ
    ϑΝΠϧ͚ͩऔಘ IFMMPKT

54. $PEF
    4QMJUUJOHͷ࢓૊Έ w ϖʔδ୯ҐͰ෼ׂ͢Δέʔε͕ଟ͍  IFMMP IPNFKT NBJOKT IFMMPΛදࣔ IFMMPKT

55. $PEF
    4QMJUUJOHͷ࣮ݱ w Ϟδϡʔϧόϯυϥʔͷػೳͱͯ͠$PEF4QMJUUJOHΛ࣮ݱͰ͖Δ  YYYKT YYYKT YYYKT CVOEMFKT #BCFMͰ
    چόʔδϣϯʹ
    

    τϥϯεύΠϧ ґଘؔ܎ͷղܾ ϞδϡʔϧόϯυϥʔΛ௨͢ $PEF4QMJUUJOH ͢Δ

56. ·ͱΊ 

57. ·ͱΊ w +BWB4DSJQU͸༷ʑͳࣄ৘͔ΒίʔυʹखΛՃ͑Δχʔζ͕͋Δ
    w ͦͷͨΊʹ͍Ζ͍ΖͳπʔϧΛ࢖ͬͯෳࡶʹͳ͍ͬͯΔ
    w ࠓճ঺հ͍ͯ͠ͳ͍ࣄ৘΋·ͩͨ͘͞Μ͋ΔͷͰͱͯ΋ෳࡶ
    w ྫ͑͹։ൃத͸ϗοτϦϩʔυ͍ͨ͠ͱ͔ 

58. ͜ΕΒΛશ෦ཧղ͠ͳ͍ͱ
    8FCϑϩϯτΤϯυͷ։ൃ͸Ͱ͖ͳ͍ͷʁ 

59. ͦΜͳ͜ͱ͸ͳ͍ʂ 

60. εςοϓΞοϓͷ͔ͨ͠ w ηοτΞοϓࡁΈͷ؀ڥΛߏஙͰ͖ΔHFOFSBUPS͕ॆ࣮ͯ͠Δ
    w 3FBDUͳΒ$SFBUF
    3FBDU
    "QQɺ7VFͳΒ7VF
    $-*
    ͳͲͳͲ
    w ॳ৺ऀͷ͏ͪ͸ͦΕΒʹཔͬͯ։ൃΛਐΊΕ͹0,
    w HFOFSBUPSͷઃఆΛม͑ΔඞཁੑΛײ͖ͯͨ͡Β
 ͲΜͳ͜ͱΛ΍͍ͬͯΔͷֶ͔ͼ࢝ΊΕ͹Α͍

    

61. ͋Γ͕ͱ͏͍͟͝·ͨ͠