1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Railsチュートリアル第一章のメモ

Posted at

#railsチュートリアルによるトップページの出し方

topページでHello Worldの出し方まで個人的にメモしていきます。

  • まずrailsをインストールする。そのためにターミナルに次のコードをコピペする。

gem install rails -v 5.1.4

  • 次に、hello-appというアプリケーションを作成する。

cd ~/environment rails _5.1.4_ new hello_app

  • 次にgemをインストールする。

まずhello-appフォルダのGemfileを開いてデフォルトのコードを削除し、以下のコードに置き換える。

source 'https://rubygems.org'

gem 'rails',        '5.1.4'
gem 'puma',         '3.9.1'
gem 'sass-rails',   '5.0.6'
gem 'uglifier',     '3.2.0'
gem 'coffee-rails', '4.2.2'
gem 'jquery-rails', '4.3.1'
gem 'turbolinks',   '5.0.1'
gem 'jbuilder',     '2.6.4'

group :development, :test do
  gem 'sqlite3',      '1.3.13'
  gem 'byebug', '9.0.6', platform: :mri
end

group :development do
  gem 'web-console',           '3.5.1'
  gem 'listen',                '3.1.5'
  gem 'spring',                '2.0.2'
  gem 'spring-watcher-listen', '2.0.1'
end

# Windows環境ではtzinfo-dataというgemを含める必要があります
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]

このファイルでインストールするgemを指定した。
次にgemをインストールする。ターミナルに以下のコードをコピペする。

cd hello_app/
bundle install

  • 別のターミナルタブでサーバーを立ち上げる。

cd ~/environment/hello_app/
rails server

PreviewしてYay! You’re on Rails!をブラウザに出す。

  • application-controllerにhelloアクションを作る。
def hello
    render html: "hello, world!"
  end
  • rootを作る。

root 'application#hello'

  • Runを♂とhello worldが表示される。
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?