タグのカスタマイズ機能を実装しました

いつもumanote（ウマノート）をご利用いただきありがとうございます。

最新バージョン（ver 1.4.0）にてタグのカスタマイズ機能を実装いたしました。

それに伴いWeb / アプリ共にタグ選択UIの刷新を全体的に行っておりますので、簡単にですが解説させていただきます。

※タグのカスタマイズはプレミアムプラン限定の機能です

カスタマイズできるようになったこと

1. カスタムタグの作成

今まではアプリ側で用意していたプリセットタグから選択いただく方式でしたが、今回それに加えて各々のユーザー様ごとに独自でタグを自由に追加、作成いただけるようになりました。

※カスタムタグの作成上限は100個までです

2. 選択肢に表示させるタグの選択

タグの選択時、今まではすべてのタグの中から探してお選び頂く必要がありましたが、選択肢を自分でカスタマイズできるようになったため「よく使うタグのみを表示させ、あまり使わないタグは非表示にする」というようなことができるようになりました。

※非表示にしても選択肢から消えるだけで、競走馬に紐づけて保存したタグが消えるわけではありません。

3. 選択肢に表示させるタグの並び替え

2に合わせて、タグ選択肢の並び替えができるようになりました。
これにより、よく使うタグを探しやすい位置に配置することができます。

4. タグの文字色の変更

タグの文字色を選択できるようになりました。
今まで通りのベーシック色のほか、赤・青・黄・オレンジ・ピンクからお選びいただけます。

特に目立たせたいタグに色を付けると見落としにくくなるかと思います。

タグのカスタマイズ手順

1. タグのカスタマイズ画面はタグの選択画面の右上にある「歯車アイコン」から開くことができます。
2. 「タグ管理」モーダルの「タグをカスタマイズする」のスイッチをONにすることでカスタマイズを有効化できます。
   無効の場合は、これまで同様にプリセットのタグがすべて選択できる状態となります。
3. カスタマイズを有効化したとき、初期状態ではタグの選択肢の表示が空の状態となっています
4. 「＋表示するタグを選択する」を押すと「表示タグ編集」モーダルが表示されるので、「カスタム」か「プリセット」から表示させるタグをチェックボックスで選択します。
   選択したら「更新する」ボタンを押すと選択肢に反映されます。
5. カスタムタグは右上の「新規作成」か「＋カスタムタグを作成する」から作成モーダルを開き追加ができます。
   追加したタグの編集・削除も一覧のアイコンから行うことが可能です。
6. 表示タグを更新すると「タグ管理」のモーダル画面に一覧が更新されます。
   右上の「並び替え」からタグの並び替え設定が可能です。
   また、各タグの左側にある円形の点線部分を押下するとポップアップが表示されタグ文字色の選択を行うことができます。

以上となります。

設定が多くやや複雑なUIとなってしまいましたが、実際に触ってみて頂ければ何となく使い方が分かっていただけるかと思っております。

こちら是非ご活用いただけば幸いです！

今後ともumanoteをよろしくお願いいたします。