イラスト詳細機能を追加しました

2021/02/08 22:54

最近どうも無気力の狭間を行ったり来たりしていますが、一念発起してかねてから思いつることを実装してみました。ようやくイラストページから各イラストの詳細が見られるようになりました!

イラストページの各サムネイルの下に「…」マークが追加されています。これを選択することで詳細ページを閲覧することができます。ちなみに、それ以外の部分(サムネイルなど)を選択すると、従来通りその場でイラストが拡大表示されます。詳細ページにはイラストが属するジャンルや作品名、イラストに描かれているキャラクター名が記載されています。なお、過去の絵日記一覧に関してはは詳細ページがありません(拡大表示のみです)。

今回の実装を受けて詳細情報を追加しているので、過去の方の作品はまだ情報が欠けていたりします。順次追加していきますね。各ページのURLも順次英字化対応していきます。

以下余談ですが…

逆に言うと今まで上述の詳細情報がなかったということになります。作品とタイトル(拡大画面左下にひっそり)しかなかった。タイトルすら昔のものは情報が抜けています。なので、元となる作品自体をきちんと知っているコアなファンの方でなければ一体何が描かれているのか知り得なかったんですよね。とても不親切でした。

ちなみにもう一つ不親切だったのが、イラスト一覧画面で、今何について検索しているかがどこにも書いていませんでした。これも今日ついでに一覧画面に表示するよう修正しました。

イラストの詳細情報を表示するにあたって、実装方法に関しては結構長い間ゆるく悩んでいました。UI的にはページ遷移せずそのまま拡大表示がベストだというのがまずありました。でも使っているプラグインとの兼ね合いで、拡大画面上で自由にリンク含むHTMLを書き込む術が思い当たらなかった。かといって全部別ページにするとページ遷移がだるいので、そこは譲りたくない。結果として「詳細が気になった人はページ遷移して見に行ってね」という設計に落ち着きました。

別ページを作ったことで副産物もあって、作品に対応するURLがきちんと作られたことです。これによって、作品を共有する際にURLによる提示ができるようになりました。自分としては地味に便利です。

UIを考える際に営利的なことが絡んできてしまうと、絶対別ページにしてアドを入れて…とかそういう話になってきてしまうわけで、ユーザ側からすると一定のUIの損失が免れられないと思います。その分、個人サイトなので身軽に振る舞えている気がします。

今回は実装に至りませんでしたが、キャラクターや作品別の検索も今後行えるようにしていきたいなーと思ってます。

コメントフォーム

コメントは記事の作成者が返信するまで表示されません。メッセージを表示されたくない(返信が不要な)場合はその旨お伝えください。返信は気まぐれです...ご了承ください。

CAPTCHA


このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。