web1weekへ初参加させていただきました。
きり丸（@nainaistar)です。

likeがテーマなので、大学入学から継続して参加していて好きな「よさこい」をテーマに作成しました。

どんなアプリか

よさこいの隊列表を作成するためのアプリです。
隊列表なので、よさこいに関係しない通常の踊りだったり、組体操でも扱えます。

デプロイ先

https://web1week-e0f93.web.app/#/
※ web1week後も継続して改造する予定なので、リンク先がどこかのタイミングで新しくなります。

使い方

デフォルトで4つの駒（踊り子）が表示されています。

隊列の移動

移動させたい踊り子の正式名称が下に表示されているので、選択します。
選択後、画面下部に座標を変更できるので、座標を変更できます。

踊り子の追加

+ボタンをクリックすることで新しい踊り子を追加できます。
IDが重複するとその他の動作で動かなくなるので、重複しないIDを振り分けてください。

バリデーションは現在かけてません。

踊り子の削除

削除したい踊り子に×ボタンがついていますので、クリックすることで削除できます。
確認メッセージは出ません。

その他できること

• 同一端末であれば、再表示できます。

できないこと

• DnDでの座標保存
• 複数隊列の保存（場所交換しない演舞のみ対応）

使用技術

• vue.js
• vuetify
• typescript
• firebase
• Github Action

ソースコード

https://github.com/hirotoKirimaru/yosakoiApp/releases/tag/web1week
※ このタグ以降のコミットはこちらの成果には含めてません。

使用時間

12時間15分(コーディングのみ)
企画考慮していた時間も含めると、だいたい15時間で実装しました。