Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

47882d672f800098b2bc1c4149a439bd?s=128

version1-workspace

February 25, 2020
Tweet

More Decks by version1-workspace

Other Decks in Programming

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠