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.

piyopiyo.exで作ったLiveView感想投稿サイトの話

Last updated at Posted at 2022-08-23

こんにちは、piyopiyo.ex共同運営者です。

イベント開催を何回か重ねるうちに、piyopiyo.exイベント参加者の感想を集約する何かがほしいなあと思い始め、
実際に感想投稿サイトをpiyopiyo.exで作れば面白いのでは?と考え、作業工程を5回のイベントに分割し、仕様策定から実装、デプロイをやってみました。

本記事では、各イベントで使った資料と成果物を紹介します。

イベント一覧

  • piyopiyo.ex #4 Phoenix環境構築〜Hello,world!
  • piyopiyo.ex #5 感想投稿機能をLiveViewでつくろう!(要件定義+mix phx.new + phx.gen.live)
  • piyopiyo.ex #6 感想投稿機能をLiveViewでつくろう!(ワイヤーフレームに沿って実装しよう)
  • piyopiyo.ex #7 感想投稿サイトにスタイルをあてよう!(daisyUI、tailwind css)
  • piyopiyo.ex #8 GitHubActionsでGigalixirにデプロイしよう!

イベントを通して作成したpiyopiyo.ex感想投稿サイト

TODO: アイキャッチ画像の追加

各イベント内容と資料

piyopiyo.ex #5 感想投稿機能をLiveViewでつくろう!(要件定義+mix phx.new + phx.gen.live)

イベント中にGoogle Docで簡単な仕様書、ワイヤーフレームを作成しました。
(下記動画では17分頃から本編が始まります)

piyopiyo.ex #6 感想投稿機能をLiveViewでつくろう!(ワイヤーフレームに沿って実装しよう)

モブプロで実装してみる、という試みをしました。
モブプロのホストは共同運営者のymnさんに担当していただきました。

piyopiyo.ex #7 感想投稿サイトにスタイルをあてよう!(daisyUI、tailwind css)

Tailwind CSS、daisy UIを予めインストールしたコードを準備しておき、
モブプロで実装してみる、という試みをしました。

記事

PR

https://github.com/nako-9h-sleep/piyopiyoex_portal/pull/11/files
https://github.com/nako-9h-sleep/piyopiyoex_portal/pull/12/files

piyopiyo.ex #8 GitHubActionsでGigalixirにデプロイしよう!

デプロイ回はモブプロはできないので、スライドを用意し、実際にデプロイする様子を見ていただきました。

おまけ

@torifukukaiou さんの下記記事を参考に空コミットする実装をGitHub Actionsに追加しました。
Gigalixirを使う上で大切なことなのです。お察しください。

感想

仕様書作成を含めてイベントで扱うのが初だったので、面白い試みでした。
また、イベントを通して好反応をいただけて大変うれしかったです。

お知らせ:piyopiyo.exリニューアル中です!

初心者向けElixir/Phoenixコミュニティとしてイベントを開催していましたが、
さらに入門しやすい内容になるようリニューアル中です。

F68D9CCA-3890-4B08-BA3B-64BB21AD0B05_1_102_o.png

6
1
1

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
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?