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

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

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