/try_auth0

Primary LanguageRuby

セットアップ

Use this templateからリポジトリを複製

2020-08-15 18 29 37

Docker環境の整備

$ git clone https://github.com/nyshk97/project_name.git
$ cd project_name
# 必要に応じてRubyやRailsのバージョンを変更
$ docker-compose run web rails new . --force --no-deps --database=postgresql --skip-test
$ docker-compose build
$ docker-compose run web yarn upgrade
$ docker-compose up
$ docker-compose exec web rails db:create
$ docker-compose exec web rails db:migrate
$ docker-compose exec web rails db:seed

http://0.0.0.0:3000 にアクセスして表示を確認 Ctrl + Cでdocker-composeを終了

VSCode Remote Developmentの設定

VSCode左下のマーク > Reopen in ContainerでVSCode Remote Containerを開く

http://0.0.0.0:3000 にアクセスして表示を確認

機能の確認

  • Tailwind
  • jquery
  • 環境変数
  • locale
  • タイムゾーン
  • タスク追加、編集、削除
  • エラーメッセージの表示(4文字以下のタスクを入力)
  • flash
  • better_errors

テストツール、解析ツールの動作確認

$ rubocop
$ brakeman
$ bin/rspec

秘匿情報の保護

envとdatabase.ymlをgit管理から外す

$ cp .env .env.default
$ cp config/database.yml config/database.yml.default
$ git rm -r --cached .env
$ git rm -r --cached config/database.yml

# .gitignore
.env
config/database.yml
$ git add -A
$ git commit
$ git push origin master

overcommitの設定

$ overcommit --sign

Rubocop 適当なcontrollerにTime.nowを埋め込んでCommit

Brakeman 適当なcontrollerにhttp_basic_authenticate_with name: 'ID', password: 'password'をセットしてPush

RSpec パスしないテストを書いてPush

Herokuアプリを作成

$ heroku login --interactive
heroku: Enter your login credentials
Email: hogehoge@gmail.com
Password: **************
Logged in as hogehoge@gmail.com
$ heroku create app-name #'_'は使えない
$ heroku config
$ heroku config:set TZ="Asia/Tokyo"
$ git push heroku master

https://app-name.herokuapp.com/ にアクセスして表示を確認

TablePlusでDBに接続

dev database.ymlを参照

本番 Heroku管理画面 > Resources > HerokuPostgres > Settings > View Credencials を参照

DBのタイムゾーンを変更

それぞれのDBで以下を実行

show time zone;
ALTER DATABASE db_name SET timezone TO 'Asia/Tokyo';

再接続して、タイムゾーンが日本時間になっていることを確認

本番環境のログを管理

Papertrailを導入 Resources > Add ons からPatertrailsを検索して有効化

本番公開時の設定

アドオンを追加

  • BugSnag
  • Scout or NewRelic

Heroku Flowの設定

  • Heroku pipeline
  • Heroku chatops

gzip配信

Cloudflareの設定

  • DNS
  • SSL有効化
  • URL正規化
  • ブラウザにキャッシュさせる時間を調整

その他

  • favicon
  • meta description
  • ogp

含まれているもの

  • Docker開発環境
  • VSCode Remote Development
  • better_errors、binding_of_caller
  • pry
  • dotenv
  • locale
  • gitignore
  • Tailwind CSS
  • jQuery
  • プログラムのタイムゾーン設定
  • viewportの設定
  • rails gで生成されるファイルの制御
  • フォームのエラーメッセージ
  • flash
  • ページごとにタイトルを設定する関数
  • 最低限のCRUD
  • ヘッダー、フッターのスタイリング
  • Bullet
  • Rubocop
  • Brakeman
  • RSpec
    • FactoryBot
    • Capybara
    • Chrome Web Driver
  • overcommit
  • precompileの設定
  • Procfile

オプション

  • 無料プランでもスリープしないようにする
  • 画像をCloudinaryで最適化して配信
  • GoogleAnalytics
  • 利用規約
  • プライバシーポリシー
  • 404ページ