見出し画像

ポートフォリオを全世界に公開する方法

今回はHerokuを使ってポートフォリオを全世界に公開する方法をお伝えします。
アプリを全世界に公開し、使ってもらうようにすることをデプロイすると言います。

Herokuは他のサーバーと比べて非常に簡単にアプリをデプロイする事ができます。
これまで、インターネット上でアプリケーションを公開しようと思った場合、以下の手順を踏まなければアプリをデプロイする事はできませんでした。

1. サーバー用PCやルータなどのハードウェアを購入
2. インターネットに接続し、ファイアウォールを設定
3. LinuxやWindowsサーバなどのOSをインストール
4. Oracle、MySQL、PostgreSQLなどのデータベースをセットアップ
5. Java、Ruby、PHPなどのアプリケーション実行環境をセットアップ


このように、用意するだけで非常に時間と費用が掛かってしまいます。
Herokuはこれらの複雑な設定を最初からセットしてくれているので、簡単にアプリをデプロイする事ができます。
その方法を下記にて説明させて頂きます。

・会員登録&必要なソフトをダウンロード&インストールhttps://www.heroku.com/

・アプリに移動
$ cd アップロードしたいアプリのディレクトリ名

・ログイン&パスワード入力
$ heroku login

・アプリケーションを作成する
$ heroku create アプリ名

・ClearDBをMySQLに変更する ※事前にクレジットカードの登録が必要。
heroku addons:add cleardb

$ heroku config | grep CLEARDB_DATABASE_URL mysql://データベースの情報

$ heroku config:set DATABASE_URL=mysql2://データベースの情報

・作成したコードをGitに追加する
$ git add .

$ git commit -m "update for upload to heroku"

・アプリをデプロイする
$ git push heroku master

$ heroku run rails db:migrate

・状態確認
$ heroku apps:info

・デプロイ後の更新方法
$ git add -u
$ git commit -m "コミットメッセージ"
$ git push heroku master

以上になります。
次回の記事ではよくあるエラーに対する解決方法について説明します。
簡単に自身のポートフォリオ(アプリケーション)を公開する事ができるので、ぜひ活用していきましょう。
もし良かったらTwitterもしているので、フォローとチャンネル登録をポチッと押して頂けると嬉しいです。

プログラミングスクール「TECH CAMP」では無料説明会・無料体験会を行なっていますので興味のある方はぜひ!→https://tech-camp.in/briefings
入学希望の方は紹介欄に「b0d390」と入力すると割り引きを受ける事ができます→https://tech-camp.in/proposals/new
・エンジニア転職コースの受講確定で受講料が10,000円OFF!!
・プログラミング教養コースの受講確定で受講料が5%OFF!!

プログラミング学習者におすすめの技術書

[Rails編]
現場で使える Ruby on Rails 5速習実践ガイド

概要
Railsアプリケーションの受託を行なっている、株式会社万葉が監修した解説書です。タスク管理アプリを作りながらスキルを身につけるチュートリアル形式になっています。また、開発現場で必要となる知識にも多く触れられています。
オススメポイント
アプリ開発の現場で必要なスキルについても解説されているため、Railsの基礎を終えてもう一歩詳しく学びたい方に適しています。
・slim(ビューをコンパクトに記述できるGem)・エラーメッセージの表示の仕方・アプリが大きくなるにつれてコードが複雑になりがちなことにどう対処するか・Rspec(コードの正しさをチェックするツール)の使い方あ
など大事なテーマについてわかりやすく解説されています。
[HTML/CSS編]
HTML5/CSS3モダンコーディング

概要
見本サイトを作る中で、作成手順を学ぶチュートリアル形式の書籍です。・スタンダードレイアウト・グリッドレイアウト・シングルページレイアウトこの3つのスタイルのサイトを作成することができるようになります。
おすすめポイント
非常に実践的なサイトを作成できるようになります。サイト作成の方法がわかるだけでなく、随所にどうしてそう書くかなどの補足もしてあるため仕組みの理解もできるようになっています。

[デザイン編]

『ノンデザイナーズ・デザインブック』 Robin Williams (著)

デザインはセンスでなく、技術です。この本に書かれた技術を使えばデザイナーでなくても、基本を押さえた美しいサイトを作ることができるようになります。

[AI編]
[第2版]Python機械学習プログラミング 達人データサイエンティストによる理論と実践

分類、回帰問題から深層学習までは幅広く取り扱っている図書です。内容には数学的な理論もかなり多いですが、全ての理論に対して実践であるPythonのコードが付随しているのでコードを書きながら更に深く機械学習を学ぶことができます。

戦略的データサイエンス入門 ―ビジネスに活かすコンセプトとテクニック

機械学習をビジネスの場面で利用するにはデータサイエンスの基礎的な知識が必要です。この本はデータサイエンスの初学者でも分かりやすいように丁寧にデータサイエンスについて書かれている本です。
[その他]
『リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック』Dustin Boswell (著), Trevor Foucher (著)

プログラミングの時間の大半は「いかに綺麗で読みやすいソースコード」を書くかを考える作業になります。リーダブルコードにはそんな誰もが読みやすいコードを書くためのエッセンスが詰まっています。

プログラミング初心者やこれから始めたい方におすすめのMacbook一覧

2017年発売のMacbook Air(中古で付属品一部なし傷あり、残り1台)
2020年発売のMacbook Air(新品、送料無料)
2016年発売のMacbook Pro(中古で傷あり)
2019年発売のMacbook Pro(新品、送料無料)

この記事が気に入ったらサポートをしてみませんか?