<aside> 💡 はじめに：本ドキュメントではRailsアプリケーション開発の第一歩として『Railsアプリケーションを作成〜「Hello world!」をWebブラウザに表示する』までの解説をします。

</aside>

Railsアプリケーションを作成

「environment」ディレクトリ中にRailsアプリケーションを作成します。

railsコマンドを行うと大量のファイルとディレクトリが作成されます。

$ mkdir environment
$ cd environment

$ rails new hello_app
      create  
      create  README.md
      .
      .
      .
Webpacker successfully installed 🎉 🍰

Bundlerを実行

Bundlerを実行して、アプリケーションに必要なgemをインストールします。

// 「_2.3.10_」はインストールしたBundlerのバージョンに合わせてください
$ bundle _2.3.10_ install
Using rake 13.0.6
Using concurrent-ruby 1.1.10
.
.
.
Bundle complete! 17 Gemfile dependencies, 76 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.

Tip. bundler installコマンドとは？

実行対象のgemはアプリケーション名直下のディレクトリにある「Gemfile」に記載されています。Gemfileを編集することでインストールするgemやgemのバージョンをカスタマイズすることができます。

「bundle install」コマンドはGemfileに指定されたgemをRailsアプリケーションにインストールするコマンドです。現時点で特に編集する必要は無いですが、内容は大体以下のような内容となっています。

source '<https://rubygems.org>'
git_source(:github) { |repo| "<https://github.com/#{repo}.git>" }

ruby '2.7.6'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails', branch: 'main'
gem 'rails', '~> 6.1.3', '>= 6.1.3.1'
# Use sqlite3 as the database for Active Record
gem 'sqlite3', '~> 1.4'
# Use Puma as the app server
gem 'puma', '~> 5.0'
# Use SCSS for stylesheets
gem 'sass-rails', '>= 6'
# Transpile app-like JavaScript. Read more: <https://github.com/rails/webpacker>
gem 'webpacker', '~> 5.0'
# Turbolinks makes navigating your web application faster. Read more: <https://github.com/turbolinks/turbolinks>
gem 'turbolinks', '~> 5'
# Build JSON APIs with ease. Read more: <https://github.com/rails/jbuilder>
gem 'jbuilder', '~> 2.7'
# Use Redis adapter to run Action Cable in production
# gem 'redis', '~> 4.0'
# Use Active Model has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use Active Storage variant
# gem 'image_processing', '~> 1.2'

# Reduces boot times through caching; required in config/boot.rb
gem 'bootsnap', '>= 1.4.4', require: false

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
end

group :development do
  # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
  gem 'web-console', '>= 4.1.0'
  # Display performance information such as SQL time and flame graphs for each request in your browser.
  # Can be configured to work on production as well see: <https://github.com/MiniProfiler/rack-mini-profiler/blob/master/README.md>
  gem 'rack-mini-profiler', '~> 2.0'
  gem 'listen', '~> 3.3'
  # Spring speeds up development by keeping your application running in the background. Read more: <https://github.com/rails/spring>
  gem 'spring'
end

group :test do
  # Adds support for Capybara system testing and selenium driver
  gem 'capybara', '>= 3.26'
  gem 'selenium-webdriver'
  # Easy installation and use of web drivers to run system tests with browsers
  gem 'webdrivers'
end

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]

Webpackerをインストール

以下コマンドを実行してください。

もしWebpackerを既にインストール済みの場合は設定を上書きするかどうかを聞かれますので、その時は「no」と入力してください。「/public/packs」のディレクトリが作成されていればOKです。

$ rails webpacker:install
   identical  config/webpacker.yml
Copying webpack core config
.
.
.
success Saved 0 new dependencies.
✨  Done in 2.48s.
Webpacker successfully installed 🎉 🍰