0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

railsチュートリアル 一章

Last updated at Posted at 2021-03-31

1,railsインストール
まず下準備から

.1Rubyドキュメントをインストールしないよう.gemrcファイルを設定する

$ echo "gem: --no-document" >> ~/.gemrc

↑最初に、Rubyドキュメントのインストールで無駄な時間を使わないようにするコマンド設定

.2バージョンを指定してRailsをインストールする
$ gem install rails -v 6.0.3
 
↑-vというオプションを使うことで、インストールされるRailsのバージョンを正確に指定できる

.3avaScriptソフトウェアの依存関係を管理するYarnというプログラム
$ source <(curl -sL https://cdn.learnenough.com/yarn_install)

↑ネイティヴOS環境で開発するなら自分のプラットフォームにあったYarnインストール手順を踏まなくてはいけない

2,最初のアプリの作成

.1rails newを実行する
$$ rails 6.0.3 new hello_app

↑ターミナル上でこのコマンドを実行するとたくさんのファイル、ディレクトリが自動生成される
スクリーンショット 2021-02-15 193030.png

3,アプリケーションに必要なgemのインストール

.1 Bundlerをインストールする

先ほどのRailsコマンドによって自動的に実行されているので今回はデフォルトのgemを変更して再度実行

*注意!!!!!
gemコマンドでバージョン番号を指定しない限りBundlerは自動的に    最新バージョンのジェムをインストールし続ける
*くわしくはチュートリアル1章1.3.1参照(https://railstutorial.jp/chapters/beginning?version=6.0#cha-beginning)

 
.2 Gemfileの内容を変更し、コマンドラインでbundle installを実行
$ cd hello_app/
$ bundle install

変更後Gemがこちら↓
スクリーンショット 2021-02-15 195634.png

4,上記の工程を経て実際に動かすアプリケーションを作成できた。
アプリを動かすには、コマンドラインでrails serverを実行する

.1 システムによってはrails serverコマンド実行する前にローカルwebサーバーへの接続を許可する必要がある

config/environments/development.rbファイルにコマンドを追加する
スクリーンショット 2021-02-15 230528_LI.jpg

.2 rails サーバーを実行する

$ cd ~/environment/hello_app/
$ rails server

↑ターミナルタブをもう一つ開いて実行すると最初のタブで引き続きコマンドを実行できる。

rails serverの結果を表示するには上記画像の一番上previewを押してPreview Running Applicationをクリックするとブラウザのタブで表示してくれる

!!!ここで発生した問題!!!

スクリーンショット 2021-02-16 070956.png

???
何がいけないんすか??
blocked hostとなっていたけどconfig/environments/development.rbのでconfig.host.clearを記述してすべてのホストに対してリクエストを許可したはず。

解決策を調べてみたところ同様のエラーで詰まっている人がいた(https://help.qiita.com/ja/articles/qiita-article-guideline)
この人の解決策を参考に試してみた

しかしうまくいかずさらに調べたところgemfileとconfig/environments/development.rbのファイル変更時に上書き保存(ctrl + C)をしていないからではというところに行き着いた。

そしたら↓
スクリーンショット 2021-02-16 080722.png

無事成功。
ここで学んだのはファイルの中身を変更したらすぐ上書き保存するということ。

演習
1,答え
ubuntu:~/environment/hello_app (master) $ ruby -v
ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-linux]
ubuntu:~/environment/hello_app (master) $

2,
スクリーンショット 2021-02-16 081555.png
一致している

5,railsはMVC(models,view,controllers)というアーキテクチャで構成されている

railsチュートリアル引用
ブラウザがRailsアプリと通信する際、
1.一般的にWebサーバーにリクエスト(request)を送信し、
これはリクエストを処理する役割を担っているRailsのコントローラ(controller)に渡されます。
2.コントローラは、場合によってはすぐにビュー(view)を生成して3.HTMLをブラウザに送り返します。
動的なサイトでは、一般にコントローラは(ユーザーなどの)サイトの要素を表しており、データベースとの通信を担当しているRubyのオブジェクトであるモデル(model) と対話します。モデルを呼び出した後、コントローラは、ビューを描画し、完成したWebページをHTMLとしてブラウザに返します。

###現在あるコントローラを確認

$ ls app/controllers/*_controller.rb

###ルーティングを変更

config/routes.rb
root 'controller_name#action_name'
#今回はこうなる
root 'application#hello'

###演習
1,

/hello_app/app/controllers/application_controller.rb
def hello
    render html: "hola.mundo!"
  end

2,

/hello_app/app/controllers/application_controller.rb
def hello
    render html: "¡hola.mundo!"
  end

3,

/hello_app/app/controllers/application_controller.rb
def goodbye
    render html:"goodbye,world"
  end
/hello_app/config/routes.rb
#helloをgoodbyeに書き換えた
 root 'application#goodbye'

##gitのセットアップ

$ git config --global user.name "自分の名前"
$ git config --global user.email your.email@example.com

###クラウドIDEでデフォルトのエディタを設定する

$ sudo ln -sf which nano /usr/bin

###check outコマンドを短く入力できるコマンド

git config --global alias.co checkout

###gitのパスワードを一定時間保持する

git config --global credential.helper "cache --timeout=86400"

###リポジトリセットアップ

$ cd ~/environment/hello_app # Just in case you weren't already there
$ git init *init・・・初期化

###プロジェクトのファイルをリポジトリに追加

待機用リポジトリ(ステージングエリア)に追加
git add -A
ステージングエリアからリポジトリに反映(コミット)
git commit -m "Initialize repository"

##問題発生
gitにaddできない

→実際はできていた

github に反映されない

ubuntu:~/environment/hello_app (master) $ https://github.com/dlr0w/hello_app.git
bash: https://github.com/dlr0w/hello_app.git: No such file or directory
ubuntu:~/environment/hello_app (master) $ git push -u origin master
fatal: 'origin' does not appear to be a git repository
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

またもやわからん。

読んでみると

originはgitのリポジトリではない、
リモートリポジトリを読み取ることができない
正しいアクセス権があることを確認してください
リポジトリが存在します。

とある。

###解決策
git remote rm origin でオリジンを削除した。
そして
git remote add origin https://github.com/dlr0w/hello_app.git
でまた追加した

理由はわからにけどこれで無事に成功した。

##ブランチでミスしたとき

これはあくまで例です。ブランチでミスをした時以外は実行しないでください。

$ git checkout -b topic-branch
$ <ココで何か変更を加えてみてください>
$ git add -A
$ git commit -a -m "Make major mistake"
$ git checkout master
$ git branch -D topic-branch

本番用環境でPostgreSQLを扱うため本番環境にpg gemをインストールしてPostgreSQLと通信できるようにする


group :production do
  gem 'pg', '1.1.4'
end

##本番用以外のgemをインストールする


$ bundle install --without production

↑ではローカルの環境にはインストールしないようにするために、bundle installに特殊なフラグ「--without production」を追加してある

##Herokuをインストール

$ source <(curl -sL https://cdn.learnenough.com/heroku_install)

##Herokeコマンドでログイン

#--interactiveオプションを使うと、herokuコマンドでブラウザを開かないようにできる
$ heroku login --interactive

##演習
1,本番アプリでも
変更したプログラムのコミットが必要
git commit -a -m "Update Gemfile for Heroku"
↑のような

git commitしてからgit push herokuしないといけない

2、も上記と同じ風にできる

=========================================================
メモ
#####gitコマンド
参照

https://qiita.com/konweb/items/621722f67fdd8f86a017

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?