79
1 #Rails http://railstutorial.jp/ Rails by YassLab

Rails解説セミナー 第1章

Embed Size (px)

Citation preview

Page 1: Rails解説セミナー 第1章

1 #Rails

http://railstutorial.jp/

Rails

by YassLab

Page 2: Rails解説セミナー 第1章
Page 3: Rails解説セミナー 第1章

Rails

Page 4: Rails解説セミナー 第1章

( )

( )

( )

Page 5: Rails解説セミナー 第1章

( )

1. . 2.

. 3.

. 4.

. 5.

.

( )

( )

Page 6: Rails解説セミナー 第1章

Rails

• .

• Web

• ! Emacs → Cloud 9

• .

• / .

• :(

Page 7: Rails解説セミナー 第1章

Ready?

Page 8: Rails解説セミナー 第1章

!

Page 9: Rails解説セミナー 第1章

1 #Rails

http://railstutorial.jp/

Rails

by YassLab

Page 10: Rails解説セミナー 第1章

• Rails :

• Ruby/Rails

• Git/Bitbucket

• Heroku

Page 11: Rails解説セミナー 第1章

http://railstutorial.jp/

Rails

by YassLab

Page 12: Rails解説セミナー 第1章

• RSpec minitest

• (RSpec Cucumber )

• Web

Page 13: Rails解説セミナー 第1章

• Rails

• Ruby 2.3 Rails 5.0

• Rails

hello_app

toy_app Rails Way

sample_app 1 1

Page 14: Rails解説セミナー 第1章

1.1 • 1.1.1

• HTML/CSS/JavaScript

• Ruby

• cf. 4 Try Ruby http://tryruby.org/

• 1.1.2 $ ~~~ Rails

Page 15: Rails解説セミナー 第1章

1.1

Page 16: Rails解説セミナー 第1章

1 1.2

(OS )

http://railstutorial.jp/

Rails

by YassLab

Page 17: Rails解説セミナー 第1章

1. IDE ( ) - Cloud9 ( IDE) - nitrous.io ( 😭) - RubyMine ( )

2. (※ Inspect ) - Google Chrome- Firefox - Safari

1.2.1

Page 18: Rails解説セミナー 第1章

1.2.1

• - Mac: iTerm2, Terminal.app. - Linux: Terminal - Windows: Linux (Virtual Box )

Git Bash Heroku Toolbelt

• - Sublime Text, TextMate, Atom - Vim, Emacs

Page 19: Rails解説セミナー 第1章

• Google

• Google

•Rails

※ : 1.1

Page 20: Rails解説セミナー 第1章

:

Page 21: Rails解説セミナー 第1章

Ruby/Rails

Page 22: Rails解説セミナー 第1章

Ruby 2.2.0

Ruby/Rails

RubyGems ( )

rbenv (or rvm)

ruby-build

ruby $ rbenv install 2.2.0

Ruby 1.9.3 Ruby 2.3.0RubyGems ( )RubyGems ( )

rails 3.2 rails 5.0

$ rbenv global 2.2.0 $ rbenv local 2.3.0

(Gem) $ gem install rails --version 4.2.2

rails (4.2.2) , bundler, pry, …

$ rbenv install 1.9.3

Page 23: Rails解説セミナー 第1章

1 1.2

(Cloud9 )

http://railstutorial.jp/

Rails

by YassLab

Page 24: Rails解説セミナー 第1章

Cloud9

Page 25: Rails解説セミナー 第1章
Page 26: Rails解説セミナー 第1章

Cloud9

Page 27: Rails解説セミナー 第1章

Cloud9

Page 28: Rails解説セミナー 第1章

Cloud9

Page 29: Rails解説セミナー 第1章
Page 30: Rails解説セミナー 第1章

Rails1. $ gem install rails --version 5.0.0.1

2. $ rails _5.0.0.1_ new hello_app

3. $ cd hello_app

4. $ rails --version => Rails 5.0.0.1

5. $ rails server -b $IP -p $PORT : $ rails server

6. Cloud9 Preview → Preview Running Application : http://localhost:3000/

Page 31: Rails解説セミナー 第1章
Page 32: Rails解説セミナー 第1章

Cloud9

Page 33: Rails解説セミナー 第1章

Cloud9

1. 2. URL 3.

Page 34: Rails解説セミナー 第1章

https://ide.c9.io/yasulab/rails-tutorial

Page 35: Rails解説セミナー 第1章

URL “Collaborate” → “Group Chat”

Page 36: Rails解説セミナー 第1章

:

http://www.slideshare.net/yasulab/presentations

Page 37: Rails解説セミナー 第1章

https://rails-tutorial-yasulab.c9.io

Page 38: Rails解説セミナー 第1章

( : )

Page 39: Rails解説セミナー 第1章

1 1.2

(Linux )

http://railstutorial.jp/

Rails

by YassLab

Page 40: Rails解説セミナー 第1章

1. rbenv ruby-build ( ) https://github.com/sstephenson/rbenv#installation https://github.com/sstephenson/ruby-build#ruby-build

2. Ruby $ rbenv install 2.3.0

: sudo apt-get libyaml-dev libxslt-dev libxml2-dev : libsqlite3-dev ( !)

Page 41: Rails解説セミナー 第1章

3. rbenv $ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile $ source .bash_profile$ rbenv global 2.3.0

4. Rails $ gem install rails --version 5.0.0.1

Page 42: Rails解説セミナー 第1章

$ which ruby ~/.rbenv/shims/ruby $ which rails ~/.rbenv/shims/rails $ which gem ~/.rbenv/shims/gem

Page 43: Rails解説セミナー 第1章

$ ruby -v ruby 2.3.0 $ rails --version Rails 5.0.0.1 $ gem --version 2.5.1

Page 44: Rails解説セミナー 第1章

1 1.2

(Mac )

http://railstutorial.jp/

Rails

by YassLab

Page 45: Rails解説セミナー 第1章

1. Homebrew : http://brew.sh/index_ja.html

$ brew install libtool libxslt libksba openssl libyaml

2. rbenv ruby-build $ brew install rbenv ruby-build

3. Ruby & $ rbenv install 2.3.0

Page 46: Rails解説セミナー 第1章

4. rbenv $ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile $ source .bash_profile$ rbenv global 2.3.0

5. RubyGems Rails $ gem install rails --version 5.0.0.1

Page 47: Rails解説セミナー 第1章

$ which ruby ~/.rbenv/shims/ruby $ which rails ~/.rbenv/shims/rails $ which gem ~/.rbenv/shims/gem

Page 48: Rails解説セミナー 第1章

$ ruby -v ruby 2.3.0 $ rails --version Rails 5.0.0.1 $ gem --version 2.5.1

Page 49: Rails解説セミナー 第1章

1 1.2

(Windows )

http://railstutorial.jp/

Rails

by YassLab

Page 50: Rails解説セミナー 第1章

1. Vagrant+Virtual Box Rails ※

2. Linux - VMWare Player / Virtual Box - Ubuntu 14.04 LTS - Linux - http://railstutorial.jp/screencasts#ch01

Page 51: Rails解説セミナー 第1章

$ which ruby ~/.rbenv/shims/ruby $ which rails ~/.rbenv/shims/rails $ which gem ~/.rbenv/shims/gem

Page 52: Rails解説セミナー 第1章

$ ruby -v ruby 2.3.0 $ rails --version Rails 5.0.0.1 $ gem --version 2.5.1

Page 53: Rails解説セミナー 第1章

1 1.2

(Vagrant )

http://railstutorial.jp/

Rails

by YassLab

Page 54: Rails解説セミナー 第1章

1. https://github.com/yasslab/railstutorialjp_starter_kit

2.

3. Ruby & $ rbenv install 2.3.0

4. RubyGems Rails $ gem install rails --version 5.0.0.1

Page 55: Rails解説セミナー 第1章

$ which ruby ~/.rbenv/shims/ruby $ which rails ~/.rbenv/shims/rails $ which gem ~/.rbenv/shims/gem

Page 56: Rails解説セミナー 第1章

$ ruby -v ruby 2.3.0 $ rails --version Rails 5.0.0.1 $ gem --version 2.5.1

Page 57: Rails解説セミナー 第1章
Page 58: Rails解説セミナー 第1章

1 1.3

http://railstutorial.jp/

Rails

by YassLab

Page 59: Rails解説セミナー 第1章
Page 60: Rails解説セミナー 第1章

1. ✅ mkdir workspace ; cd workspace

2. ✅ rails _5.0.0.1 new hello_app

3. Gemfile (gem version )

4. $ bundle install

5. application_controller.rb routes.rb

6. $ rails server -b $IP -p $PORT

1.3

:

Page 61: Rails解説セミナー 第1章

Hello, world?

Page 62: Rails解説セミナー 第1章

: MVC ( )

Page 63: Rails解説セミナー 第1章

: Unix

Page 64: Rails解説セミナー 第1章

1 1.4 Git

http://railstutorial.jp/

Rails

by YassLab

Page 65: Rails解説セミナー 第1章

Git :

$ cd ~/workspace/hello_app $ git config --global user.name "Your Name" $ git config --global user.email [email protected] $ git config --global push.default matching $ git config --global alias.co checkout $ git init$ git add -A $ git commit -m “Initial commit” $ git log ( ) GitHub BitBucket .

Git

Page 66: Rails解説セミナー 第1章

GitHub: github.com

Page 67: Rails解説セミナー 第1章

BitBucket: bitbucket.org

Page 68: Rails解説セミナー 第1章
Page 69: Rails解説セミナー 第1章

1 1.5

http://railstutorial.jp/

Rails

by YassLab

Page 70: Rails解説セミナー 第1章

1. Gemfile (production pg gem )

2. $ bundle install --without production

3. $ git commit -a -m "Update Gemfile for Heroku"

4. $ heroku login

5. $ heroku keys:add

6. $ heroku create

7. $ git push heroku master

8. $ heroku rename < >

Heroku !

Page 71: Rails解説セミナー 第1章

Heroku ( )

Page 72: Rails解説セミナー 第1章
Page 73: Rails解説セミナー 第1章

• Rails :

• Cloud9

• Ruby / Rails

• Git (Bitucket GitHub !)

• hello_app Heroku

: Rails

Page 74: Rails解説セミナー 第1章
Page 75: Rails解説セミナー 第1章

Rails http://railsguides.jp/getting_started.html

Page 76: Rails解説セミナー 第1章
Page 77: Rails解説セミナー 第1章

!( )

!

Page 78: Rails解説セミナー 第1章

• :)

• : http://railstutorial.jp/seminars

• :) ,

.

• , .

Page 79: Rails解説セミナー 第1章

1 #Rails

http://railstutorial.jp/

Rails

by YassLab