RailsアプリをWebで公開する方法【Herokuと独自ドメインの使い方】

自分で作ったRailsアプリを、インターネットに公開したいと思ったことはありませんか？この記事では、「Ruby on Railsで作成したアプリを、ローカルサーバーからインターネット上へ公開する方法」について初心者にもわかりやすく解説します。Herokuなど無料のクラウドサービスを使った方法から、独自ドメインでプロっぽく公開する手順までを網羅。最終的には、RailsのMVC構造がインターネット上でもそのまま活用できる仕組みが理解できるはずです。副業開発者や個人ポートフォリオを公開したい人にもおすすめの内容です。

🌐 第１章： Railsアプリでウェブサーバ構築

この第1章で、Railsアプリを自分のPC上で立ち上げる基礎スキルを身に付けます。次章で、インターネット上に公開するための準備をしていく訳です。整理して考えましょう！

🧱 ステップ1：Railsプロジェクトの作成（アプリ全体の土台）

rails new blog_app
cd blog_app

これでMVC構造（Model, View, Controller）を持つRailsアプリの基本が完成。app/ フォルダー内にそれぞれの役割を持つディレクトリが作成されます。

🧠 ステップ2：Modelの作成（データの定義と操作）

ブログ記事を保存・管理するPostモデルを作成します。

rails generate model Post title:string content:text
rails db:migrate

• Postモデルは、データベースのpostsテーブルに対応
• titleやcontentといった属性（カラム）を持つ
• db:migrateコマンドで、実際のテーブルが作成されます

🔎 ModelはControllerから呼び出され、Viewで表示するデータの元になります

🎮 ステップ3：ScaffoldでControllerとViewを一括生成

初心者におすすめなのが、scaffoldコマンド。

rails generate scaffold Post title:string content:text
rails db:migrate

これにより、

• PostsController（HTTPリクエストの処理）
• app/views/posts/*.html.erb（画面表示用テンプレート）
• 必要なルーティング設定

がすべて自動生成されます。

🖼 ステップ4：Viewファイルの役割（.html.erb ⇒ HTML）

Viewファイルは、ブラウザでユーザーが見る画面に相当します。

• 例えば、app/views/posts/index.html.erb は記事一覧を表示するHTMLに変換されます。
• .html.erbは、HTMLの中にRubyコード（<%= %>など）を埋め込めるテンプレート形式

👀 HTTPリクエストが来ると、Controller → Model → View の順に処理され、結果がHTMLとしてブラウザに表示される流れです。

🚀 ステップ5：HTTPサーバーの起動

＜rails server＞

このコマンドでRails内蔵のPumaサーバーが起動し、Webブラウザで http://localhost:3000/posts にアクセスできるようになります。

すると：

1. ユーザーがURLにアクセス
2. ルーティングがController（PostsController#index）に渡る
3. ControllerがModelから記事一覧を取得
4. View（index.html.erb）がHTMLとして生成・表示される

📌 この一連の流れが、RailsのMVCアーキテクチャにおける「HTTPサーバーを立ち上げる」本質です。以上の作業をすることでユーザーが画面を見る準備ができます。

heroku login
heroku create blog-app-kouji

git init
git add .
git commit -m "Initial commit"
git push heroku master

heroku addons:create heroku-postgresql:hobby-dev
rails db:migrate

heroku domains:add www.example.com