URL: https://ruka1101.github.io/seat
GitHub: https://github.com/Ruka1101/seat
概要
飲み会などで活用できる席決めアプリです。
テーブルの数、席の列数・行数を自由に設定できます。
また、役職者と非役職者の席を分けることができます。
開発の経緯
友人より、飲み会で席を決めるアプリを作ってほしいと言われたことがきっかけです。
会社の飲み会に複数の役職者が参加するため、役職者が各テーブルにばらけるようにしてほしいとのことでした。
DOMやイベントハンドラなどの知識が浅く、逐一調べながらの開発でしたが、自分の技量にはちょうど良い難易度だったと思います。
こだわり
ユーザビリティを考慮し、テーブル数、列数、行数に応じたテーブル配置図を表示するようにしました。
また、役職者・非役職者の席を区別しやすくするため、役職者用に指定された席は赤色で表示するようにしました。
使用した技術
フロントエンド：HTML, CSS, JavaScript
インフラ/その他：GitHub Pages
使用した技術の選定理由
HTML, CSS, JavaScriptの関連を学ぶため、フレームワークは使用せずに作成しました。