Elixir/Phoenix/Elm記事まとめ

# Elixir関連リンク（外部）
* [elixir school](https://elixirschool.com/ja/)
* [Elixir Documentation](https://elixir-lang.org/docs.html)
* [Phoenix Documentation](https://hexdocs.pm/phoenix/overview.html)
* [Phoenix: An Introduction to Elixir's Web Framework](https://serokell.io/blog/introduction-to-phoenix)
* [Awesome Elixir - A curated list of awesome Elixir and Erlang packages and resources](https://elixir.libhunt.com/)
* [Choosing Elixir over Rust and Golang](https://suryas4.medium.com/choosing-elixir-over-rust-and-golang-b7e6c1c1d3a5)
* [Awesome Elixir](https://github.com/h4cc/awesome-elixir)
* [Elixir生誕10周年をお祝いするコラム一覧：Elixirの最近を知らない or ブランクある方も "Elixirの現在" に追いつける](https://qiita.com/piacerex/items/e5590fa287d3c89eeebf)


#### LiveView and JavaScript
* [*** Phoenix Beginner's Guide - Phoenix LiveView Basics](https://www.wintermeyer-consulting.de/books/phoenix/1.5/index.html)
* [*** LiveView Chat Tutorial](https://github.com/dwyl/phoenix-liveview-chat-example)
* [Getting Started with Phoenix LiveView](https://pragmaticstudio.com/tutorials/getting-started-with-phoenix-liveview)
* [Real-time charting with Elixir Phoenix.LiveView + Chart.js](https://dev.to/mnishiguchi/real-time-charting-with-elixir-phoenixliveview-chartjs-b4c)
* [Phoenix LiveView chart.js setup](https://apboobalan.medium.com/phoenix-liveview-chart-js-setup-a7459f7fee08)
* [JavaScript interoperability](https://hexdocs.pm/phoenix_live_view/js-interop.html)




**以下はElixir/Phoenix/Elmの過去記事のまとめです。**

# Livebook 関連
* [Vega-Lite の View Composition (Elixir, Livebook)](https://qiita.com/sand/items/f0e11ed907287be6436a)
* [VegaLite の基礎 (Elixir, Livebook)](https://qiita.com/sand/items/3433061b1966d6f8edb2)
* [Livebook 事始め (Elixir)](https://qiita.com/sand/items/6753c1782774b45daf6b)

# Phoenix LiveView 関連
* [Phoenix で Blog を超簡単に作る](https://qiita.com/sand/items/55a21235f8c2dfff51bd)
* [Phoenix LiveView とTailwind と daisyUI](https://qiita.com/sand/items/1c2fa09b9d8cc5e0c26b)
* [Phoenix 認証システム - mix phx.gen.auth](https://qiita.com/sand/items/dda77cc3da3febf3c286)
* [東京電力電力供給状況監視 - Phoenix LiveView](https://qiita.com/sand/items/ecac700bc3e32f106279)
* [Phoenix LiveView と キーボードイベント - Qiita](https://qiita.com/sand/items/a72a74ce7885a80eb969)
* [Phoenix LiveView の JavaScript Hook - Qiita](https://qiita.com/sand/items/66049160bf5309e272ea)
* [Phoenix LiveViewの基本設定 - Qiita](https://qiita.com/sand/items/5aea96852ceb2981021b)
* [Phoenix1.6の基本的な仕組み - Qiita](https://qiita.com/sand/items/f42dc35c47589eab687e)
* [Elixir/Phoenix のシンプル認証 auth_plug](https://qiita.com/sand/items/160af41bd019e9c9f388)


# Elixir Concurrent Programming 

* [Elixir Concurrent Programming(1) - Spawn](https://qiita.com/sand/items/d7fda56fe2fef0f4a24d)
* [Elixir Concurrent Programming(2) - GenServer](https://qiita.com/sand/items/5fd91c0b86b4919d7cc9)
* [Elixir Concurrent Programming(3) - Supervisors](https://qiita.com/sand/items/3075b909b65c2fa2fc23)
* [Elixir Concurrent Programming(4) - Task and Agent](https://qiita.com/sand/items/244f060555d106a923d8)


# Elixir/Phoenix etc

* [Phoenix で Blog を超簡単に作る - phx.gen.auth , phx.gen.html](https://qiita.com/sand/items/55a21235f8c2dfff51bd)
* [Phoenix1.6の基本的な仕組み - 2022/10/03 更新](https://qiita.com/sand/items/f42dc35c47589eab687e)
* [Elixir Ecto チュートリアル - 2022/09/25 更新](https://qiita.com/sand/items/0861ad7a16f7ac612f41)
* [Elixir Ecto のまとめ - 2022/09/25 更新](https://qiita.com/sand/items/71d0b35d74a4781f3564)
* [Elixir Ecto Association - 2022/10/23 更新](https://qiita.com/sand/items/5581497972473e308f05)
* [Phoenix1.3のUser AccountsとSession](https://qiita.com/sand/items/8e541f8a950ae6c63931)
* [Elixirの無名関数メモ](https://qiita.com/sand/items/76c0a6dc6146aa2d0def)

# Elm etc

* [マルチユーザ対応geolocationアプリ - Elm + Phoenix](https://qiita.com/sand/items/4d70fd944921e213ed64)
* [複数のElmアプリで小さなデータを共有する - Local storage](https://qiita.com/sand/items/3767d263f98b3dad264e)
* [パーサコンビネータ elm-combine を使ってみた！](https://qiita.com/sand/items/f519175683060e5fb5c4)


# Elixir/Phoenix/Elm App

* [Elmとleafletでつくるgeolocationの発信機・受信機](https://qiita.com/sand/items/18e3a4af0aca1c6376b8)
* [Elmとleafletでつくるgeolocationの再現機とデータ解析](https://qiita.com/sand/items/13de00918515b6dba844)


# Elixir/Phoenix/Elm etc

* [AWS S3のクライアントからPhoenix Channelに参加する方法](https://qiita.com/sand/items/3ec0cf7cc50119f90dbc)
* [Elmからportを通してleaflet .jsを操る](https://qiita.com/sand/items/60be3063e7ae6fc96922)
* [Portを通したElm Record と JavaScript Object の互換性](https://qiita.com/sand/items/afa678203c31c71580ea)
* [東京電力電力供給状況監視 - Phoenix Channel](https://qiita.com/sand/items/5aa0d8ff778854411a42)
* [関数定義におけるパターンマッチング - Haskell vs Elm vs Elixir](https://qiita.com/sand/items/e0880651c384cdd92975)
* [Elm Bootstrapについて](https://qiita.com/sand/items/b742e4cf7fabed3d8e9b)
* [Elm Svg と elm-visualization](https://qiita.com/sand/items/c54d3b2b3bfc90c99b47)
* [Phoenix+Elmでマルチページ](https://qiita.com/sand/items/4c16b70a2ed436b60a30)
* [Phoenix1.3+Guardian1.0でJWT](https://qiita.com/sand/items/393827194e687efafd4f)
* [Phoenixでelm-vega - JavaScriptからportsでヘッドレスElm](https://qiita.com/sand/items/283b1bf059d28ca8f653)
* [PhoenixでStatic Fileをサーブする](https://qiita.com/sand/items/40a281e3f1f4467fd779)
* [elm-vegaでグラフ描画 - JavaScriptからportsでヘッドレスElm](https://qiita.com/sand/items/46c0f16552b3fc7470d9)
* [elm-visualization(D3-like)を使ってみた](https://qiita.com/sand/items/4b30da978f31ae83108e)


# Elixir/Phoenix/React App

* [Phoenix Channelで作る最先端Webアプリ - Reactチャット編](https://qiita.com/sand/items/e4940eaf83daa69d8a59)
* [Phoenix Channelで作る最先端Webアプリ - Elixier Application編](https://qiita.com/sand/items/5ae4495154dacb4bea71)
* [Phoenix Channelで作る最先端Webアプリ - DynamicSupervisor編](https://qiita.com/sand/items/c2f089e218a0e9878abd)
* [Phoenix Channelで作る最先端Webアプリ - 地図（Geo）拡張編](https://qiita.com/sand/items/ed8320872fc508bb0e8e)
* [Phoenix Channelで作る最先端Webアプリ - Fault Tolerance編](https://qiita.com/sand/items/a0e070b49e726e1005f2)
* [Phoenix Channelで作る最先端Webアプリ - ETS編](https://qiita.com/sand/items/1fa3f728f4fd579102bc)
* [Phoenix Channelで作る最先端Webアプリ - topic-subtopic編](https://qiita.com/sand/items/d5d77db657027abe6141)

# Elixir/Phoenix/Elm etc

* [ElixirのPhoenixChannelClientでTwitterを再配信する](https://qiita.com/sand/items/40f118f437adb9dc1a3c)
* [Elm pipe vs Elixir pipe](https://qiita.com/sand/items/fbdbab34f6cef9cacf4c)
* [Phoenix Channelとelm-phoenixについて](https://qiita.com/sand/items/f7f6fd8d93e68d651667)
* [ElmからPhoenix v1.3のRest APIを叩いてみる](https://qiita.com/sand/items/e040e8769dc5d4aedbe1)
* [ElixirのMnesiaラッパー、Amnesiaを使ってみる](https://qiita.com/sand/items/0dde6fef46ad3350f8d4)
* [Elixirの分散処理(Node)とMnesia](https://qiita.com/sand/items/c5c9dab1dce3d5c526ee)
* [ElixirでTwitterを検索する](https://qiita.com/sand/items/bd7ea6d3f455ee63fa42)
* [Elixir でプロセス管理 - A Fibonacci Server](https://qiita.com/sand/items/47d2d5de44df2ae07f83)
* [ElixirのEnum.reduceを一発で理解する方法](https://qiita.com/sand/items/e9003dcf045e75577833)
* [ElmとPhoenixでJWT認証を行う](https://qiita.com/sand/items/90753dcc23dbba28caf9)
* [PhoenixのGuardianでJWTを扱う](https://qiita.com/sand/items/487944a5a668fe6c243c)
* [ElmからPhoenixのRest APIを叩いてみる](https://qiita.com/sand/items/12a0a4e7fd0fd3d818cc)
* [ElmのバックエンドとしてPhoenixを使う](https://qiita.com/sand/items/6229cd95a993bf384098)
* [Phoenixのログイン管理のためのSessionの使い方](https://qiita.com/sand/items/a88f1c39f3a6f7a01f99)
* [CentOS7にErlangとElixir、Phoenixをインストールしてみる](https://qiita.com/sand/items/e98c9e98351b816c7e69)

# Elm intro.

* [Elmでマテリアルデザインをためしてみた！](https://qiita.com/sand/items/75f07e0d96f994391514)
* [Elmで非同期Http通信を含んだSPAを試してみる](https://qiita.com/sand/items/849c919b0d957ee99b9d)
* [ElmのSPAとRouting](https://qiita.com/sand/items/0b65c7917b17af396302)
* [ElmのHttpとJson.Decode、Taskの実践的な使い方](https://qiita.com/sand/items/63a0d9200b7139b8ab61)
* [ElmでWebSocketを試してみた(Sub)](https://qiita.com/sand/items/7bb3e08cf4f6ce03362f)
* [ElmとJavaScriptの会話(Port)](https://qiita.com/sand/items/eeabb2220b2ed6fc0fea)
* [ElmとReactを同一画面（Html）に埋め込んでみる](https://qiita.com/sand/items/38f3bf9c4afd028f72b2)
* [Elmでサーバと通信する(Cmd)](https://qiita.com/sand/items/892d96f3c2956da4e68b)
* [Elmで乱数を扱う(Cmd)](https://qiita.com/sand/items/4efd8eeafd2c33778e08)
* [Elm Architecture の Model-View-Updateについて](https://qiita.com/sand/items/d9830b4226710a969488)
* [Elm開発環境について](https://qiita.com/sand/items/9afaef65c6f1ebf453da)



/////