Railsポートフォリオ作成【設計編】準備

今日は定時で帰れてハッピーな肉体労働者です。

今日もポートフォリオ作成を進めていくっ

前回

yukitoku-sw.hatenablog.com

今回は設計編、準備。ということでチョコチョコやってGitHubにリポジトリを作成までいきたい！

まずは、バージョン確認

% ruby -v
ruby 2.6.5p114 (2019-10-01 revision 67812) [x86_64-darwin19]

% rails -v
Rails 6.0.1

% postgres -V
postgres (PostgreSQL) 11.5

HerokuでアップしたいのでデータベースはPostgreSQLを使用します

そして、rails new

% rails new アプリ名 -d postgresql

% cd アプリ名　# 作成したアプリに移動

% rails db:create　# データベースを作成

% rails s　# サーバー起動

　\やったぜ/

いきって、Slim

せっかくなのでSlimを使用する

[Gemfile]

gem 'slim-rails'
gem 'html2slim'

Gemfileにgemを2つ追加

bundle

rails newの時点で app/views/layouts にerbのファイルが作成されているので、Slimに変更する

% bundle exec erb2slim app/views/layouts/ --delete

erbからslimに変更されているのを確認！ok

念のため、Bootstrap

cssを弄くり回したい欲望はあるんですが、とりあえずBootstrapでざっくり作る

[Gemfile]

gem 'bootstrap'

先ほど追加したgemの下にbootstrapをスイカ

bundle

cssをscssに変更

% rm app/assets/stylesheets/application.css
% touch app/assets/stylesheets/application.scss

作成したファイルにbootstrapを適用させる

[application.scss]

@import "bootstrap";

ok

最後に、GitHub

% git init
% git add -A
% git commit -m "Initialize repository"

GitHubでレポジトリを作成してブッ込む！

% git remote add origin https://github.com/ユーザー名/レポジトリ名.git
% git push -u origin master

できた！！

調べながらやってたら試したいgemや設定があった！
けど、とりあえず今の状況で開発を進めていくことにする。自分で設計したものをひとまず完成させて年末年始を利用してバージョンアップさせていこう！

おわり〜！