Slide 1
Slide 1 text
citruz.dev
Taniii・Natsume・Ayu・Hiro
Slide 2
Slide 2 text
- Taniii / Tomohiro Tani
@taniiicom Taniii.com
- Natsume
@natsumeberry
- Ayu
@aya172957 portfolio.ayutaso.com
- Hiro
@hiro_tmu
citruz.dev
Members
Slide 3
Slide 3 text
LT に特化した
イベント登録・管理サービス
LT 会をだれでも簡単に企画できて
だれでも簡単に申し込みでき
発表内容をまとめられる
LT からはじまり
次につながるプラットフォーム
citruz.dev
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
citruz.dev
Internet と Information Technology
→ ひととひとをつなぐ
新しい価値を生み出す
Motivation
Slide 7
Slide 7 text
citruz.dev
技術ドリブンではなく,
→ コンセプトデザインドリブン
→ 本当に必要なものはなんなのか
→ サービスがどんな経験を
もたらすのか
Motivation
Slide 8
Slide 8 text
citruz.dev
つながりがあれば,
もっとおもしろいことが,
新しいことが起こったはずなのに,
ほかの人が取り組んでいることや
情熱を注いでいること,
意外と知らなくないですか??
Concept
Slide 9
Slide 9 text
citruz.dev
はじめての人と話すのって
すごく勇気のいることだし,
ハードルが高い
Concept
Slide 10
Slide 10 text
citruz.dev
そこで,
自分のことを紹介するのに,
自分自身のことの代わりに
自分が情熱を傾けていることを伝えて,
それで自分を知ってもらえるのが
"LT" の良さだと思います.
Concept
Slide 11
Slide 11 text
citruz.dev
なぜ, Google フォーム ではだめなのか?
なぜ, connpass ではだめなのか?
→ 一方向的
参加者 → 主催者
Qualtet
→ 双方向的
参加者 (Speaker/Listener) どうしの
つながり
Concept
Slide 12
Slide 12 text
citruz.dev
LT に特化した
イベント登録・管理サービス
LT 会をだれでも簡単に企画できて
だれでも簡単に申し込みでき
発表内容をまとめられる
LT からはじまり
次につながるプラットフォーム
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
citruz.dev
# UI, UX デザイン
- ブランドコンセプト
- ブランドカラー #FFA41B
- チケットをモチーフに
したデザイン
- やわらかく親しみやすいデザインと
表示アニメーション
- 非同期処理の待ち時間を感じさせない
アニメーション
- ダークモード対応
Technology
Slide 16
Slide 16 text
citruz.dev
# フロントエンド
- Next.js v14 App Router
- React
- MUI
- 非同期処理
- useEffect と CSS transition
を使った自然な遷移
- ダークモード対応
Technology
Slide 17
Slide 17 text
citruz.dev
# サーバサイド
- Firebase
- Firebase Storage
- Firebase Firestore
- Vercel
Technology
Slide 18
Slide 18 text
citruz.dev
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
citruz.dev
Taniii・Natsume・Ayu・Hiro