LiveView JP#5:多人数タイピングゲームで盛り上がろう(2022/03/22)レポート


朝ぼらけ有明の月と見るまでに吉野の里に降れる白雪

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


はじめに

本日は2022年3月22日(火)です。
本日は、「LiveView JP#5:多人数タイピングゲームで盛り上がろう」が開催されました。

その感動ワクワクドキドキを余すところなくお伝えします。

19:30 Let's get started!!!

@piacerex ピアちゃんによるLiveView JPの紹介がありました。
奇数月である3月は、LiveViewを取り扱います。
偶数月はLivebookを取り扱うそうです。

Phoenix講座

Phoenixアプリの基礎を@piacerex ピアちゃんが解説してくださいました。

mix local.hex
mix archive.install hex phx_new
mix phx.new basic
cd basic

PostgreSQL

PostgreSQLをDockerで動かす例です。

docker run -d --rm -p 5432:5432 -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=postgres postgres:13
mix deps.get
mix phx.gen.live Blogs Blog blogs title:string body:text
mix ecto.create
mix ecto.migrate
mix phx.server

Visit: http://localhost:4000

19:50 @Yoosuke さんによる「Typing Game 作ってるnowと言ったら、締切効果がついてきた件 w」

@Yoosuke さんが、「Typing Game 作ってるnowと言ったら、締切効果がついてきた件 w」を発表してくださいました。

デモ

ローカルで動かしているPhoenixアプリをngrokでポートフォワードしてみんなで動かしました。

Zoomのチャット欄は

$\huge{「動いています」}$
$\huge{「動いています」}$
$\huge{「動いています」}$

の連発でした

ソースコードの解説

@Yoosuke さんがソースコードを解説してくださいました。

20:05 @tuchiro さんが業務により欠席連絡!!!

後ほど登壇予定の@tuchiro さんが業務により欠席との連絡がありました。
関東地方は電力不足により停電があるかも!? とのことで、ドキドキです。
21:00までどうするんだ!?

Zoomのチャット欄は
$\huge{omg}$
$\huge{omg}$
$\huge{omg}$
の連発でした。

$\huge{Oh\ my\ God}$

20:06 質疑応答タイム

質疑応答タイムが始まりました。

どうやって、他の人のタイピングが、私の画面に反映されているのですか?

「どうやって、他の人のタイピングが、私の画面に反映されているのですか?」というお便りが寄せられました。

ひとつひとつ丁寧に@Yoosuke さんが解説してくださいました。

質問者さん
「あー、broadcastを指示しているんですね! よく分かりました!」とのことです。
解説に大満足! のご様子でした。

漢字は対応していますか?

KeyUp or KeyDownをトリガにしているので単純にはうまくいかないようです。
「よくあるタイピングゲームだと、漢字とローマ字が併記されてて実際に入力するのはローマ字ってのが多かった記憶があります」とのコメントが寄せられていました。

20:27 クロージング

「つちろー、改め、たくと先生が教える、LiveViewでSPAの仕組みを学ぶ LiveView+LiveShareで全員参加モブプログラミング」はお休みです。
後述します通り、モブプログラミングは@piacerex ピアちゃんの代行実演が実はありました。
Zoom参加者のみの特典です。

次回は2022/4/26(火) 19:30とのことです。

20:28 二次会開催

ちょっと早いけれども二次会が始まりました。

ゲームのアイデアソン

  • エアホッケーをつくる

piyopiyo.exでモブプロするつもりだったんすよ〜

@kn339264 nakoさんからコメントがありました。
piyopiyo.exの次回イベントでモブプロを実施する予定だったそうです。
今日のLiveView JP@tuchiroさんによるLive Shareの実演を参考にする予定だったそうです。

急遽、@piacerex ピアちゃんによるLive Share講座がありました!
みんなで、Live Shareを体験しました。

以下の話がでました。

  • 他の人にはコマンド打たせたくないよね〜
  • アカウントBANどうやるんだろうね〜

Live Share のセキュリティ機能

21:00 イベントは終了しました。
ありがとうございました〜


Wrapping up

この記事は2022年3月22日(火)に開催された「LiveView JP#5:多人数タイピングゲームで盛り上がろう」のレポートです。

  • Typing Gameをみんなで楽しめました
  • Live Shareでみんなでソースコードをワチャワチャ編集することを楽しみました

次回は2022/4/26(火) 19:30とのことです。
Twitterのハッシュタグ#liveviewjpをお見逃しなく!

以上です。


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 1日目 Most Breakthrough Generator」から着想を得て、模倣いたしました。