【Rails】Webサーバー「Unicorn」の基本情報と実装方法
2021年5月20日 16:48

はじめに
Railsアプリを本番環境で稼働させるには、クライアントからのリクエストを捌くWebサーバーを導入する必要があります。WebサーバーはクライアントからのリクエストをRailsアプリに伝達し、Railsアプリで処理されたレスポンスをクライアントに返すという役割を担います。
本記事では、Webサーバー「U ...
【Rails】デプロイツール「Capistrano」の基本情報と実装方法
2021年5月20日 16:43

はじめに
アプリを本番環境にアップロードして誰でもアクセスできる状態にすることをデプロイと言います。デプロイで行うべきことは多岐にわたります。Railsアプリの場合で言えば、本番環境にアップロードすることはもちろんですが、Gemのインストールやマイグレーション、SprocketsやWebpackerのコンパイル ...
【Rails】Webpackerの基本情報と実装方法
2021年4月26日 19:51

はじめに
Rails 6からWebpackerが正式採用されました。Rails 5ではオプションで追加することができたWebpackerですが、Rails 6からは普通にアプリを作成するだけでWebpackerがインストールされ、必要な設定もすべて行われるのですぐにWebpackerを使い始められるようになりま ...
【Rails】アセットパイプライン(Sprockets)の基本情報と実装方法
2021年6月5日 00:00

はじめに
Ruby on Railsにはアセットパイプラインという機能があります。アセットパイプラインは画像、CSS、JavaScriptといったアセットファイルを連結/圧縮することでRailsアプリを高速化します。また、より高級な言語で書かれたCSSやJavaScriptをコンパイルする機能も備えています。
...
【Rails】Turbolinksの基本情報と実装方法
2021年4月16日 13:18

はじめに
Ruby on Railsにはページの遷移を高速化するTurbolinksという機能があります。Turbolinksは優れたJavaScriptライブラリですが、Rails 5からは標準で有効化されているため、Turbolinksを使っているということすら知らずにRailsアプリを作成している人も多い ...
【Rails】UIkit - HTML editorを使って簡単にマークダウンエディターを実装
2021年4月10日 23:29

はじめに
Ruby on RailsではAction Textという機能を使うことで簡単にリッチテキストエディターを実装することができます。
<iframe class="hatenablogcard" style="width:100%; height:155px; max-width:680px;" tit ...
【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">
エラーが出ているということは伝わりま ...

坂井 光太郎 / Sakai Kotaro
Ruby on Rails を中心とした Web アプリ開発全般に関する技術情報をまとめています。業務に関するご依頼・ご相談、当サイトに対するご感想やメッセージはコンタクトフォームからお気軽にお問い合わせください。