「LiveViewJP#21：Livebookコードを眺めてみんなで震えて納涼する会」レポート

2023年9月26日(火) 19:30、私は「LiveViewJP#21：Livebookコードを眺めてみんなで震えて納涼する会」に参加しました。
このイベントは、Elixirコミュニティの中で非常に注目されており、私の期待も高まっていました。以下はそのレポートです。

「LiveViewJP」とは？

「LiveViewJP」は、「We are party of Elixir/LiveView.」です。

LiveViewは、ReactやVue.js同様のリアルタイムフロント開発やSPA開発を、サーバサイドのコーディングのみで実現できるElixirライブラリです。
2019年にデビューし、Phoenix 1.5で標準装備となり、2021年8月のPhoenix 1.6リリースで本格的にコアプロダクト化したこのLiveViewを、プロダクション導入したり、LiveViewの技術面やスタックで盛り上がるコミュニティです。
たとえば、LiveView／phx_gen_auth／tailwind componentsの融合や、LiveBook／Nx／Axonの融合と言ったユースケースも紹介していきます。
Zoom接続さえできれば、本人でも、SnapCameraでも、2Dアバター／3D（VR）アバターでも、お好きな姿・形（18禁はお断り）でご参加OKの、「対面」と「アバター」が混在する「未来指向の技術コミュニティ」でもあります…司会もVRアバターです。
閉会後の「リモート呑み会」では、「LiveView」や「LiveViewのお仕事情報を聞きたい」など、本会では聞けなかった突っ込んだ話、現場のリアルなんかを、登壇者や参加者とワイワイする時間帯もあります。

乾杯スタートしました

イベントは「乾杯」の音頭でスタートし、参加者たちは笑顔で情熱的なトークに身を委ねました。この瞬間から、Elixirの世界への探求心が高まりました。

納涼Livebookハック会、はじまったー #LiveViewJPhttps://t.co/tlHSq67Wmg pic.twitter.com/6ZtWGAP7kr

— piacere @ 技術（Elixir／UX／xR）で現実をデジタル&バーチャルから改変 (@piacere_ex) September 26, 2023

本編レポート

本編のレポートです。

みんなでDiscordに自己紹介タイム

で「elixirと見習い錬金術師」サーバーに入って自己紹介をしあいました。

Livebook実行環境構築ハンズオン

Livebookのnotebookに画像をダウンロードして、表示するデモが行われました。
@tuchiro さんに解説していただきました。

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)

たったこれだけのコードで完成です。
すごい！

Livebookコードを眺めてみんなで震えて納涼する

@piacerex さんがリードしてくださいました。

Livebookのソースコードはここにあります。

• まずは、 router をみよう。
  • https://github.com/livebook-dev/livebook/blob/main/lib/livebook_web/router.ex
• socket の assigns が大事。IO.inspect/2で表示してみるといいよ。
• debug_heex_annotations

I tried debugging LiveView 0.20...I removed LiveDashboard and put debug_heex_annotations in dev.exs and it identifies the LiveView code, awesome!😆

LiveView 0.20デバッグを試した…LiveDashboard外し、dev.exsにdebug_heex_annotationsを入れたら、LiveViewコードが特定される、スゲェ！😆 https://t.co/W65yuPtElF pic.twitter.com/awwa1w9RoP

— piacere @ 技術（Elixir／UX／xR）で現実をデジタル&バーチャルから改変 (@piacere_ex) September 23, 2023

• その他にもいろいろとハックしてくださいました！

ありがとうーーーーッ！！！　でございます。
震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。

たった1時間の短時間で、

・Livebookホーム画面
・ユーザー設定
・セッション（起動されたNotebookのこと）
・コードエディタ部分
・コード実行部分

のハックや改造ができました😆 #LiveViewJP

今回、初めてLivebookハックしてみましたが、いつものElixirらしく読みやすいコードでハッピーでした😍 pic.twitter.com/EhohlbKTmA

— piacere @ 技術（Elixir／UX／xR）で現実をデジタル&バーチャルから改変 (@piacere_ex) September 26, 2023

次回のLiveViewJP

次回のLiveViewJPは、募集を開始されています。

2023年10月24日(火) 19:30- LiveViewJP#22：画像識別AIや音声識別AI、お絵描きAIをハンズオンで作成

万障お繰り合わせの上、ぜひぜひご参加ください。

さいごに

この記事は、2023年9月26日(火) 19:30より行われた「LiveViewJP#21：Livebookコードを眺めてみんなで震えて納涼する会」のイベントレポートです。
このイベントに参加し、Elixirの未来や情熱的なコミュニティメンバーたちと交流できたことを誇りに思います。私たちは、新たな発見と創造を追求し続けます！

震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。震えました。

We are the Alchemists, my friends!!!

次回の「2023年10月24日(火) 19:30- LiveViewJP#22：画像識別AIや音声識別AI、お絵描きAIをハンズオンで作成」も期待大、楽しみです！

最後に、Qiitaの素晴らしさを再確認し、将来の共同投稿を楽しみにしています。みなさん、一緒に学び、成長しましょう！

それではごいっしょに！
「いやぁ、Qiitaって本当にいいもんですね～。それではまたご一緒に投稿を楽しみましょう」