More than 1 year has passed since last update.

LiveView JP#3 私のLT -- Req, Mermaid, ウェブチカ (Elixir)

Last updated at 2022-08-17Posted at 2022-01-24

修身斉家治国平天下

Advent Calendar 2022 24日目¹の記事です。
I'm ready for 12/25,2022
I'm looking forward to 12/25,2022
I can't wait for 12/25,2022
私のAdvent Calendar 2022 一覧。

はじめに

Elixirを楽しんでいますか
Livebookを楽しんでいますか
Nerves Livebookを楽しんでいますか

明日2022/01/25(火)は、「LiveView JP#3」でLTをします。

3つ話します。

Req
Mermaid
ウェブチカ²

話さないこと

しまった
LiveUpload特集と銘打たれていますが、
LiveUploadの話を用意していません。

う〜ん、そうですねー、あーそうだLiveUpload関連でコントリビューションしたことがあることを思い出しました。

docの修正です。

この当時、LiveUploadのレビューに
$\huge{勝手に参加していました🚀}$

LiveUploadと全く無関係の人ではないことをアピールしておきます。
詳しいことは、@piacerex さんと @the_haigo さんにお任せして、私は違う話をします。

主役たち

Elixir の主役たちを私の感じ方でざっくり説明します。
Elixirエコシステムの
$\huge{ど真ん中}$
にいらっしゃる本体、ライブラリたちです。

	私の感じ方、ざっくりとした説明
Elixir	世俗派関数型言語³。なんとなく知らない間にゆるふわで「アタシ、関数型言語でプログラミングしちゃってました」てな具合にプログラミングを楽しめます。
Phoenix	Webアプリケーションの開発を楽しめます
LiveView	高性能なバックエンド開発もリッチなフロントエンド開発もElixir一本で楽しめます！
Livebook	Jupyterに相当するもの。LiveViewを利用したアプリケーションの代表例ともいうべき金字塔。LiveViewを利用したアプリケーションのお手本であり、最高峰。
Nx	AI関係のゲームチェンジャー
Nerves	ElixirでIoTを楽しめるフレームワークです。ナウでヤングでcoolなすごいやつです。(誤解を恐れずにいえば)Nervesは、Elixir専用OSです!!! sshで中に入ったら`iex>`~~しかできません~~だけができて一生Elixirだけを楽しめます
Nerves Livebook	Livebookは、Nervesの上でイゴきます²

Req

Nerves LivebookにデフォルトでプリセットされるようになったHTTPクライアントです。
プリセットされるようになったのは、何を隠そう私のプルリクです。

Qiita APIを利用させていただいてElixirタグがついた最新記事20件を取得しています。

"https://qiita.com/api/v2/items?query=tag:Elixir"
|> URI.encode()
|> Req.get!(finch_options: [pool_timeout: 50000, receive_timeout: 50000])
|> Map.get(:body)
|> Enum.map(& Map.take(&1, ["title", "url"]))

海外のAlchemistは、Req推しのようです。

OwnerのWojtek Machさんは、Elixir本体にもたくさんコミットされています。

Mermaid

Livebookのmarkdownでこげなことをかくと、いい感じに表示されます。
@ShozF さんにNerves Livebookでも動くことを教えてもらいました。
この場をお借りして厚く御礼申し上げます。

当日はデモ or 動画共有をします。

Mermaidのトップページにあるサンプルは、Sequence diagramを除いてそのまま動きます。
Sequence diagramで一部パースエラーが発生してしまう件は、Issueの報告をしています。

José Valimさんご本人から直々にご返信をいただきました。

Webチカ

当日お知らせするURLに代表でどなたかにアクセスしていただいて、以下のプログラムにてLチカをしていただきます。

点灯

{:ok, gpio} = Circuits.GPIO.open(18, :output)
Circuits.GPIO.write(gpio, 1)

消灯

{:ok, gpio} = Circuits.GPIO.open(18, :output)
Circuits.GPIO.write(gpio, 0)

仕組み

ngrokを使っています。

One command for an instant, secure URL to your localhost server through any NAT or firewall.

Wrapping up

Enjoy Elixir
$\huge{Enjoy\ Elixir🚀}$

「LiveView JP#3」のLTにて3つ話をしました。

Req
Mermaid
Webチカ

Elixirの誕生日は、2012年5月24日です。
そのため、今年の2022年5月24日は10周年を迎えます。

iex(1)> Date.diff(~D[2022-05-24], ~D[2022-01-24])
120

2022年に流行る技術予想ーーそれは、Livebookです

Elixir

最後の最後に、Elixirについて紹介します。

|>でスイスイ、プログラミングしていくことができる素敵なプログラミング言語です
さっそくプログラムの例を示します
Qiita APIを使わせていただいて、Elixirタグがついた最新の記事を20件取得しています
ここでは雰囲気をつかんでいただければ大丈夫です

Mix.install [{:req, "~> 0.2.1"}]

"https://qiita.com/api/v2/items?query=tag:Elixir"
|> URI.encode()
|> Req.get!(finch_options: [pool_timeout: 50000, receive_timeout: 50000])
|> Map.get(:body)
|> Enum.map(& Map.take(&1, ["title", "url"]))

Webアプリケーションを楽しむなら

Phoenix

IoTを楽しむなら

Nerves

AIを楽しむなら

Nx + Livebook

もっとElixirのことを知りたい方へオススメの書籍

コミュニティ

elixir.jp Slack workspaceに参加してみてください
- マヂ、やさしい人ばっかりのコミュニティ
- あなたの困ったをきっと解決してくれるでしょう
NervesJP Slack workspaceでは、NervesやIoTが好きな愉快なfolksたちがあなたの訪れを歓迎します
たくさんのコミュニティがあります

(EDI／fukuoka.ex／kokura.ex ＆ LiveView JP の @piacerex さん作 )