環境の準備方法を記載しています。
もし、下記をトライして難しいようでしたら、当日にサポートします。
ただし、その場合は、当日のレクチャーは聞いて学ぶ事に徹していただき、
その間に、PCの環境を運営側で構築致します。その為、後日教材を見ながら復習して下さい
※ 運営側でのサポートには、時間とリソースに限りがありますので、あまりにも多くの方がサポートをお願いする場合には、
必ずしも、全ての方の対応が出来ない場合がございますので、ご了承ください。
| 対象とするPCの環境 |
|---|
| Windows OS10 または、 Mac OSX 10.13以降 |
| 順番にインストールして下さい。 |
| 1 |
| エディタのインストール Visual Staduio Code |
| https://code.visualstudio.com/ |
| 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コマンドを入力する。 |