田子の浦にうちいでて見れば白たへの富士の高嶺に雪は降りつつ

Advent Calendar 2022 53日目¹の記事です。
I'm looking forward to 12/25,2022
私のAdvent Calendar 2022 一覧。

はじめに

Elixirを楽しんでいますか

本日2022/02/22(金)は

【更に増枠】LiveView JP#4：Livebook始めよう＋Fly.io／ngrokでモブプロ
が開催されました。
そのレポートです。

ワクワクとドキドキを興奮そのままに、
$\huge{愛と感動}$
を余すことなくお伝えします。
惜しくも参加できなかった方は雰囲気をつかんでつかんでいただいて、ぜひ次回はご参加ください。
参加した方は、公開されている資料のリンクなどを貼っておりますので、ふりかえりにご活用ください。

次回

次回は2022月3月22日(火) 19:30-21:00の予定です。
すでに案内がでています！！！

LiveView JP#5：多人数タイプゲームで盛り上がろう＋LiveView SPA学ぶ

資料集

19:35

Zoomで開催しました。
everyone, onlineでenjoyです。

乾杯しました

WEB+DB PRESS Vol.127

2022/02/24(木)に発売される WEB+DB PRESS Vol.127 の案内がありました。
Livebookの土台である、LiveViewさらにはそのベースであるPhoenixの特集が組まれています。

さらに、2022/03/08(火)には、執筆者全員を呼んで、こたつで座談会です。

偶数月はLivebook

偶数月は、Livebookを取り扱います。
Livebookの動かし方は以下の通りです。

git clone https://github.com/livebook-dev/livebook.git
cd livebook
mix deps.get --only prod
MIX_ENV=prod mix phx.server
[Livebook] Application running at http://localhost:8080/?token=[token]

Visit: http://localhost:8080/?token=[token]

あとは、New notebookして試しに以下のコードを実行してみてください！

Mix.install([{:kino, "~> 0.3.1"}, {:download, "~> 0.0.4"}])

Download.from("https://upload.wikimedia.org/wikipedia/en/7/7d/Lenna_%28test_image%29.png")
|> elem(1)
|> File.read!
|> Kino.Image.new(:jpeg)

19:45 @torifukukaiou

レポートを書いている本人のLTです。

こちらの資料を使って説明しました。

おもに以下の点を説明しました

とりあえずローカルでLivebookを動かすには、Dockerを使うのがおすすめです
fly.ioへのデプロイ簡単です
- https://fly.io/launch/livebook
Welcome to Livebook コンテンツのデモ
私の感じ方、ざっくりとした説明

私の感じ方、ざっくりとした説明をご紹介します。

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

20:00 @iyanayatudaze さん

LivebookでLive記事執筆

Livebookを使って実行結果を確かめながら作成した記事を、技術記事投稿サイトへLT中にLiveで投稿するという内容でした。

LT中に作成、投稿された記事はこちらです。

これは生のライブでみるととても興奮する出し物でした。

見逃した方にこの興奮をお伝えするのは難しい。
いや〜、本当に良かった！
興奮した！
LiveView、Livebook、LT中にLive記事投稿ーー 幾重にも十重二十重にLiveが飛び交っていました。
Liveの大盤振る舞いです。
Liveの大運動会、Liveのデパートです！！！

Notebookのタイトル横の３点リーダからExportです

20:15 @piacerex さん

「「JupyterNotebook + NumPyでサクッと画像加工するノリ」をElixir Livebookでやってみた（lennaさんのバージョンアップもあるよ）」の記事をLiveで解説を加えながら、実演していただきました。

20:30-21:00 Livebookライブモブコーディングをみんなで体験する

ngrokを使って、@piacerex さんのローカルマシンで動かしているLivebookにみんなでアクセスして、モブプログラミングを楽しむという内容でした。

ngrokとは、

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

です。
ngrokが払い出してくれたURLにアクセスすると、めぐりめぐってローカルマシンにつながります。

ngrokを利用して、@piacerex さんのローカルマシンで動かしているLivebookにみんなでアクセスして、モブプログラミングを楽しみました。

Twitterでの反応

以下、モブプログラミングの様子をTwitterから拾ってみます。

Livebookを使った20名以上同時モブプログラミングをイベント内で実行してみたけど、メチャクチャ楽しいねッ😆 #liveviewjp

私のローカルPC上のLivebookをngrokでインターネット共有し、そこに全員が入る形で実現した😉

VSCode LiveShareを上回る実用面があり、入門者ガイドとかもキッチリできそう😌 pic.twitter.com/M9m9xJ82vr
— piacere (love Elixir&Gravity＋仮想世界創造機構) (@piacere_ex) February 22, 2022

#liveviewjp
20人ぐらいで@piacere_exさんのPCにアタックする会ｗ pic.twitter.com/55nphMwhKL
— ymn (@ymnbuild) February 22, 2022

みんなでわちゃわちゃ編集＆実行できて面白い！ pic.twitter.com/XwF9w7T3mq
— myasu🍊2/26,27虹4th,3/5水6th (@etcinitd) February 22, 2022

このカオス感！とても楽しかった！！ https://t.co/nK1MJncPrP
— alice (@Alicesky2127) February 22, 2022

20名程が参加して、
$\huge{ワチャワチャ、}$
$\huge{キャハハ、}$
$\huge{ウフフ}$
していました。

これもライブで参加した人だけが感じられるライブ感でした。
楽しかった〜〜〜
Enjoy Elixir
したぜ〜〜〜

21:00 本会終了

21:00くらいに一旦、本会は終了しました。

以降は懇親会です。
内容は
$\huge{ムフフ💜💜💜}$
です。

とてもここには書けません。
ぜひ、次回の「【増枠】LiveView JP#5：多人数タイプゲームで盛り上がろう＋LiveView SPA学ぶ」に参加して、あなた自身で体験してみてください！！！

Wrapping up

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

2022/02/22(火)に開催された【更に増枠】LiveView JP#4：Livebook始めよう＋Fly.io／ngrokでモブプロのレポートをお届けしました。
次回も楽しみです！！！

次回

次回のNervesJPの開催予定日は、
$\huge{3月22日}$
です。
Coming soon!!!
Don't miss it!!!

すでに申し込みを開始しています

Twitterのハッシュタグ#liveviewjpにご注目ください！

編集後記

本日2022/02/22は、2(にゃん)が続くとのことで、猫の日です。

私のアイコンは猫のつもりです。
名前は、名乗るほどのものではありませんが、Honeko（ホネコ）と言います。
Hon(本) + neko(ネコ) = Honeko（ホネコ）です。
名乗るほどのものではありません。

妻がペイントで描いて、私がペンキ機能？　でドボッと色を塗った共同作業です。

次の猫の日は、200年後の2222/02/22でしょうか。
私は常識的にはもうこの世にはいません。
ただ輪廻転生みたいな話でまた(まだ!?)いるかもしれないし、Elixir、Phoenixにより長寿の秘訣を手に入れているかもしれません。
Elixirは不老不死の霊薬です。
Phoenixは不死鳥です。
We are the Alchemists, my friends!!! ーーこの精神が受け継がれ、世界文化がますます進展していることを祈念します。
200年後のあなた（アルミン）に読んでもらえることを切に願います。

付録

以下、付録です。

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

iex> Date.diff(~D[2022-05-24], ~D[2022-02-22])
91

そうそう！
2月24日発売予定のWEB+DB PRESS Vol.127で、ElixirとPhoenixの特集がでますよ〜

Elixir、Phoenixをはじめられたばかりの方も、腕におぼえがある方も、どんなものなのかなあと様子見をきめこんでいる方も、
つまりは
$\huge{全人類のみなみなさま！！！}$
お手にとって、お楽しみください!!!

We, @tamanugi @torifukukaiou @the_haigo @mokichi_s12m including me, wrote featured articles for WEB+DB PRESS Vol.127 about Elixir and Phoenix! It's being published on 24, Feb.https://t.co/UPNiVU1zG9
— 栗林健太郎 (@kentaro) February 4, 2022

fukuoka.ex特別編:WEB+DB PRESS vol127 Phoenix特集こたつで座談会

出版記念イベントが開催されます。
ぜひご参加ください。

2022/03/08(火) 19:30 〜 21:00
この本を多くの方に知っていただき、出版という ”おめでたい” イベントを、執筆陣全員と皆さまで、ぜひ同じこたつに入ってのんびり座談会するかのように楽しんでいただきたいと思います。

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 さん作 )

Elixirコミュニティに初めて接する方は下記がオススメです

Elixirコミュニティの歩き方－国内オンライン編－

https://speakerdeck.com/elijo/elixirkomiyunitei-falsebu-kifang-guo-nei-onrainbian

(piyopiyo.ex ＆エリジョの nakoさん(@kn339264) 作、素敵な資料)

Elixirのイベント情報

@koga1020 さんが作成されたイベントカレンダーがあります。
https://elixir-jp-calendar.fly.dev/

気になるイベントにはぜひ参加してみましょう!!!

上記サイトの解説記事はこちらです。

I organize autoracex.
And I take part in NervesJP, fukuoka.ex, EDI, tokyo.ex, Pelemay.
I hope someday you'll join us.

We Are The Alchemists, my friends!

@kaizen_nagoya さんの「「@e99h2121 アドベントカレンダーではありますまいか Advent Calendar 2020」の改訂版ではありますまいか Advent Calendar 2022 １日目　Most Breakthrough Generator」から着想を得て、模倣いたしました。 ↩
@kikuyuta 先生の「世俗派関数型言語 Elixir を関数型言語風に使ってみたらやっぱり関数型言語みたいだった」より。Elixirはコワくないですよ〜。 ↩
「動きます」の意。おそらく西日本の方言、たぶん。NervesJPではおなじみ。少し古いオートレースの映像ですが、実況アナウンサーが「針⁴イゴきます」とはっきり言っています。https://autorace.jp/netstadium/SearchMovie/Movie/iizuka?date=2017-01-04&p=5&race_number=11&pg= ↩
大時計の針のこと。針がイゴいてある地点まで到達すると選手はスタートを切って良い発走の合図。針がイゴきはじめると(おそらく)選手は緊張するし、スタートはその後のレース展開に大きく影響するので、車券を握りしめている観客たちがもっとも緊張する瞬間であるため、先の尖った鋭いものを連想させる針は緊張の暗喩としても言い得て妙。 ↩

LiveView JP#4：Livebook始めよう＋Fly.io／ngrokでモブプロ（2022/02/22）レポート