Elixir 環境構築の手順

# Elixir 環境準備の手順

環境の準備方法を記載しています。<br/>
もし、下記をトライして難しいようでしたら、当日にサポートします。<br/>
ただし、その場合は、当日のレクチャーは聞いて学ぶ事に徹していただき、<br/>
その間に、PCの環境を運営側で構築致します。その為、後日教材を見ながら復習して下さい<br/>
※　運営側でのサポートには、時間とリソースに限りがありますので、あまりにも多くの方がサポートをお願いする場合には、
必ずしも、全ての方の対応が出来ない場合がございますので、ご了承ください。

| 対象とするPCの環境 |
|:--|
| Windows OS10　または、　Mac OSX 10.13以降 |
| 順番にインストールして下さい。 |
|  |
| 1 |
| エディタのインストール Visual Staduio Code |
| https://code.visualstudio.com/ <br/> |
| https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir |
|  |
| 確認方法　 |
| →　無事にインストール出来ている場合は、Visual Staduio Code のアイコンが出るので、起動してみて下さい。 |
|  |
| 2 |
| Gitのインストール |
| Git |
| https://gitforwindows.org/ |
|  |
| 確認方法　(Macの場合は　コマンドプロンプトを　「ターミナル」　と読み替えて下さい。） |
| →　コマンドプロンプトを起動します。（検索バーより、「コマンドプロンプト」で検索） |
| -> コマンドプロンプト上で、　以下のコマンドをコピー＆ペーストしてエンターをして下さい。 |
| version 番号が表示されたら成功です。 |
|  |
| ```git -v```  |
|  |
| 3 |
| PostgreSQL |
| PostgreSQL Windows x86-64のPostgreSQL Version　10.7をインストールする |
| https://www.enterprisedb.com/downloads/postgres-postgresql-downloads |
|  |
| インストール中にパスワードの入力を求められるので、以下をコピーして貼り付けてください。 |
|  |
| ```postgres``` |
|  |
| locationを聞かれたら```japan/japanese```を選択する |
|  |
| 最後に```Finish```を押すと、スタックビルダが起動するので、 |
|  |
| スタックビルダが出てきたら、```キャンセル```を選択する |
|  |
| node.jsのインストール |
| https://nodejs.org/ja/download/ |
|  |
| 確認方法 |
| -> コマンドプロンプト上で、　以下のコマンドをコピー＆ペーストしてエンターをして下さい。 |
| version 番号が表示されたら成功です。 |
|  |
| ```node -v```  |
|  |
| Elixirをインストール |
| https://elixir-lang.org/ |
|  |
| スタートメニュー横にある検索から以下を入力（または、コマンドプロンプトと入力）して探す |
| ```コマンドプロンプト``` |
|  |
| コマンドプロンプトと表示されたものを起動する |
|  |
| 確認方法 |
| ```elixir -v``` |
|  |
|  |
| Phoenixframeworkをインストール |
| https://hexdocs.pm/phoenix/installation.html |
|  |
| 先ほど、開いた、コマンドプロンプト上に以下をコピーして貼り付けてください。 |
| ```mix local.hex``` |
| YかNかを問われるので、yを入力する（コマンドプロンプトのカーソルが点滅している箇所でｙを打って、Enter） |
| ``` Y ``` |
|  |
| Elixirが無事にインストールされている事を以下のコマンドを入力して確かめる |
| ```elixir -v``` |
|  |
| 以下のようにバージョンが表示されていればOK（インストール時期により、バージョンの数値が違う場合があります） |
|  |
| Erlang/OTP 20 [erts-9.3] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:10] |
|  |
| Elixir 1.8.1 (compiled with Erlang/OTP 20) |
| |
|  |
| nodeが無事にインストールされている事を確認する |
| ```node -v``` |
|  |
| Phoenixframeworkをインストール次のコマンドをコマンドプロンプトにコピーして貼り付けてください。 |
|  |
| ``` mix archive.install hex phx_new 1.4.1``` |
|  |
| 貼り付けたら、Enterを入力 |
|  |
| ```ｙ```を入力 |
|  |
| インストールが全て完了したので、起動確認 |
|  |
| ```mix phx.new hello``` |
|  |
| ```y``` |
|  |
| 以下が表示されたら |
|  |
| We are almost there! The following steps are missing: |
|  |
|     $ cd hello |
|  |
| Then configure your database in config/dev.exs and run: |
|  |
|     $ mix ecto.create |
|  |
| Start your Phoenix app with: |
|  |
|     $ mix phx.server |
|  |
| You can also run your app inside IEx (Interactive Elixir) as: |
|  |
|     $ iex -S mix phx.server |
|  |
| |
|  |
| 表示されたコマンドを順にコマンドで打っていく |
|  |
| ```cd hello``` |
|  |
| ```mix ecto.create``` |
|  |
| ``` mix phx.server ``` |
|  |
| ブラウザで以下のURLを入力する |
| ```localhost:4000``` |
|  |
| サーバーをシャットダウンさせるには、コマンドプロンプト上で、```Ctr + C```をおして、```q```コマンドを入力する。 |