こんにちは、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コミュニティとしてイベントを開催していましたが、
さらに入門しやすい内容になるようリニューアル中です。