MyFirstRails

PWA

概要

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

PWAというWebアプリをスマホやPCへインストールできるようにする機能をRailsに導入するチュートリアルです

チュートリアル

Railsのひな型を作る

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

rails new himl

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

cd himl

SQLite3のバージョン修正

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

gem 'sqlite3', '1.3.13'

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

bundle install

ScaffoldでCRUDを作成

rails g scaffold コマンドを使い、CRUDを作成します

rails g scaffold post title:string content:text

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

rails db:migrate

PWA化

まず、serviceworker-railsGemfileに追加します

gem 'serviceworker-rails'

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

bundle install

最後に、以下のコマンドを実行すればPWA化は完了です!

rails g serviceworker:install