見出し画像

[エラーの解決策あり!!]Herokuを使ってポートフォリオを公開しよう!

こんにちは。
今回はHerokuを作ってポートフォリオを公開する際につまずくと思われる事を全て書き出し一つ一つ解決していこうと思います。
私は今までにデプロイに2度失敗しており、自力で公開できるまで約3ヶ月かかりました。
少しでも多くの人の力になれたらと思いこの記事を書きました。

※ポートフォリオを公開する方法については別の記事をご覧下さい。

・コーディング(HTMLとCSSのみで作成)したサイトがデプロイできない
→Ruby on Railsにて作りましょう。
・$rails _5.2.1_ new アプリ名 -d mysqlを実行してアプリを作る。
・$ rails g controller welcomesを実行してコントローラーを作る。
・$ rails db:createを実行してデータベースを作る。
・aseetsのimagesに画像データを入れておく。
・aseetsのstylesheetsにCSSファイルを入れておく。
・viewsのwelcomesにHTMLファイルを入れておく。
・def index end をwelcomes._contorrer.rbに追加。
・<a>タグが使えないので<link>タグを使って<%= link_to '文字', '/welcomes/ファイル名.html' %>と編集する。
・routes.rb→index.htmlをルーティング、その他のHTMLファイルはgetを使って表示できるように設定します。

・本番環境でのみ画像が表示されない
①→asset_path()を使用する<%= image_tag asset_path('gazou.png', :width =>'112', :height =>'auto', :alt => '画像') %>

②→config/environments/production.rbを開き、config.assets.compileをtrueに書き換える。その後、herokuのアプリを更新。

・$ git push heroku masterのエラー 
エラー内容:Warning: Permanently added the RSA host key for IP address '〇〇' to the list of known hosts.
Permission denied (publickey).
fatal: Could not read from remote repository.

対応方法:$ heroku keys:add
上記コマンドでpublic keyを登録すればOK.

最後までお読み頂きありがとうございました。
もし良かったらTwitterもしているので、フォローをポチッと押して頂けると嬉しいです。

プログラミングスクール「TECH CAMP」では無料説明会・無料体験会を行なっていますので興味のある方はぜひ!→https://tech-camp.in/briefings
入学希望の方は紹介欄に「b0d390」と入力すると割り引きを受ける事ができます→https://tech-camp.in/proposals/new

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

[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(新品、送料無料)

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