日プソートを作ってみた
はじめに
お久しぶりです。最近結構暇です。暇だったので日プソートを作りました
日プソートについて
日プ練習生にてソートができるWebアプリです
ハロプロソートをベースにして開発をしており、ソート画面や結果表示画面はハロプロソートのものとほぼ同一になっています
なぜ日プソートを作ったのか
理由としては大きく分けて3つあります
- 簡単にできそうだったから
- 日プを履修したくなったから
- 暇になったから
簡単にできそうだったから
私は暇な時間にコードを読む習慣があり、暇つぶしにハロプロソートのコードはほぼ読んでいてハロプロソートの構造は把握済でした
ハロプロソートはデータ部分とUI部分が完全に分離されているので、データを日プのものに差し替えた上で読み込み部分のコードを微修正すれば日プソートが作れるのではないか？というところまで頭の中で見通しが立っていました
しかし長らく平日も休日も多忙で、趣味の開発の時間が取れない状況でした
日プを履修したくなったから
ここ数ヶ月ほどあまり体調がよろしくなく、日プのリアタイは体力的にも精神的にも厳しかったので日プを追わない予定でした
ところが、少しずつ日プの存在を自分の中で無視できなくなってきて、10/26の週からリアタイするようになりました。せっかくなのでメンバーの情報を仕入れるがてら日プソートを作ってみるのもアリだなあと思い開発に着手しました
暇になったから
最近は仕事にも比較的余裕が出ており、さらに現場に行く頻度が下がり気味なので急に暇になりました
私は何もしないということに耐えられないので、暇つぶしに日プソートを作ることを決断しました
日プソートの作りかた
-
データベースを用意する
公式サイトからソートに必要な情報を仕入れるためのコードを書きます。私はこんな感じで書きました
コードによって自動生成したデータベースがこれで、こいつを日プソートに読み込ませることになります
-
UIをいじる
本家ハロプロソートには絞り込み機能がありません。絞り込みのロジックとUIは自前で実装しました
データベース読み込み部分も日プ仕様にカスタムしています
-
公開する
Firebase Hostingを用いて公開しています
ハロプロソートとの相違点
- 絞り込み機能がある
- ページの読み込み速度が速い
今後やること
ハロプロソートの大幅なパワーアップができればと考えています。絞り込み機能の追加と楽曲やアルバムでのソートも実現する予定です