友達の誕生日サプライズにサイトを作った話

2026/05/20 初登壇大歓迎！学生エンジニアの個人開発LT
https://findy.connpass.com/event/390505/

Transcript

1. 友達の誕生日サプライズに サイトを作った話 ＠riochin555 2026/05/20 #学生LT_findy
2. Riochin / 市川 理生 🏫 津田塾大学 情報科 3年 🛠️ Go, Java, TypeScript 💜 ジョジョ, ガンダム, ハッカソン ＠riochin555
3. 誕生日１か月前の友達： 「サプライズ、好きじゃないんだよね」 →抗いたい。 本気の“サプライズ”をみせてやろう
4. 個人開発しました 寄せ書き投稿機能 ミニゲーム ガチャ・コレクション機能 借金機能 etc.
5. 使用技術（バックエンドもあるよ）
6. 4/2 4/9 4/16 4/23(当日) 0 5 10 15 20 要件定義 ベース 開発・開発・開発・開発 当日！ 開発スケジュール 18人 最終的な協力者 ※本人もフィードバックをくれたため ※ 1人でスタート +1人 +6人 +9人 本人降臨 サイト制作協力者の推移（人/日付）
7. 私以外の17人... 全員が“非”技術者 7
8. ガチャアイテム提案 寄せ書き参加 非技術者でも協力できるように 協 力 し や す い 写真素材提供 名言提供 アイデア出し イラスト提供 ミニゲーム開発 iframeを使用して バイブコーディングでも参加可能に 協 力 大 変
9. ガチャアイテム提案 寄せ書き参加 非技術者でも協力できるように 協 力 し や す い 写真素材提供 名言提供 アイデア出し イラスト提供 ミニゲーム開発 17人 17人 5人 2人 8人 7人 2人 バイブコーディングの楽しさを 知ってくれた！ ※全てに登壇者(1名)含む 協 力 大 変
10. 本人のリアクション
11. 本人のリアクション 大成功！！！！！ 大成功！！！！！ 大成功！！！！！ 🎊 🎊 🎊 🎊 🎊 🎊
12. 555 555 555 29 29 29 299 299 299 当日の盛り上がり アクセス ユーザー ゲームプレイ ガチャアイテム タグツイート数 121 121 121 42 42 42 回 回 回 人 人 人 回 回 回 個 個 個 個 個 個
13. 名言が流れる トップページ♪ ミニゲームは５種類！ 本人の推しキャラが登場 🍒 ランキング機能 ガチャ機能 ※確定演出あり ※借金機能があるので、簡単にコンプリート可能 ガチャアイテムは 121種類！ ※借金には10日ごとに元本の1割の利子が発生し、pg_cronにより自動処理されます。 プレゼントへの引き換えもできる◦ 寄せ書きを横画面に拡大 思い出スライドショー デモ
14. まとめ 周囲のモチベを利用して巻き込もう ターゲットは“1人”でもオッケー！ 技術で遊び倒すのは楽しい！
15. ご清聴ありがとうございました！ ＠riochin555 ※本人の許可を得て発表しました
16. 付録: サイトギャラリー
17. トップページ あいことば入場 入場アニメーション トップページ
18. 寄せ書き機能 投稿画面 カルーセル 寄せ書きボード（スマホ回転に対応） ※表示されているデータは開発環境のモックです
19. ミニゲーム インファイト花京院 タワーバトル 神経衰弱 ランキング タイピング ※表示されているデータは開発環境のモックです
20. ガチャ機能 確定演出 コレクション ガチャ画面 ※表示されているデータは開発環境のモックです