10
3

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.

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

Last updated at Posted at 2022-03-22

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

Advent Calendar 2022 81日目1の記事です。
I'm looking forward to 12/25,2022 :santa::santa_tone1::santa_tone2::santa_tone3::santa_tone4::santa_tone5:
私の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{「動いています」}$

の連発でした :tada::tada::tada:

ソースコードの解説

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

スクリーンショット 2022-03-22 19.56.59.png

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

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

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

$\huge{Oh\ my\ God}$

20:06 質疑応答タイム :clock:

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

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

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

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

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

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

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

20:27 クロージング

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

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

20:28 二次会開催 :beers: :game_die:

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

ゲームのアイデアソン

  • エアホッケーをつくる

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

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

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

スクリーンショット 2022-03-22 20.50.17.png

以下の話がでました。

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

Live Share のセキュリティ機能

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


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

この記事は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」から着想を得て、模倣いたしました。

10
3
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
10
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?