セットリストメーカー

セットリストメーカー

1. 概要

• アーティストがライブイベントに出演する際に音響さんや照明さんへの要望を記載するためのフォームの生成ツール。

2. 生成イメージ

3. 目的

• PCがない方でも、スマホでセットリストが作成できるようにするため。
• どこからでも、作成できるようにするため。
• 内容を画像としてメンバーに共有できるようにするため。

4. 画面概要

4.1 トップ画面

• トップ画像
• 「作成する」ボタン
• お知らせ欄
• 作成手順
• 出力イメージ

4.2 作成トップ画面

• 概要入力ボタン
• セットリスト入力ボタン
• その他入力ボタン
• 完了ボタン

4.3 概要入力欄

• イベント名
• 会場名
• 出演日
• アーティスト名（必須）
• 演奏時間（必須）
• メンバー数
• マイク使用本数

4.4 セットリスト入力欄

• タイトル入力
• 曲の追加ボタン
• 曲目一覧

4.4.1 曲詳細編集欄

• タイトル（必須）
• Track
• TIME（必須）
• キッカケ（必須）
• 音響への要望
• 照明への要望

4.5 その他入力欄

• 入力欄

4.6 出力画面

• プレビュー画像
• pdf出力ボタン
• メール送信ボタン
• 編集に戻るボタン
• HOMEに戻るボタン

5. 使用ライブラリ

Library	Version	Link
jquery	3.6.0
Bootstrap	v5.0.2	Bootstrap
UIkit	3.14.3	UIkit
bootflat	2.0.4	bootflat
html2canvas	1.4.1	html2canvas
html2pdf	1.4.1	html2canvas