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

by よしこ

Slide 1

Slide 1 text

ΠϯτϩμΫγϣϯ @yoshikouki_

Slide 2

Slide 2 text

@yoshikouki_  Α͜͠ ٢ຊ߁و GMOϖύϘ CTOࣨ  ࣛࣇౡΤϯδχΞϦϯάνʔϜ yoshikouki.eth ཧֶྍ๏࢜  → ιϑτ΢ΣΞΤϯδχΞ

Slide 3

Slide 3 text

ϓϩάϥϛϯάʹ ڵຯ͋Γ·͔͢ʁ

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

໨࣍ 1. Web ΞϓϦέʔγϣϯͬͯԿͩ 2. Web ΞϓϦέʔγϣϯͱ  ϓϩάϥϛϯάݴޠͷؔ܎ 3. Ruby ͱ͍͏ϓϩάϥϛϯάݴޠ 4. Ruby on Rails ͱ͍͏ศརͳଘࡏ 5. Web ΞϓϦέʔγϣϯΛ࡞Δ  ͨΊʹඞཁͳࡐྉ 6. ͦΕͰ͸࢝ΊͯΈ·͠ΐ͏ʂ

Slide 7

Slide 7 text

ΠϯτϩμΫγϣϯͷ૝ఆର৅ऀ ● ࣛࣇౡʹԑ͕͋Δํ ● ϓϩάϥϛϯάʹڵຯ͋Δ ● ϓϩάϥϛϯάʹॳΊͯ৮Δ  or ܰ͘ͳΒ৮ͬͨ͜ͱ͕͋Δ ● ʮWebΞϓϦέʔγϣϯʯʹ͍ͭͯͲΜͳ΋ͷ͔૝૾Ͱ͖ͳ͍

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

ຊ೔ͷొ৔ਓ෺ 1. HTML

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

ࠓճ͸Ruby

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

Ruby on Rails on

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Slide 40

Slide 40 text

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