MyFirstRails

Active Admin での管理画面作成!

概要

Railsにこれから初めて触れる方を対象にしたチュートリアルです

activeadminを使用した管理画面作成チュートリアルになります

チュートリアル

Railsのひな型を作る

まず、rails newを実行し、Railsアプリのひな型を作成します

rails new activeadmin

次に、作成したRailsアプリのディレクトリへと移動します

cd activeadmin

SQLite3のバージョン修正

先ほどのrails newでsqlite3のインストールがエラーになっている場合は、以下のようにバージョンを指定してください

gem 'sqlite3', '1.3.13'

その後、bundle installを実行します

bundle install

Scaffoldで管理するモデルとCRUDを作成

rails g scaffoldを使用し、Active Adminで管理するModelなどを作成します

rails g scaffold post title:string content:text

その後、rails db:migrateでマイグレーションを行います

rails db:migrate

ActiveAdminの導入

Gemfileに以下のgemを追加していきます

gem 'activeadmin'

# Plus integrations with:
gem 'devise'
gem 'cancancan'
gem 'draper'
gem 'pundit'

その後、bundle installを実行します

bundle install

以下のコマンドを実行し、activeadminをインストールします

rails g active_admin:install
rails db:migrate
rails db:seed

あとは、rails generate active_admin:resource postを実行します

rails generate active_admin:resource post
rails db:migrate

最後に、localhost:3000/adminにアクセスします

まず、rails sでローカルサーバを起動します

rails s

その後、localhost:3000/adminにアクセスして以下のアドレスとパスワードを入力します

- User: admin@example.com
- Password: password

これでActiveAdminが使えるようになりました!