こんな人に読んで欲しい
Railsで、HamlとSassのコーディング練習をしたい。取り急ぎビューの表示まで行ってさっさと練習したい。
早速行きましょう
1:任意のディレクトリ以下で（保存したいフォルダにて）rails new実行してアプリフォルダ作成
7/12訂正：任意のディレクトリへ移動する（私が間違えてホームディレクトリでやってしまいがちなので追加笑）
ターミナル
% cd projects ※projectとしましたが、ディレクトリ名はなんでもいいです
ターミナル
$ rails _5.2.3_ new xxxx -d mysql
任意指定：railsのバージョン、ファイル名（アプリ名、ここではxxxxとしています）
2:アプリのディレクトリに移動
以下、ターミナルコマンドは全てアプリのディレクトリ以下とします。
ターミナル
$ cd xxxx
3:関連ファイルが読み込まれていることを確認する
ターミナル
$ bundle install
4:データベースの作成
(単純にコーディングするだけなら不要だと思われます)
ターミナル
$ rails db:create
5:VS Codeでアプリ開く
6:ルーティングする
config/routes.rb
Rails.application.routes.draw do
root "posts#index"
resources :posts do
end
end
ルーティング名は任意でいい（ここではposts)
7:コントローラー作る
ターミナル
$ rails g controller posts
8:indexアクション定義
app/controllers/posts_controller.rb
class ApplicationController < ActionController::Base
def index
end
end
9:ビューファイルを作る
app/views/postsディレクトリに「index.html.erb」ファイルを作る
10:scssファイル用意する
app/assets/stylesheets以下の「application.css」を「application.scss」へファイル名変更して、以下のの記述を追加
app/assets/stylesheets/application.scss
@import "posts";
10:hamlを使えるようにする
11:hamlのGemファイル入れる（最下部に記述すればOK)
Gemfile
gem 'haml-rails'
12:gemファイル入れたんで、関連ファイルを再度読み込む
ターミナル
$ bundle install
13:erbファイルをhamlに変換する
ターミナル
$ rails haml:erb2haml
途中の
ターミナル
Would you like to delete the original .erb files? (This is not recommended unless you are under version control.) (y/n)
にはyで回答
すべてのerbファイルがhamlに変換されているはずです。
14：ローカルサーバーを起動
ターミナル
$ rails s
あとは「app/views/posts/index.html.haml」と、「app/assets/stylesheets/posts.scss」にコーディングしていくだけです！
その他
- リセットcssやFont Awesomeなんかは適宜入れてください。
- エラーが出た場合は、一度rails sをcontrol+Cで切ってもう一度rails sしてみてください
- VS Codeの拡張ファイル「Better Haml」入れておくと便利です。（拡張機能がインストールされるとHamlで記述したコードに色がつくようになります。）
参考リンク
YUI（リセットcss）
[Font Awesome] (https://github.com/FortAwesome/font-awesome-sass)
記事書き終えて
hamlでコード書きたいのに、立ち上げで詰まってる人結構いるかな？と思いまして記事にしようと思い立ちましたが、実際は書いている時にエラーが出まくりまして、
「結局自分が全然わかってなかった」と思い知らされ大変勉強になりました笑
不備などあれば教えていただけると幸いです。