概要
- 日向坂46(アイドルグループ)のメンバーと会話ができるイベント「ミート＆グリート(通称ミーグリ)」に参加し、簡単な画面を資料にしてメンバーに紹介したお話
- 初投稿です
第二弾の記事も作成しました！
作成した画面(一部)
- サイトは非公開
- 画像コンテンツはお絵描きアプリで作成したり、生成AI、アイコンメーカーを活用
使用技術
- TypeScript
- React
- ChakraUI
- Docker
作成経緯と目的
「日向坂で会いましょう」というバラエティ番組でメンバーが「フェスを開催したい」とプレゼンしたことが発端
→ プレゼンを聞いてワクワクしたので、このワクワクを何かしらの形に残して共有したい
→ 妄想を具現化して4月のミーグリで見せよう！
所要時間：約70時間
- 設計/調査/実装：約20時間
- コンテンツ作成：約50時間
費用：約15,000円
- コンテンツ作成代：10,000円
画面に載せるコンテンツを作成するために2,000円でお絵描きアプリのProcreateを購入しました。併せて8,000円のお絵描きペンも購入。お絵描きは素人ですがとても使い勝手の良いアプリだと思います。
- 印刷代：100円
コンビニで50円×2枚のフルカラー印刷をしました。
- ミーグリ代：4,800円(画面の紹介に使用した分のみ)
メンバーと会話できる時間はCDの購入数に応じます。会話時間は約10秒/枚でCD価格は1,200円/枚です。今回紹介に要した分は4枚。
スケジュール
2月中旬 なんちゃってプロジェクト稼働
- 作りたいものを決める
- ざっくりとした画面イメージを作る
- 画面にコンテンツを載せたいのでProcreateとお絵描きペンを購入
- 参考動画を見ながらお絵描きの練習
3月中旬
-
タスク管理ボードを使用して実装開始
-
実際のボードはこちら
-
平日は2,3時間で実装し、土日は2～6時間でProcreateを使ってコンテンツを作成
3月下旬～4月上旬
- 他の予定があったため進捗なし(卒コン、ひな誕祭etc)
4月中旬
- 想定より時間がとれなくなってしまったため、プロジェクトのスコープをしぼる
→サイトを紹介したいのではなくコンテンツを紹介したいため、コンテンツの作成に時間をかける
→サイトは公開せず画面を印刷した資料を見せることにする(後から知ったのですがミーグリで端末画面を見せるのはダメみたいです) - ミーグリでメンバーに紹介
所感(良かった点/反省点)
良かった点
- やり遂げられた
当初はリッチな作りにしようと画策していましたが、時間制約もあるので本当にやりたいことだけを実現するように予定を変更しました。終わってみてこれで良かったと感じています。
- 新しいことを学べた
サイトの自作やお絵描きなど新しい取り組みを経験できて楽しかったです。
- メンバーが喜んでくれた
これが一番良かったです。紹介時間はとても短かったですが、それでも直接会話して反応をもらえることに有難みを感じました。
反省点
- 作成物の定義を明確にしておこう
コンテンツの紹介が目的なら簡単な作りで良い、ユーザに利用してもらいたいのであればそれを踏まえた作りにして公開まで行う、など。
- どう作るかより、何を作るか
実装の方に頭を使ってしまいましたが、何を作るかの方に頭を使う。
- 紹介時間に余裕を持たせよう
想像ついてはいましたがやはり短すぎました。(1人は約10秒、もう1人は約30秒)
最大で約100秒会話できる仕様なのでたくさんCDを買おう。
- サイトの公開はした方が良い
メンバーに「公開してるの？」と聞かれたので公開しなかったことに"後悔"しました。
最後に
ミーグリの数十秒のために何十時間もかけて準備をしましたが、多くの学びや達成感がありました。当日まで楽しい日々を過ごすことができたので今後も続けていきたいと思います。