Remosta #2

## Elixirで作るWEBアプリ リモートで勉強会#2 - テーマ何でもLT会- 清家史郎(@seike460)

###### Who? Fusic Co., Ltd.  清家史郎  @seike460    

### tech - Program Language - PHP - Go - Elixir - infrastructure - Server - infrastructure as code - Network - Serverless(AWS)

###### products ##### Go - s3ry (s3 prompt cli) - https://github.com/seike460/s3ry - utakata (Serverless Slack Notificatier) - https://github.com/seike460/utakata

##### Community - PHP - fukuoka.php - Go - fukuoka.go - Elixir - fukuoka.ex

###### Organizer - Serverless Meetup Fukuoka

#### Agenda - Elixir? <!-- .element: class="fragment" --> - なんでElixir? <!-- .element: class="fragment" --> - WEB環境 <!-- .element: class="fragment" --> - Elixirのメリット <!-- .element: class="fragment" --> - Elixirのデメリット <!-- .element: class="fragment" -->

#### Elixir - 強い動的型付け <!-- .element: class="fragment" --> - 関数型言語 <!-- .element: class="fragment" --> - Erlangの仮想環境 (BEAM) 上で動作 <!-- .element: class="fragment" -->

#### Erlang - 大量の並列処理 <!-- .element: class="fragment" --> - ある程度のリアルタイム性を備える <!-- .element: class="fragment" --> - 障害への耐性 <!-- .element: class="fragment" --> - 無停止で稼働する <!-- .element: class="fragment" -->

#### Erlang VM(BEAM) - let-it-crash(エラーを許容するシステム) <!-- .element: class="fragment" --> - 信頼性への最適化 <!-- .element: class="fragment" --> - 超軽量プロセス <!-- .element: class="fragment" -->

#### なんでElixir? - RubyLikeな構文 <!-- .element: class="fragment" --> - 書きやすさ <!-- .element: class="fragment" --> - Railsに影響を受けたWAF <!-- .element: class="fragment" --> - 導入障壁の低さ<!-- .element: class="fragment" --> - Erlang VM上で動作 <!-- .element: class="fragment" --> - Erlang と BEAM の恩恵を受けれる<!-- .element: class="fragment" --> - 大量の並列処理 <!-- .element: class="fragment" --> - 高信頼性、耐障害性 <!-- .element: class="fragment" --> - Testの書きやすさ <!-- .element: class="fragment" --> - doctest <!-- .element: class="fragment" -->

#### WEB環境 - Elixir - 言語 - mix - パッケージ管理 - Phoenix - WAF - ecto - ORM

#### Architecture 

#### Elixir - brew ``` brew install elixir ``` ``` iex Erlang/OTP 21 [erts-10.0.4] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] [hipe] [dtrace] Interactive Elixir (1.7.1) - press Ctrl+C to exit (type h() ENTER for help) iex(1)> ``` - Docker ``` docker run -it --rm elixir Erlang/OTP 20 [erts-9.3.3.1] [source] [64-bit] [smp:4:4] [ds:4:4:10] [async-threads:10] [hipe] [kernel-poll:false] Interactive Elixir (1.6.6) - press Ctrl+C to exit (type h() ENTER for help) iex(1)> ```

##### mix PHPで言うならComposer、RubyならRubyGemsの様なパッケージ管理ツール プロジェクト作成 ``` mix new seike460 cd seike460 vim mix.exs ```

読み込むパッケージを設定 ``` defp deps do [ {:phoenix, "~> 1.3.3"}, {:phoenix_pubsub, "~> 1.0"}, {:phoenix_ecto, "~> 3.2"}, {:postgrex, ">= 0.0.0"}, {:phoenix_html, "~> 2.10"}, {:phoenix_live_reload, "~> 1.0", only: :dev}, {:gettext, "~> 0.11"}, {:excoveralls, "~> 0.9", only: :test}, {:ecto_soft_delete, "0.1.0"}, {:mix_test_watch, "~> 0.8", only: :dev, runtime: false}, {:slack, "~> 0.15.0"}, {:cowboy, "~> 1.0"} ] end ```

パッケージ取得 ``` mix deps.get ```

##### Phoenix hexインストール ``` mix local.hex mix archive.install https://github.com/phoenixframework/archives/raw/master/phx_new.ez mix phx.server ``` mix phoenix.serverじゃないよ！気をつけて！ <!-- .element: class="fragment grow highlight-red" -->

##### ecto mix.exs編集 ``` vim mix.exs ``` ectoを追記 ``` defp deps do [{:ecto, "~> 2.0"}, {:postgrex, "~> 0.11"}] end ``` パッケージ取得 ``` mix deps.get ```

ectoが接続するDB設定 ``` vim config/dev.exs ``` ``` config :mist, Mist.Repo, adapter: Ecto.Adapters.Postgres, username: "postgres", password: "postgres", database: "mist_dev", hostname: "postgres", pool_size: 20 ``` ※mistは開発中の社内プロダクト名

面倒だったらコレ使ってください https://github.com/seike460/Dockerfiles/tree/master/phoenix - localVolumesPath - YourVolumes - connectDomain 上記書き換えるといい感じに動くかもしれませんし動かないかもしれません

##### HTML eexファイルへPhoenixからパラメーターを渡してHTML構築 以下の様な形式でパラメーターの埋め込みが可能 <%= link "New Mail", to: mail_path(@conn, :new) %> もちろんPhoenixをAPIにして Vue.js + Vuex に対して情報を渡す事も出来る

##### Elixirのメリット - 性能 - 正確な計測はまだ…いつかどこかで… - パターンマッチ - パターンマッチするなら処理実行 - パイプライン演算子 - 関数の戻り値をパイプライン演算子を利用して次の関数に渡す - シェル芸好きにはすごくやりやすい - doctestとTDD - コードを書いているファイルにテスト記述が出来る

##### 書き方 ``` def create(conn, %{"mail" => mail_params}) do Repo.transaction fn -> case Mails.create_mail(mail_params) do {:ok, mail} -> case Applications.create_application(%{type: 1, type_id: mail.id, status: mail_params.status, apply_name: mail_params.apply_name}) do {:ok, application} -> conn |> put_flash(:info, "メールの申請が行われました") |> redirect(to: mail_path(conn, :show, mail)) {:error, %Ecto.Changeset{} = changeset} -> exit(changeset) render(conn, "new.html", changeset: changeset) end {:error, %Ecto.Changeset{} = changeset} -> render(conn, "new.html", changeset: changeset) end end end ```

##### パターンマッチ 「パターン」の照合をするもので、マッチするならそれに伴い処理が実行される create_mail関数の動作 ``` case Mails.create_mail(mail_params) do {:ok, mail} -> … OKだった時の処理 {:error, %Ecto.Changeset{} = changeset} -> … errorだった時の処理 end ```

##### パイプライン演算子 foo(bar(baz(new_function(other_function())))) こんな関数呼び出しを以下のように出来る other_function() |> new_function() |> baz() |> bar() |> foo() ``` def create_mail(attrs \\ %{}) do %Mail{} |> Mail.changeset(attrs) |> Repo.insert() end def changeset(mail, attrs) do mail |> cast(attrs, [:email, :name, :in_use]) |> validate_required([:email, :name, :in_use]) end ```

##### TDD - Docコメントがテストになる！ - それがドキュメントになる！ ``` @doc """ Gets a single mail. Raises `Ecto.NoResultsError` if the Mail does not exist. ## Examples iex> get_mail!(123) %Mail{} iex> get_mail!(456) ** (Ecto.NoResultsError) """ ```

##### デメリット - ライブラリ少ない - なければ作れば良いんじゃない？ - 頑張るし、みんな頑張ろう(懇願 - ドキュメント - 英語読めれば、大丈夫だ問題ない(読めるとは言っていない - fukuoka.exの人たちが頑張ってる、期待 - https://qiita.com/organizations/fukuokaex

##### ここでもっと詳しく話すよ - FUKUOKA Engineers Day 2018 ~Autumn~ https://engineers-day.connpass.com/event/91473/

##### 宣伝  - fukuoka.ex#14：Elixir／Phoenixもくもく会～入門もあるよ（19:00開始） - https://fukuokaex.connpass.com/event/100659/ - リモートで参加可能！（僕もリモート参加しました - さあこの場で申し込みしましょう！(僕は予定があるので不参加…)

#### 纏め - Elixir 耐障害性がWEBに良さそう！ - 記法はなれるとすごく書きやすい、試してみて！ - みんな、Elixir書こう！！

Thank you! Fusicは技術が大好きなエンジニアを募集しています  https://fusic.github.io/