国内Elixirの動きをYouTubeから②4～6月（LivebookからSPA生成、様々なLiveView、高度なLivebook／AI・ML、マネフォ2拠点同時開催イベント ）

この記事は、[Elixir Advent Calendar 2023 シリーズ13](https://qiita.com/advent-calendar/2023/elixir) の5日目です

昨日は、私で [「国内Elixirの動きをYouTubeから①1～3月（スマホネイティブアプリ開発、生成AI開発、Elixir入学式、Qiitaの中の人来訪）」](https://qiita.com/piacerex/items/16eb25d2fe91cf31464f) でした

---

[piacere](https://twitter.com/piacere_ex) です、ご覧いただいてありがとございます :bow:

[前回の2023年1～3月分](https://qiita.com/piacerex/items/16eb25d2fe91cf31464f) に引き続き、Elixirをネタとするイベント／LT（Lightning Talk）動画を紹介していきます

2023年4～6月のホットトピックは、こんな感じでした :information_desk_person_tone1:

:::note info
2023年4～6月
- ① LivebookからSPA生成 … Elixirで本格的なノーコード
- ② LiveViewで様々なアプリがお披露目された
- ③ より高度で実践的なLivebook／AI・ML例 
- ③ マネーフォワード2拠点で同時開催のElixirイベント 
:::

それでは、見ていきましょう

なお、「ウチも開催してて動画アップしているよー」というイベントや勉強会あれば、ぜひコメントでお知らせください :wink:

# ① LivebookからSPA生成 … Elixirで本格的なノーコード

PythonのJupyterNotebook同様、Web上でElixir開発を叶えてしまう「Livebook」が、単なるWeb上開発環境の提供だけで済まず、LiveViewと同じようなSPAを、LiveViewコード一切書かずに生成できるようになってしまいました :smile: 

これにより、AI・MLアプリだろうが、UI付きアプリだろうが、IoT連携アプリだろうが、もはやLivebookさえあればリリースできてしまうという凄まじい状況が生まれ、Elixirで本格的なノーコード開発が叶うようになりました

## 入門シリーズ

<iframe width="560" height="315" src="https://www.youtube.com/embed/8mXJI1FH3zQ?si=5QpEycew_tJhr_Ja" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/AT6opV5J2Kc?si=8ULAkjtKVB0ho6mj" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/pzzqoZL-xUw?si=t9vq8RdANZJWhtaP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

## 応用編

<iframe width="560" height="315" src="https://www.youtube.com/embed/B4vfGQVRPfw?si=ACnq8gh-nw8IudlO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/pSaJk1hpZd8?si=FlNe7Xl2N2VrudjG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

# ② LiveViewで様々なアプリがお披露目された

JavaScriptを書かずにReactやVue.js、SvelteのようなリアルタイムWebフロントをElixirで書ける「LiveView」で様々なアプリのデモやライブコーディングが披露されました

<iframe width="560" height="315" src="https://www.youtube.com/embed/6e3xKOhG0KQ?si=wV8BdoZ-Vno3I8pU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/dsPQOMzQSjM?si=u8tZWkZ_gn4cQY0L" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/tC09fQuQJkE?si=gSGyo7cDgnfeB89a" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/22EAh2a04vY?si=g109BMEeY-0fTtap" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/ID34ZzQMfQc?si=pO915_9lY1n4zSMp" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/9BohvY6Fg-o?si=eeUwqQMq3SMTuOo1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/2VKzcu25FYQ?si=Jo14A12pqg9d-Ezx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/1U2ieTuAumo?si=wlDuZ6TQQfx4s76P" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

# ③ より高度で実践的なLivebook／AI・ML例

[1～3月まとめでも、ElixirにStable Diffusionを始めとする生成AIの波が来たこと](https://qiita.com/piacerex/items/16eb25d2fe91cf31464f#-stable-diffusion%E3%82%92%E5%A7%8B%E3%82%81%E3%81%A8%E3%81%99%E3%82%8B%E7%94%9F%E6%88%90ai%E3%81%AE%E6%B3%A2%E3%81%8Celixir%E3%81%AB%E3%82%82%E6%9D%A5%E3%81%9F) を入門シリーズ含めて紹介しましたが、数多くの種類のAI・MLがElixirで開発可能となった点の紹介や、それをLivebookで分散させたりする応用などについてLTありました

<iframe width="560" height="315" src="https://www.youtube.com/embed/qyO80bERRmU?si=0xkkaC0hpFsP4Iol" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/l1lITSAyln4?si=wxiVl5KJozuico56" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/MRvDN0ts9qA?si=L_XdH-bHipYZX1mr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/BUA72WBwuG8?si=mKKgrLoBvWs4KQgK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/kyPbG35gstM?si=9Ajf_GOvwZTMHZv3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/HG1ap42SDOU?si=ky3kIb3ddZp0KccU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/N1nbuGoa1ss?si=WOaDI4bG7xKm7oLF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

# ④ マネーフォワード2拠点で同時開催のElixirイベント 

「Elixirで宇宙衛星／エッジコンピューティング／Web」をテーマに、マネーフォワードさん2拠点（福岡、東京）のイベントスペースを繋いで、同時中継で開催されたElixirコラボイベントが開催されました

対面でのイベントは、コロナ以前から実に3年ぶりの開催となりました

https://moneyforward.connpass.com/event/284805/

宇宙とエッジコンピューティング、先端Web開発の3本をテーマに展開された各セッション動画は、以下の通りです

<iframe width="560" height="315" src="https://www.youtube.com/embed/k4YGY4GhWxE?si=vwkmyst4iby6BOA3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/_8v65P4OUyw?si=RzoLp_EPiYpOHYXX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/Au3I-EHRHkg?si=hD5hdpo-0YPnfqqQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/uDXmWiUOddc?si=IS22NXSR2VMsfgI5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/imWuvQQlPgA?si=RNU6d82_ona8ww3l" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/PbDoUcGQ2rE?si=k0fXTW20dOdRmoTj" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

# 全体像：国内Elixirコミュニティの各種LT

こんな感じです

https://www.youtube.com/@piacerex/videos
[![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155423/3e125d5b-f50d-f332-effd-10063326fd15.png)](https://www.youtube.com/@piacerex/videos)

https://www.youtube.com/@piacerex/videos
[![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155423/eb5d59ea-c708-1306-6b1f-de77fd50bf9f.png)](https://www.youtube.com/@piacerex/videos)

# 終わりに

Livebook／LiveViewの凄まじい進化とその活用、Elixirの宇宙やエッジコンピューティングへの応用と、さまざまな技術的転換点を迎えた、今年2023年4～6月のElixir界隈でした

:::note info
- ① LivebookからSPA生成 … Elixirで本格的なノーコード
- ② LiveViewで様々なアプリがお披露目された
- ③ より高度で実践的なLivebook／AI・ML例 
- ③ マネーフォワード2拠点で同時開催のElixirコラボイベント 
:::

[次回は、7～9月の動きを見ていきます](https://qiita.com/piacerex/items/f89bc66299196946e803)

---

明日は、私で[「国内Elixirの動きをYouTubeから③7～9月（Elixirマイクロサービス／エッジコンピューティング、モダンデザイン＋LiveView、ElixirConf 2023見どころ共有）」](https://qiita.com/piacerex/items/f89bc66299196946e803) です

# p.s.このコラムが、面白かったり、役に立ったら…

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/155423/907a8695-4d83-1b5c-8052-d0ce52de5f66.png) にて、どうぞ応援よろしくお願いします :bow: