![見出し画像](https://assets.st-note.com/production/uploads/images/83622398/rectangle_large_type_2_f32af26fcaf1dc10925709cdc060fad0.png?width=1200)
アイテム全文検索ツールを公開しました。
2022/7/29 21:16
構成について加筆
こういうの初めてなので怖いです。
精算ツール作りながらアイテム全文検索ツール作ったーみたいなことは過去記事に書いているんですが、せっかくなので検索ツールだけを抜き出して公開しました。
こういうの初めてなので怖いです(二回目)。
はじめに
趣味で作ったものなので優しくしてください。
ほんとに。
URL
できること
検索
いや、そういうことじゃなくてね…
検索対象の絞り込み(アイテム名、説明文、接頭辞・接尾辞)
![](https://assets.st-note.com/img/1659094704426-uE2O2nvXAi.png?width=1200)
ここで選択したものだけを検索対象にします。
例えば「起源の王」で検索した場合はこう。
![](https://assets.st-note.com/img/1659094769454-qotb9zdXcC.png?width=1200)
「起源の王」がアイテム名に含まれるものだけが表示されます
![](https://assets.st-note.com/img/1659094846488-cpZJxgP0l9.png?width=1200)
セット効果は説明文の中に「起源の王とともに装備時〜」とあるので検索されます
スクリーンショットを見て「これ何のカードだろう…」っていう時はこう。
![](https://assets.st-note.com/img/1659094955585-819234UZVS.png?width=1200)
検索対象の絞り込み(系列)
系列は説明文から抜き出しています。
※表示揺れはある程度直してます(肩にかけるもの、肩に掛けるもの等)。
![](https://assets.st-note.com/img/1659095214756-if0kDBK1oe.png?width=1200)
![](https://assets.st-note.com/img/1659095123246-2IWb8NOTOJ.png?width=1200)
検索対象の絞り込み(部位)
系列と似ているんですが、こちらは武器とかである程度くくられています。
![](https://assets.st-note.com/img/1659095316353-lmS5ed5BQY.png?width=1200)
![](https://assets.st-note.com/img/1659095372282-XwXeSUz7jB.png?width=1200)
※系列がいいか部位がいいかは検索するときに考えてください
検索対象の絞り込み(検索ワード)
何を言ってもこれが一番、というかこれがなかったら検索しようがない。
![](https://assets.st-note.com/img/1659095565247-QEtri9X366.png?width=1200)
![](https://assets.st-note.com/img/1659095600313-OBZghpQQ1s.png?width=1200)
![](https://assets.st-note.com/img/1659095650335-0sLJgFASge.png?width=1200)
検索履歴はlocalStorageを使用しています。
説明文の全表示
![](https://assets.st-note.com/img/1659095735675-LZrCDttLCM.png?width=1200)
タブ開きそうなアイコンじゃなくてもポップアップしますよ
![](https://assets.st-note.com/img/1659095788203-Z2mYEQjF4m.png?width=1200)
公式露店ツール、Unitrixさんへのリンク
Unitrixさんはリンクフリーとのことでしたので。
![](https://assets.st-note.com/img/1659095886054-HYaiKnNklZ.png)
![](https://assets.st-note.com/img/1659095914206-kuXZEJ9tJE.png?width=1200)
※精錬値等は別タブ開いてjro Tools Plusさんで見てください
![](https://assets.st-note.com/img/1659096003555-YuRCIG6cwt.png?width=1200)
Unitrixさんはhttpsじゃなかったのでiframeに入れられませんでした。
phpでとってくるとかやり方はあるけどやっていません。
また、Unitrixさんへのリンクはサーバーを指定していないので、利用者によって選択されるサーバーが変わります。
並べ替え
表の見出し部分を適当にクリックすれば並べ替えられますのでご自由に。
![](https://assets.st-note.com/img/1659096158743-lfpc6uyIdC.png?width=1200)
更新日はツールに取り込んだ日です(パッチ入りした日ではありません)。
また、最初にツールへ取り込んだのが2022/6/14のため、それ以前に追加されたアイテムは全て2022/6/14になっています。
構成と注意
FirebaseでHostingとStorageを使用して作成しています。
Hosting:html, jsなど
Storage:アイテム情報のjson配置
Firebase無料プランのため、HostingやStorageの1日あたり使用量が大きくなると一時的に使用不可となる可能性があります。
また、そもそもツールの更新に飽きた時も急に終わる可能性があります。
おわりに
趣味で作ったものなので優しくしてください。
ほんとに。
感想お待ちしております。
この記事が気に入ったらサポートをしてみませんか?