プログラミング学習の前に読みたい「Webアプリの仕組み」

Webエンジニア（フロントエンド向け）を目指す方向けのWeb アプリケーションの基礎を説明したスライドです。

Mentaにてフロントエンドエンジニアを目指す方向けのレッスンを提供しております。
https://menta.work/plan/1608

Transcript

1. ϓϩάϥϛϯάֶशΛ࢝ΊΔલʹಡΈ͍ͨ ʮ8FC ΞϓϦͷ࢓૊Έʯ
2. ϒϥ΢βΛ։͍ͯ 63- Λೖྗ͔ͯ͠Β ը໘͕දࣔ͞ΕΔ·Ͱͷ ྲྀΕΛઆ໌Ͱ͖·͔͢ʁ
3. Ωʔϫʔυ ɾ ΫϥΠΞϯτ ɾ αʔόʔ ɾ )5.- ɾ $44 ɾ +BWB4DSJQU ɾ )551 ɾ ΞϓϦέʔγϣϯ ɾ σʔλϕʔε ɾ 04 -*/69 ɾ 63-
4. ਖ਼ղ
5. ΫϥΠΞϯτ αʔό ΞϓϦέʔγϣϯ ϒϥ΢β ʢΞϓϦέʔγϣϯʣ )551 ϦΫΤετ )551 Ϩεϙϯε
6. ΫϥΠΞϯτ αʔό )551 ϦΫΤετ IUUQFYNQMFDPNJOEFYIUNM FYBNQMFDPN ͷ JOEFYIUNM ϑΝΠϧ͕΄͍͠
7. ΫϥΠΞϯτ αʔό )551 Ϩεϙϯε ͸͍ɺJOEFYIUNM
8. ͦͷଞͷϦιʔε΋ )5.-΋$44΋+BWB4DSJQU΋αʔόʹ഑ஔ͞Εͨ ϑΝΠϧ͕ϖʔδΛಡΈࠐΉ࣌ʹμ΢ϯϩʔυ ͞ΕΔɻ $44
   +BWB4DSJQU͸)551ܦ༝Ͱμ΢ϯϩʔυ͞Εͯ ΫϥΠΞϯτ ʢϒϥ΢β্ʣ Ͱಈ࡞͢Δɻ
9. σʔλϕʔε͸ Ͳ͜Ͱ࢖ΘΕ͍ͯΔʁ
10. ΫϥΠΞϯτ αʔό )551 Ϩεϙϯε ͸͍ɺJOEFYIUNM σʔλϕʔε ਖ਼ղ
11. ΫϥΠΞϯτ αʔό σʔλϕʔε τοϓϖʔδ༻ͷ σʔλ͍ͩ͘͞ɻ
12. ΫϥΠΞϯτ αʔό τοϓϖʔδ༻ͷ σʔλ͍ͩ͘͞ɻ ͸͍Α
13. ·ͱΊΔͱ αʔό
14. ΫϥΠΞϯτ αʔό ΞϓϦέʔγϣϯ ϒϥ΢β ʢΞϓϦέʔγϣϯʣ )551 ௨৴ σʔλϕʔε 42-
15. ΫϥΠΞϯτ  αʔό Α͘ฉ͘ ΫϥΠΞϯτͱαʔόͱ͍͏୯ޠɻ ͦΕͧΕ૬ରతͳ֓೦ɻ /PEFKT͸ΫϥΠΞϯτʹ΋ͳΔ͠ɺ αʔόʹ΋ͳΔɻ
16. /PEFKTΞϓϦέʔγϣϯ͸.Z42- ͔ΒΈΔͱΫϥΠΞϯτ /PEFKTΞϓϦέʔγϣϯ͸ϒϥ΢β ͔ΒΈΔͱαʔό
17. ΋ͬͱ͍͏ͱ
18. ίϯϐϡʔλͷ࢓૊Έ ίϯϐϡʔλͷߏ੒ཁૉΛେ͖͘ࡾͭʹ෼͚Δͱ ɾ ϋʔυ΢ΣΞ
    
    $16ɺ ϝϞϦɺ )%%ͳͲ ɾ ϛ υϧ΢ΣΞ
    ʢ04ͳͲ ɾ ΞϓϦέʔγϣϯ
    
    ϒϥ΢βɺ J5VOFTͳͲʣ
19. ϒϥ΢β΋/PEFKTΞϓϦέʔγϣϯ ʢαʔόαΠυͷΞϓϦέʔγϣϯʣ ΋04্Ͱಈ͍͍ͯΔɻ
20. ΞϓϦέʔγϣϯ ϒϥ΢β ʢΞϓϦέʔγϣϯʣ )551 ௨৴ σʔλϕʔε 42- 04 04
21. 04 "11 %# ϋʔυ΢ΣΞ ΞϓϦέʔγϣϯ 04 ϒϥ΢β ϋʔυ΢ΣΞ ΞϓϦέʔγϣϯ ΫϥΠΞϯτ αʔό
22. ਤΛݟͯΘ͔ΔΑ͏ʹɺ ΫϥΠΞϯτ΋αʔό΋04্ͰΞϓϦέʔγϣϯ͕ ಈ͍͍ͯΔɻ ˠ04ͷૢ࡞ํ๏΍͘͠Έ΋ཧղ͓͖͍ͯͨ͠ɺ ίϚϯυϥΠϯૢ࡞ʹͳΕΑ͏ɻ ͪͳΈʹ
23. σϞ
24. ͳΜͰ 8FC ΞϓϦ ͷ࢓૊Έ ͕େࣄͳͷʁ
25. ϑϩϯτΤϯδχΞͷ࢓ࣄͬͯ ʁ
26. γεςϜ ʢಛʹ8FCγεςϜʣ Λ࡞Δ͜ͱ
27. ϑϩϯτΤϯυ͔ͩΒαʔό ͷ͜ͱ஌Βͳͯ͘ྑ͍ΑͶʁ
28. ϑϩϯτΤϯυΤϯδχΞͰ͋Δલʹ8FCγεςϜΛ ࡞Δ࢓ࣄʹ͖ͭͨ͘ ͯษڧ͍ͯ͠Δ͸ͣͳͷͰɺ 8FCΞϓϦ͕ͲͷΑ͏ͳٕज़Ͱ੒Γཱ͍ͬͯΔ͔Λཧղ ͢Δͷ͸ඞਢ
29. ͜Ε͔ΒֶͿʢ࡞ΔʣγεςϜͷશମ૾Λ஌Βͣʹ ࡞ΕΔ༷ʹͳΔͷ͔ʁ ɾ શମ૾Λ஌Βͳ͍ͱࡾϲ݄ޙɺ ൒೥ޙʹࣗ෼͕ԿΛ ཧղ͍ͯ͠Ε͹ྑ͍ͷ͔Θ͔Βͳ͍ ɾ ෦෼తͳ)5.-$44ͳͲͷٕज़ΛֶΜͰ΋໦ΛΈͯ ৿Λݟͣঢ়ଶʹؕΓ͕ͪ
30. ॳֶऀ͸ՈΛ࡞Γ͍ͨͷʹՈશମͷ࡞ΓํͰͳ͘ɺ ͍͖ͳΓݰؔͷ࡞ΓํΛֶͼ͕ͪɻ
    
31. 8FCγεςϜશମΛཧղ͠·͠ΐ ͏ɻ αʔό΋΍Γ·͠ΐ ͏ɻ গͳ͘ ͱ΋ԿΒ͔ͷϑϨʔϜϫʔΫ࢖ͬͯɺ "1*࡞ͬͯ$36%࡞ΕΔ͘ Β͍
32. ཧղ͢΂͖֓೦ɾݴޠ
33. େ͖͘Θ͚ͯͭ
34. ɾ *5جૅ
    ɾ ɾ ɾ
    ϋʔυ΢ΣΞͷ࢓૊Έɺ 04 ɾ ΞϓϦέʔγϣϯɺ ωο τϫʔΫɺ 8FCΞϓϦͷ࢓૊Έ ɾ )5.-$44
    ɾ ɾ ɾ
    ݴΘͣ΋͕ͳɻ ηϚϯςΟοΫɺ $44ઃܭͳͲ ɾ +BWB4DSJQU
    ɾ ɾ ɾ
    %0.ૢ࡞ɻ ϑΥʔϜόϦσʔγϣϯɻ ΠϕϯτϋϯυϦϯάͳͲͳͲ ɾ αʔόαΠυݴޠ
    ɾ ɾ ɾ
    3VCZ
    1)1
    1ZUIPO
    /PEFKT͔ΒͲΕ͔Ұͭ$36%Λ࡞ΕΔఔ౓ɻ ɾ -JOVY
    ɾ ɾ ɾ ίϚϯυϥΠϯૢ࡞ɺ 44)ɺ αʔό࡞ۀ΍؀ڥߏஙʹඞཁɻ ɾ (JU
    ɾ ɾ ɾ νʔϜ։ൃʹϒϥϯνӡ༻΍ɺ HJUͷ$-*Ͱͷૢ࡞ͳͲɻ
35. ЋϑϩϯτΤϯυΤϯδχΞͰ͋Ε͹ ֶͼ͍ͨ
36. ɾ 3FBDU ʢ͋Δ͍͸7VFʣ
    ɾ ɾ ɾ
    +BWB4DSJQUͷਓؾϑϨʔϜϫʔΫͷҰͭɻ ಈతαΠτߏஙʹ޲͍͍ͯΔɻ ϞμϯͳձࣾͷϑϩϯτΤϯυ͸΄΅ͲͪΒ͔Ͱ࡞ΒΕ͍ͯΔɻ ɾ 8FCQBDL
    ɾ ɾ ɾ
    +BWB4DSJQUͷτϥϯεύΠϧʹ࢖༻͞ΕΔϥΠϒϥϦɻ 3FBDUɺ 7VFΛੜͷ+4ʹม׵͢Δͷʹ΋࢖ΘΕΔɻ ͳͲ ɾ 4BTT ʢ-FTT
    4FTT
    ɾ ɾ ɾ
    $44ϑϨʔϜϫʔΫɻ $44ΛΑΓ؆қతʹهड़͢ΔͨΊͷݴޠɻ ɾ 5ZQF4DSJQU ɾ ɾ ɾ +BWB4DSJQUʹܕ৘ใΛ௥Ճͨ͠ݴޠɻ
    5ZQF4DSJQUͰهड़͠ɺ 8FCQBDL CBCFM Ͱ+BWB4DSJQUʹม׵ͯ͠ಈ͔͢ɻ
37. ͋Γ͕ͱ͏͍͟͝·ͨ͠