Go to Qiita Advent Calendar 2024 Top
LoginSignup
6
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@torifukukaiou(Awesome YAMAUCHI)infukuoka.ex：福岡Elixirコミュ

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

Last updated at Posted at 2022-02-22

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

Advent Calendar 2022 53日目1の記事です。
I'm looking forward to 12/25,2022 :santa::santa_tone1::santa_tone2::santa_tone3::santa_tone4::santa_tone5:
私のAdvent Calendar 2022 一覧。

はじめに

Elixirを楽しんでいますか:bangbang::bangbang::bangbang:

本日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です。

乾杯しました :beers::beers::beers:

スクリーンショット 2022-02-22 19.41.10.png

WEB+DB PRESS Vol.127

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

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

LiveView JPの紹介

LiveView JPとは、このような会です。

スクリーンショット 2022-02-22 19.38.59.png

偶数月は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)

スクリーンショット 2022-02-22 22.15.39.png

19:45 @torifukukaiou

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

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

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

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

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

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

20:00 @iyanayatudaze さん

LivebookでLive記事執筆

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

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

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

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

スクリーンショット 2022-02-22 20.11.59.png
スクリーンショット 2022-02-22 20.12.51.png

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

20:15 @piacerex さん

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

スクリーンショット 2022-02-22 20.36.12.png

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.

スクリーンショット 2022-02-22 22.45.26.png

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

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

Twitterでの反応

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

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

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

21:00 本会終了

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

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

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

Wrapping up :lgtm::lgtm::lgtm::lgtm::lgtm:

Enjoy Elixir:bangbang::bangbang::bangbang:
$\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!!!

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

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

編集後記

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

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

スクリーンショット 2022-02-22 23.11.11.png

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

次の猫の日は、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{全人類のみなみなさま！！！}$
お手にとって、お楽しみください!!!

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アプリケーションを楽しむなら

IoTを楽しむなら

AIを楽しむなら

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

コミュニティ

  • elixir.jp Slack workspaceに参加してみてください
    • マヂ、やさしい人ばっかりのコミュニティ
    • あなたの困ったをきっと解決してくれるでしょう
  • NervesJP Slack workspaceでは、NervesやIoTが好きな愉快なfolksたちがあなたの訪れを歓迎します :tada:
  • たくさんのコミュニティがあります
    FCOvBkAUYAE6mL8.jpeg
    (EDI／fukuoka.ex／kokura.ex ＆ LiveView JP の @piacerex さん作 :pray::pray_tone1::pray_tone2::pray_tone3::pray_tone4::pray_tone5:)

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

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

https://speakerdeck.com/elijo/elixirkomiyunitei-falsebu-kifang-guo-nei-onrainbian
image.png
(piyopiyo.ex ＆ エリジョ の nakoさん(@kn339264) 作、素敵な資料:clap::clap_tone1::clap_tone2::clap_tone3::clap_tone4::clap_tone5:)

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!

  1. @kaizen_nagoya さんの「「@e99h2121 アドベントカレンダーではありますまいか Advent Calendar 2020」の改訂版ではありますまいか Advent Calendar 2022 １日目　Most Breakthrough Generator」から着想を得て、模倣いたしました。 ↩

  2. @kikuyuta 先生の「世俗派関数型言語 Elixir を関数型言語風に使ってみたらやっぱり関数型言語みたいだった」より。Elixirはコワくないですよ〜。 ↩

  3. 「動きます」の意。おそらく西日本の方言、たぶん。NervesJPではおなじみ。少し古いオートレースの映像ですが、実況アナウンサーが「針4イゴきます」とはっきり言っています。https://autorace.jp/netstadium/SearchMovie/Movie/iizuka?date=2017-01-04&p=5&race_number=11&pg= ↩

  4. 大時計の針のこと。針がイゴいてある地点まで到達すると選手はスタートを切って良い発走の合図。針がイゴきはじめると(おそらく)選手は緊張するし、スタートはその後のレース展開に大きく影響するので、車券を握りしめている観客たちがもっとも緊張する瞬間であるため、先の尖った鋭いものを連想させる針は緊張の暗喩としても言い得て妙。 ↩

6
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
6
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?