0
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 3 years have passed since last update.

初めてのRuby on rails 開発: Scaffold編 [Memo for neko]

Last updated at Posted at 2021-02-10

まだ慣れていないと、作っている途中で開発の流れが分からなくてなってしまうこともあるかと思います。
そのためのメモです。

開発環境:
・Mac book Pro (Retina, 13-inch)
・mac OS Big Sur バージョン11.2
・Ruby: ruby 2.6.3p62
・RubyGems: ---
・Rails: Rails 6.1.2

まとめ:
1.2.3. Rails 新規作成ー> rails new 名前 
4.Scaffoldの作成ー> rails g scaffold モデル名 カラム名:データ型
5.ルート確認 ー> rails routes
6.サーバー起動 ー> rails s
7.確認

  • 補足 (エラー関係と対処)

1.PC内にディレクトリ(フォルダ)を新規作成

```terminal.rails_lesson例 mkdir rails_lesson cd rails_lesson ```

2.Railsのアプリ新規作成

例えばBlogアプリなら、

terminal.blog_app例
rails new blog_app

3.作成したRailsアプリのディレクトリへの移動

terminal.Blog例
cd blog_app

4.Scaffold作成

例)rails g scaffold モデル名 カラム名1:データ型1 カラム名2:データ型2
terminal.blog_app例
rails g scaffold Blog title:string body:text
rails db:migrate

モデルに, titleというstirng型のカラムとbodyというtext型のカラムを作成.
(db:migrateは、データ反映のため,しなくても良いかもだけど・・・念のため)

参考画面:
rails_scaffold.png

5.ルートを確認

terminal.Blog例
rails routes

参考画面:
rails_routes.png

6.サーバー起動!

terminal.Blog例
rails s

7.ローカルサーバーで動いているか確認

7-1 パソコンのお好きなブラウザ(Chromeなど)でRuby on rails が動作しているか確認.

localhost:3000

参考画面:
done.png

7-2 Ruby on rails で先ほど作ったBlogが動作しているか確認.

localhost:3000/blogs

参考画面 1:
blogs.png

参考画面 2:
Screen Shot 2021-02-10 at 14.07.05.png

完成(パチパチ, お疲れ様でした.)

補足 

(エラー関係の対処)

  • 「Yarn not installed.」と出た際は,以下のコマンドでインストールしましょう!
npm install --global yarn
  • 「webpacker:install Error...」と出た際は,以下のコマンドでインストールしましょう!
rails webpacker:install
0
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
0
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?