戦国IXAnaryをリニューアルしました!

戦国IXAnaryをリニューアルしました!

戦国IXAnary
目次

24章「異説覇伝~日輪の威光と轍~」に合わせて戦国IXAnaryのサイトを大規模リニューアルしました。

主な変更点

  1. トップページの充実化
  2. 武将カードの背景・前景を用いたカード表示の変更
  3. 武将カード・スキル検索機能の追加
  4. カード詳細ページなどの位置変更
  5. 自作ツール配布用サイトの新規作成

トップページの充実化

戦国IXA公式のトップ画像が24章仕様になった変更に合わせて、戦国IXAnaryトップページも変更しました。

Image from Gyazo](https://gyazo.com/e0b2a62c199048299e15046f4482db19)

その他、ページ上部のヘッダーにリンクを強化したり、下部のフッターに戦国IXAの各プラットフォームや戦国IXA公式Xアカウントのリンクを追加しました。202208-site-renewal1.gif

武将カード表示の変更

戦国IXAでは武将カードは基本的に背景+前景の組み合わせで表示しているのですが、以前の戦国IXAnaryでは画像数等の理由により2画像を合成した状態で表示していました。が、今回のリニューアルからは背景+前景の組み合わせに変更し、フレームから飛び出している様な表示を再現しました。

202208-site-renewal1.gif

また、以前までは武将画像をwaifu2xを利用して画質をある程度保った状態で2倍に拡大し、更にWebpという静止画像フォーマットに変換することで画像を軽量にしていました。ある程度画質を保てるこの方法でも色が一部変化し、微細な箇所が消えてしまうなどしていため、今回のリニューアルから戦国IXA内の画像そのままで表示することに変更しました。

武将カード・スキル検索機能の追加

以前からサイト上部に検索フォームはありましたが諸般の事情で実装を見送っていました。が、今回のリニューアルで武将カードと武将スキルを検索できる機能を追加しました。前者は武将カード詳細ページリンクに、後者は武将スキル詳細ページリンクになっています。

Image from Gyazo](https://gyazo.com/faa4f826d7027d1cf2b1570bb73f9563 “武将カード・スキル検索機能”)

なお、武将スキルの合成素材を検索する場合は、以前からある追加合成素材検索機能の方が使いやすいです。

※検索結果画面はまだ調整中

カード詳細ページなどの位置変更

以前までは「No.2001本多忠勝」の詳細ページURLは/cards/goku/2001/になっていましたが、人によって『極』をどう読むかの問題があり、今回からは/cards/2001/といったURLに変更しました。

またこれに伴って、各武将レアリティ毎・職業毎のカード一覧やアルバムページのURLを

のように変更しました。

自作ツール配布用サイトの新規作成

以前から追加合成素材検索の拡張機能味方加勢スキルの分類表示拡張機能を作ったり、同盟内配布用にmokoを弄ったりとしていて、それらをGoogle Driveで配布していました。しかしDriveではバージョン管理が難しく、またダウンロード数が全く分からないなどの問題があったので、自作ツール配布用サイトを新たに作りました。

※Uploaderなのですが、戦国IXAnary中の人しかアップロードできません。

その他

武将一覧テーブルの変更

各レアリティ・職業毎の武将一覧ページの描画速度を上げるために、表テーブルの機能を追加・変更しました。

Image from Gyazo](https://gyazo.com/1dd15014f810d8c64538326cfa1fb62b “天武将一覧テーブル”)

フィルター機能を有効にすると表テーブルの各列ごとにフィルタリング検索が出来、またtoggle allやその下に羅列してあるチェックボックスを変更すると表テーブルで表示つする列が変更されます。また以前と同様に表テーブル先頭行をクリックするとデータを降順・昇順に並び替えることが出来ます。

先述したmokoについて

グループ機能・キーバインド・無課金モードなどの機能の削除、独自CSSの注入、ファイル分割など、巷で流通しているものと一部破壊的に異なっています。またソースコードを難読化していますし、manifest v3に対応していません。

サイト内の広告・BuyMePotato等について

広告はサイト閲覧には邪魔なので出来れば配置したくないのですが、サイトやツール・mokoの作成・編集・運営には多量の時間を要しており、またサイト閲覧数や検索機能利用数によっては使用している検索サービス等が有料になってしまい、運営費に困るので広告を配置しています。

また、オレンジ地に黒字の『BuyMePotato』ボタンですが、もし頂ければ全て勉学に充てます。