フューチャー技術ブログ

オンライン勉強会の発表順を決めるサービスを作ってみた

サービスイメージ

オンライン勉強会をする上で、ちょっと悩むポイントは発表順を決めることです。meetなどで表示されるユーザー一覧は、人によって表示順序が異なるため「画面上の右上の人から順番に」という技が使えなかったりします。

で、「名前順」「背の順」「誕生日順」など、いろいろな順番を決めるための方法を考えて順番を決めていました。でも、順番を変えるだけなら乱数で適当に決めちゃえばいいよね、ということで作ってみました。Svelte使ってみたかったし(←これが目的)。

テキストエリアに参加者の名前を改行区切りで入れていくだけです。一文字入力ごとにシャッフルして右側に表示されます。最後まで名前を入れるだけでシャッフル済みのリストができるという寸法です。

Tailwind.cssとDaisyUIのおかげで、新しいフレームワークにチャレンジするときに、見た目部分は既存の知識の流用が効くので良いですね。効率良く学べます。しかもReactと違ってサンプルコードをそのままコピーして貼ると動くのは楽で良いですね(classをclassNameに変える手間がない)。

ビルド結果がコンパクトで高速という触れ込みなので、ちょくちょく使ってみたいと思います。

参考