$30 off During Our Annual Pro Sale. View Details »

Rails Girls Kagoshima 1st イントロダクション

Rails Girls Kagoshima 1st イントロダクション

Rails Girls Kagoshima 1st の最初にイントロダクションとして講義した内容
https://railsgirls-kagoshima.connpass.com/event/248131/

よしこ

July 04, 2022
Tweet

More Decks by よしこ

Other Decks in Programming

Transcript

  1. ΠϯτϩμΫγϣϯ
    @yoshikouki_

    View Slide

  2. @yoshikouki_

    Α͜͠ ٢ຊ߁و
    GMOϖύϘ CTOࣨ

    ࣛࣇౡΤϯδχΞϦϯάνʔϜ
    yoshikouki.eth
    ཧֶྍ๏࢜

    → ιϑτ΢ΣΞΤϯδχΞ

    View Slide

  3. ϓϩάϥϛϯάʹ
    ڵຯ͋Γ·͔͢ʁ

    View Slide

  4. ϓϩάϥϛϯά͸
    ָ͍͠Ͱ͔͢ʁ

    View Slide

  5. ϓϩάϥϛϯάָ͍͠!!!!!!!

    View Slide

  6. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  7. ΠϯτϩμΫγϣϯͷ૝ఆର৅ऀ
    ● ࣛࣇౡʹԑ͕͋Δํ
    ● ϓϩάϥϛϯάʹڵຯ͋Δ
    ● ϓϩάϥϛϯάʹॳΊͯ৮Δ

    or ܰ͘ͳΒ৮ͬͨ͜ͱ͕͋Δ
    ● ʮWebΞϓϦέʔγϣϯʯʹ͍ͭͯͲΜͳ΋ͷ͔૝૾Ͱ͖ͳ͍

    View Slide

  8. ͜ͷߨٛͷΰʔϧ
    ● WebΞϓϦέʔγϣϯ͕ͳΜͱͳ͘෼͔ͬͨ
    ● ϓϩάϥϛϯάͰԿ͕Ͱ͖Δͷ͔ͳΜͱͳ͘෼͔ͬͨ
    ● WebΞϓϦέʔγϣϯΛ࡞ͬͯΈΔͨΊʹඞཁͳ΋ͷ͕ͳΜͱͳ͘෼͔ͬͨ
    ● ʮࠓ೔͸ָ͘͠ͳΓͦ͏ɾɾɾƂŞƂŞʯͱͳͬͨ
    งғؾ͚ͩ෼͔ͬͨΒΰʔϧʂʂʂ

    View Slide

  9. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  10. Web ΞϓϦέʔγϣϯͬͯԿͩ
    ϒϥ΢βΛܦ༝ͯ͠ར༻͢ΔΞϓϦέʔγϣϯͰ͢

    View Slide

  11. Web ΞϓϦέʔγϣϯ

    ͬͯԿͩ
    ● εϚʔτϑΥϯͰ࢖͏ʮΞϓϦʯ
    ͱ͸एׯҟͳΓ·͢

    View Slide

  12. ݟ͑ํͷҧ͍
    ͱ͸͍͑ɺଟ͘ͷαʔϏεͰ͸
    - Web ΞϓϦέʔγϣϯ
    - ΞϓϦέʔγϣϯ
    ͷͲͪΒ΋ఏڙ͞Ε͍ͯ·͢

    View Slide

  13. ࠓճ͸ϒϥ΢β
    ࠓճ͸ϒϥ΢βΛܦ༝ͯ͠࢖͏
    Web ΞϓϦέʔγϣϯΛ࡞Γ·͢

    View Slide

  14. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  15. ΄͍ɺϗʔϜը໘ͩΑ
    ʮָ͍͠ʂʯͱπΠʔτ͍ͨ͠
    ΄͍ɺπΠʔτ͠ͱ͍ͨΑ
    ϓϩάϥϜͱ͸
    ϒϥ΢β αʔόʔ
    ϗʔϜը໘Λݟ͍ͨ

    View Slide

  16. ϗʔϜը໘Λݟ͍ͨ
    ΄͍ɺϗʔϜը໘ͩΑ
    ʮָ͍͠ʂʯͱπΠʔτ͍ͨ͠
    ΄͍ɺπΠʔτ͠ͱ͍ͨΑ
    ϓϩάϥϜͱ͸
    ϓϩάϥϜ
    ϒϥ΢β αʔόʔ

    View Slide

  17. ຊ೔ͷొ৔ਓ෺
    1. HTML
    2. CSS
    3. Ruby

    View Slide

  18. ຊ೔ͷొ৔ਓ෺
    1. HTML

    View Slide

  19. ຊ೔ͷొ৔ਓ෺
    1. HTML 2. CSS

    View Slide

  20. ຊ೔ͷొ৔ਓ෺
    1. HTML 2. CSS 3. Ruby
    Ϣʔβʔ͕ʮϗʔϜΛݟ͍ͨʯͱݴͬͨΒɺ

    ←͜ΕΛฦͦ͏

    View Slide

  21. ϗʔϜΛݟ͍ͨ
    ΄͍ɺϗʔϜͩΑ
    ϓϩάϥϜͱ͸
    ϓϩάϥϜ
    ϒϥ΢β αʔόʔ
    HTML + CSS

    View Slide

  22. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  23. ϗʔϜΛݟ͍ͨ
    ΄͍ɺϗʔϜͩΑ
    ϓϩάϥϜ
    ϒϥ΢β αʔόʔ
    HTML + CSS

    View Slide

  24. ৭Μͳछྨͷϓϩάϥϛϯάݴޠ͕͋Δ
    1. Ruby
    2. JavaScript
    3. Python
    4. PHP
    5. Java
    6. C#
    7. Go
    8. Rust
    etc…

    View Slide

  25. ࠓճ͸Ruby

    View Slide

  26. ࠓճ͸Ruby
    RubyʢϧϏʔʣ͸ɺ·ͭ΋ͱΏ͖ͻΖʢ௨শ: MatzʣʹΑΓ։ൃ͞ΕͨΦϒ
    δΣΫτࢦ޲εΫϦϓτݴޠʢεΫϦϓτݴޠͱ͸ϓϩάϥϛϯάݴޠͷҰ
    ෼ྨʣɻ
    ೔ຊͰ։ൃ͞Εͨϓϩάϥϛϯάݴޠͱͯ͠͸ॳΊͯࠃࡍిؾඪ४ձٞ
    ʢIECʣͰࠃࡍن֨ʹೝূ͞Εͨࣄྫͱͳͬͨ[3]ɻ
    https://ja.wikipedia.org/wiki/Ruby

    View Slide

  27. ࠓճ͸Ruby
    https://www.ruby-lang.org/ja/

    View Slide

  28. Ruby͕࢖ΘΕ͍ͯΔαʔϏεྫ
    ● Airbnb
    ● Hulu
    ● Netflix
    ● Twitter (ੲ࢖͍ͬͯͨ)

    View Slide

  29. ϗʔϜΛݟ͍ͨ
    ΄͍ɺϗʔϜͩΑ
    ࠓճ͸͜͏ͳΔ
    ϒϥ΢β αʔόʔ
    HTML + CSS

    View Slide

  30. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  31. ϗʔϜΛݟ͍ͨ
    ΄͍ɺϗʔϜͩΑ
    ͜Ε࡞Δͷେม
    ϒϥ΢β αʔόʔ
    HTML + CSS

    View Slide

  32. Ruby on Rails
    on

    View Slide

  33. ϗʔϜΛݟ͍ͨ
    ΄͍ɺϗʔϜͩΑ
    ϒϥ΢β αʔόʔ
    HTML + CSS
    ·Δͬͱ΍ͬͯ͘ΕΔศརπʔϧ

    View Slide

  34. ཧղͰ͖ͳͯ͘΋େৎ෉
    https://www.javadrive.jp/rails/ini/index7.html

    View Slide

  35. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  36. ϗʔϜΛݟ͍ͨ
    ΄͍ɺϗʔϜͩΑ
    ϒϥ΢β αʔόʔ
    HTML + CSS
    Ͳ͏΍ͬͯ࡞Δͷʁʁʁ

    View Slide

  37. ίʔυΛॻ͘ͷ͸ VSCode
    Visual Studio Code
    ● ΤσΟλ
    ● λʔϛφϧ
    ● ϑΝΠϥʔ

    View Slide

  38. ͦͷଞʹ΋ɾɾɾ
    Git
    ● ϓϩάϥϜΛอଘɾެ։͢Δ
    ● ଞʹ΋৭ʑศར
    ● GitHub ͱ͍͏αʔϏεΛར༻
    αʔόʔ
    ● ϓϩάϥϜΛಈ͔ͯ͘͠ΕΔ
    ● Πϯλʔωοτʹެ։͢Δ
    ● heroku ͱ͍͏αʔϏεΛར༻

    View Slide

  39. ໨࣍
    1. Web ΞϓϦέʔγϣϯͬͯԿͩ
    2. Web ΞϓϦέʔγϣϯͱ

    ϓϩάϥϛϯάݴޠͷؔ܎
    3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ
    4. Ruby on Rails ͱ͍͏ศརͳଘࡏ
    5. Web ΞϓϦέʔγϣϯΛ࡞Δ

    ͨΊʹඞཁͳࡐྉ
    6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

    View Slide

  40. ΠϯτϩμΫγϣϯͷΰʔϧ
    ● WebΞϓϦέʔγϣϯ͕ͳΜͱͳ͘෼͔ͬͨ
    ● ϓϩάϥϛϯάͰԿ͕Ͱ͖Δͷ͔ͳΜͱͳ͘෼͔ͬͨ
    ● WebΞϓϦέʔγϣϯΛ࡞ͬͯΈΔͨΊʹඞཁͳ΋ͷ͕ͳΜͱͳ͘෼͔ͬͨ
    ● ʮࠓ೔͸ָ͘͠ͳΓͦ͏ɾɾɾƂŞƂŞʯͱͳͬͨ
    งғؾ͚ͩ෼͔ͬͨΒΰʔϧʂʂʂ

    View Slide

  41. ϓϩάϥϛϯάָ͍͠!!!!!!!

    View Slide

  42. ͦΕͰ͸࢝Ί·͠ΐ͏ʂ

    View Slide

  43. ΠϯτϩμΫγϣϯ
    @yoshikouki_

    View Slide