[外部提案]スキル登録のUI見直し

[wizardry]

問題点

スキル登録する際に以下の問題点がある

1. 曲数が多く、探すのが困難
2. 難易度がDr/Gt混合で洗濯が煩わしい
   　→ユーザーがスキル登録するときはDr/Gtの行き来はあまりしないのでは？
3. 既存登録曲を見ながらの登録が出来ない→別途バグ有( [バグ] スキル登録：登録フローによっては登録が反映されない #13 )
   　何を登録してないか、（ユーザーが何かを見ながら登録していたとして）どこまで登録したのかが分らなくなる。
4. コメント登録が全文を見渡しにくい。

改善案

1. 不明。曲数が多いため抜本的なUI改修をしなければいけない？
   　致し方ない？
2. Dr/Gtのradioボタンを設け、フロントエンド側で難易度プルダウンの中身を制御する。（show/hideでも有？）
   →データを持つことが出来れば曲ごとのマスター譜面有無も判別できる
   →プルダウンをjs制御するのはマスター譜面有無を対策するのであればマスト
3. 見せ方の問題なのか導線の問題なのか整理が必要。
4. input[type=text]でなくtextareaにする

2,4が割と短い工数で実装できる気がしています。
1,3はある程度仕方が無いのでいい案浮かびませんでした。

FYI

textareaは style : resize:vertical を設定しておくとレイアウト崩すことなくユーザーが入力時に広げたりできるのでいい感じです

[kumamotone]

実は自分，スキル帳登録は XGCrawler 使わないとめんどくさくてやらないので，
XGCrawler 等が対応するまではどうせだれもスキル登録せえへんやろ，という見立てで
スキル登録画面に関してはかなりおざなりな作りになっているのですが，
意外とそんまま使われてしまっている，という状況で申し訳無さがあります．

1について

とりあえずHOTの登録とOTHERの登録のページに分けてやれば，特にHOTなんか曲数が少ないので，タイプして検索するよりもサクサク入力できるようになると思います．

あとは一案としては，曲リストを表示してやって，そこに直接達成率を入力させてやるとかすれば，ページ遷移なしで一気に全曲登録/編集可能なので，一括登録/編集画面を設けるのも手と考えてます．

2について

これは単に自分の怠慢でこういう実装になってしまっているのですが，
改善案のような形，つまりドラム側とギター側でUIを分けて，かつ難易度選択はプルダウンではなくラジオボタンのほうが良いでしょうね．
とはいえそんなに手間の掛かる話でもないので，余裕あるときに対応したいと思います．

3について

スキル帳，編集画面に表示するの実は技術的にはイージーだと思うので，今思えば表示したほうがいいかもしれませんね．（スキル取得に掛かる時間がモッサリ感に繋がってしまうのではないかと思ってたのですが，実際に使ってみて計測しなおしてみたほうがよさそう）

できればページ遷移させずにdatatablesの末尾にフワッと追加されるのが理想ですかね．

4について

コメント欄は input ではなく style : resize:vertical の textarea にすべき，間違いないと思います．対応します．