プロのカウンセラーがキャリアの悩みを解決! 無料キャリア相談はこちらから

【HEROKUとは】これを読めばOK!デプロイの仕方まで徹底解説

作成: 2017.08.29 更新: 2020.06.08

>>No.1エンジニア養成プログラム テックキャンプ

読むだけでIT転職が有利になる限定資料はこちら

この記事では、HEROKUとは何か、仕組みから実際にサービスを公開するまでを丁寧に解説。

この記事を読むと、HEROKUの仕組みやHEROKUを利用したWebサービスの公開方法について理解できます。

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

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

 

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

コロナ禍でも安心してエンジニア転職

テックキャンプ エンジニア転職は、未経験から約99%がエンジニア転職を実現しているプログラミングスクールです。 テックキャンプはコロナ禍でも安心して受講が可能。「徹底したサポート」「やりきれる学習環境」を自宅で学べるオンラインスタイルと感染防止対策を徹底した教室受講のどちらでも提供しています。 キャリアに悩む前に、まずはテックキャンプの無料カウンセリングを受けてみませんか?

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

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

自宅にいながら、プロのカウンセラーにキャリア相談!

テックキャンプ エンジニア転職は、未経験からのエンジニア・Webデザイナー転職を実現するスクールです。転職成功率は99.0%。※2019年8月末時点。学習完了後、当社の転職支援利用者の転職成功率

テックキャンプでは、オンラインでカウンセリングや学習サービスを提供しています。

オンラインでも、テックキャンプならではの「徹底したサポート」と「やりきらせる学習環境」は変わりません。オンラインでプログラミングを習得した方のインタビューはこちら

キャリアに悩んだら、ビデオ通話で無料オンラインカウンセリング(キャリア相談)を受けてみませんか?オンラインカウンセリングのやり方は簡単で、5分もあれば準備が完了します。

まずはカウンセリングから、ぜひご利用ください。

無料カウンセリングの詳細はこちら

この記事を書いた人