転職実績No.1🔰エンジニアスクール
転職実績No.1🔰エンジニアスクール

Herokuの使い方・デプロイの仕方!初心者もこれさえ読めばOK

更新: 2022.02.03

この記事では、初心者向けにHerokuとは何かを分かりやすく解説。Herokuの使い方や仕組み、Herokuを利用したWebサービスのデプロイ方法について紹介します。

本記事を読めば、Herokuへのデプロイ方法が理解でき、自身で作成したアプリのリリースまでたどり着けるでしょう。

この記事は現役エンジニアによって監修済みです。

Herokuとは

Herokuについて把握するにはまず、「PaaS(パース)」という概念を理解する必要があります。

「PaaS」は「Platform as a Service(プラットフォーム アズ ア サービス)」の略で、Webサービスを公開するために必要なものを全て、予め用意してくれるというサービスです。

paas-flow-v3

出典元:http://www.iramari.com/services/PaaS

具体的には、下記のようなものをボタン1つで稼働させることができます。

  • サーバー
  • OS
  • データベース
  • プログラミング言語の実行に必要な環境

本来Webサービスを公開するためには、サービスの開発以外にも上記のようなものを準備しなければいけません。それを肩代わりしてくれるのが、「PaaS」と呼ばれるサービスです。

Herokuの特徴

Herokuを使えば、開発したWEBアプリケーションを10分程度で全世界に公開することができます。そのままサービスを本格的に運用することさえ可能です。

Herokuの料金

基本的には、Herokuは1サービスであれば無料です。無料での利用の場合、レンタルするサーバの性能などの問題でWebサービスの挙動が遅くなる可能性があります。

また、無料の場合には他にも様々な制約がありますが、このあたりは記事の最後で紹介します。

もし、そのような制約を取り払いたい場合は、課金をしてより便利に利用することも可能。

最安のもので月に7ドル(約700 ~ 800円程度)から、快適にサービスを運用することができます。

Herokuの使い方

ではここからは、Herokuの利用方法について解説します。

Heroku利用に必要なもの

Herokuの登録に必要なのは、Emailアドレスのみです。また、必須ではありませんが、クレジットカードをお持ちの場合は番号を登録しておくとお得になります。

Herokuの会員登録法

では、早速Herokuを利用してみましょう。

(1)まずは下記のリンクより公式サイトにアクセスし、画像の通りのボタンを押してください

https://www.heroku.com/

Cloud_Application_Platform___Heroku

(2)ボタンを押した先のページで、下記の通り入力してください

Heroku___Sign_up_と_ダウンロード

下記のページが表示されれば成功です。

TN-heroku02

(3)下記のようなメールが届くので、リンクをクリックしてください

TN-heroku01

(4)リンク先でパスワードを決定します。下記の画像の通り入力してください

05C93CA3-944E-4DC6-90F8-C1CE57048119

(5)下の画像のページに遷移するので、画像の通りクリックしてください

Cursor_と_Heroku___Welcome_to_Heroku

下記のページに遷移します。

122FC34F-EE76-43E8-B22A-194990272C2D

 

以上で、会員登録は終了です。

Herokuでサービスをデプロイする

続いて、HerokuでWebサービスをデプロイする方法をお伝えします。

ここでは、Ruby on Railsを利用していることを前提に、Webサービスの公開方法を紹介します。

必要なソフトをダウンロード&インストールする

Herokuでサービスを公開するには、手元のPCとHerokuをリンクさせるためのソフトウェアをインストールする必要があります。

(1)下記のボタンを押し、ソフトをダウンロードしてください

323B6D43-7625-4FCD-9D2A-3A4408C9AC87

(2)下記の指示通りに、インストールを完了してください

A7E818A8-C95A-4466-9256-AF0E18DDE2FA

(3)下記の画像が出てきたら、続けるを押してください

09DB185A-C700-4B27-A759-46832A74A457

(4)下記の画像が出てきたら、続けるを押してくださいE1B3B5D1-2E92-42DE-B5C9-5C02889238FC

(5)インストールを押してください

DA44459E-6D52-434A-A4FE-0C2BCC5FA3D6

(6)PCのパスワードを入力してください。9CE8E971-C7FC-44DC-82C0-DD2B1CD90B02

(7)下記の画像が出たら、インストールは終了です。

F4B6B999-F40C-422A-976A-F3BC7A8EA585

ターミナルからHerokuにログイン

Heroku Toolbeltをインストール出来たので、こちらでHerokuにログインしてみましょう。下記の通り、ターミナルからコマンドを入力してください

#ターミナル
cd アップロードしたいアプリのディレクトリ名
#herokuにログインするためのコマンド
heroku login

Herokuに登録した際のメールアドレスとパスワードを要求されるので、打ち込んでください。

この時、パスワードは表示されなくてもしっかり入力できています。続いて、下記のコマンドを打ちます。

#herokuのサーバと紐付けするためのコマンド
heroku git:remote -a abetestapp

最後に、下記のコマンドを打ちます。

#herokuのサーバに、アップロードするためのコマンド
git push heroku master

ここまでできたら、最初に発行されたURLをブラウザから入力し、確認してみましょう。

Herokuで独自ドメインは利用できる?

Herokuでサービスをデプロイすると、ランダムなURLが発行されます。

しかし、自分でサービスを作成する際は、URLも自分で取得したいですよね。

Herokuで設定されたURL以外でも、自身でURLを設定する方法もあります。

ただし、サブドメイン扱いになるため、「www,」という接頭がついてしまいますので注意してください。

Herokuを使ってアプリをデプロイしてみよう!

ここまでで、Herokuの概要からPaaSについて、Herokuへのデプロイ方法までを解説してきました。ここまで簡単な操作でアプリを公開出来てしまうのは凄いですね。

皆さんも、この記事を参考に、是非アプリを公開してみてください!

↑目次へ戻る

【転職実績No.1👑】年収アップと自由な働き方を実現したいならITエンジニア転職!

こんな希望はありませんか?

  • もっと年収アップできる仕事がしたい
  • 時間や場所に縛られず自由に働きたい
  • 専門スキルで手に職をつけたい

という方は、ITエンジニア転職がおすすめです

テックキャンプなら、完全未経験🔰でも大丈夫!プログラミング学習〜エンジニア転職支援、副業案件獲得まで個別にサポートします👌

さらに給付金活用で受講料最大70%OFF

※2020年12月時点 3.テックキャンプ エンジニア転職は経済産業省の第四次産業革命スキル習得講座の認定も受けており、条件を満たすことで支払った受講料の最大70%(最大56万円)が給付金として支給されます

興味がある方は、以下よりIT転職のプロにキャリアのお悩み相談から始めてみましょう!

まずは無料で相談してみる

この記事を書いた人

あなたの理想のキャリアに合わせた、テックキャンプの2つのサービス

Advertisement