【Rails】ページネーション「kaminari」で用意されているテーマ一覧とスタイルのカスタマイズ

2021年4月6日 12:08
はじめに Railsアプリにページネーションを簡単に実装できるkaminariというGemには、BootstrapなどのCSSフレームワークのテーマ(テンプレートファイル)が用意されています。わざわざCSSフレームワークのクラスを手動で付与しなくても、専用コマンドを実行するだけで各テーマのテンプレートファイルを ...

【Rails】Rails + microCMSで簡単にブログを作成

2021年4月5日 23:00
はじめに 以前、HeadlessCMSのContentfulというWebサービスを使って簡単にブログを作成する方法について説明しました。今回は、日本製のHeadlessCMSであるmicroCMSを使って簡単にブログを作成する方法について説明します。 Contentfulを使って簡単にブログを作成する方法や、「 ...

【Rails】テンプレートエンジン「Slim」を使用する前に覚えておくべきこと

2021年4月1日 13:53
はじめに Ruby on Railsのデフォルトのテンプレートエンジンは「ERB (Embedded Ruby)」です。ERBは通常のHTMLにRubyコードを埋め込むためのテンプレートエンジンです。しかし、RailsがサポートしているテンプレートエンジンはERBだけではありません。「Slim」は、その名の通り ...

【Rails】Railsアプリにオリジナルのエラーページ(404/500)を実装

2021年3月31日 16:40
はじめに Railsアプリを新規作成した時点では、404 Not Foundのエラーページは以下のようになっています。 <img data-src="https://i.imgur.com/Yxq2tNm.png" class="lazyload effect-fade"> エラーが出ているということは伝わりま ...

【Rails】Action Mailerの基本情報と実装方法

はじめに コンタクトフォームからお問い合わせ内容を送信したり、ブログに新着コメントがあったことを知らせる内容を送信したり、Railsアプリでメールを送信する必要のある場面は多いです。ActionMailerという機能を使えば簡単にメール送信機能が実装できます。ビューと同じようにレイアウトやテンプレートなども使え ...

【Rails】Active Storageの基本情報と実装方法

はじめに Rails 5.1までは、画像などをアップロードするにはCarrierWaveなどのGemを使う必要がありました。Rails 5.2からActiveStorageという機能が追加され、別途Gemをインストールしなくても組み込みの機能だけで画像などをアップロードできるようになりました。 本記事では、Ac ...

【Rails】Active Record(モデル)の書き方《バリデーション篇》

2022年6月16日 18:19
はじめに ActiveRecord(モデル)のバリデーション設定を行うことで、実際にデータが保存される前に不適合データを弾くことができます。ほとんどのデータベースはカラムに制約を設定することができますが、Railsアプリのモデルでバリデーションを行えば、Railsアプリとデータベース間の無駄なやり取りを減らすこ ...

【Rails】Active Record(モデル)の書き方《基本篇》

2022年6月16日 18:19
はじめに ActiveRecord(モデル)は、MVCモデルのMに相当します。モデルはRailsアプリとデータベースの橋渡し役を担います。データベースの種類(MySQL、MariaDB、PostgreSQL、SQLite)にかかわらず、統一的なインターフェースでデータの操作(取得、作成、更新、削除)を行うことが ...

【Rails】Action View(ビュー)の書き方《フォーム篇》

2022年6月16日 18:21
はじめに ActionView(ビュー)では、一般的なフォームを作成するための豊富なヘルパーメソッドが用意されています。Railsアプリにおいてフォームはなくてはならないものです。ユーザーの目に触れる部分でもあるので、フォームの良し悪しがアプリの評価にも繋がります。 本記事では、ActionView(ビュー)の ...

【Rails】Action View(ビュー)の書き方《基本篇》

2022年6月16日 18:20
はじめに ActionView(または単にビュー)は、クライアントに表示するWebページを構築します。モデルのデータをコントローラーから受け取り、それを適切な形で画面上に配置します。ビューでは、ヘッダーやフッターなどの共通部分を部品化してテンプレートに埋め込む機能や、画像などのアセットファイルを呼び出すアセット ...