【プログラミング練習】flaskで公開求人ツールを自作してみた

アークナイツの公開求人ツールを自分で作りたいと思ったのでpython&flaskで自作してみました。

攻略wikiの簡易ツールでは、指定のタグを選択するとそのタグを満たすキャラクターが顔写真（画像）と名前と一緒に表示されるしくみになっています。

・複数検索ができるようにする

・ゲーム上では5つのタグから選ぶので、一番高レアが出やすい組み合わせを提示してほしい

・スマホとかでも閲覧できるようにブラウザ上で動くようにしたい

ある程度実装したい機能を決めたら早速取り掛かります。

webアプリケーションフレームワークの知識が全くなかったので、この動画を見て勉強しました。

基本はVisualStudioCodeで開発していきます。テキストエディタやGitHubのアカウントとかいろいろ必要になるので、用意しておきます。（めっちゃ久しぶりにVScode起動した...）

flaskの練習として作ってみたやつ↓

うん、いい感じになった。昔のオタクもこうやってhtmlで同人サイトを作っていたと考えると感慨深いですね...

解説動画の通りにしていけば大丈夫でした。分からないところがあったら検索したりAIに聞いたりすれば大体解決できます。

wikiをもとにJSONファイルで各キャラクターのデータをまとめます。まずは少ないキャラ、タグ数で試してみるとこんな感じ。

※なんかミスってるけどテキサスは星5です。

アンド検索で、満たす条件に全部合致している場合のみ検索結果に表示されます。ここまでの機能は前述のwikiの簡易ツールと同じです。より細かく検索できる機能を追加していきます。

・ANDとOR検索切替

OR検索の際は、どのタグを含んでいるか名前の横に表示されます。例えば、上級エリート、牽制、エリートのタグを選んだ時、エクシア（星6）[上級エリート]、テキサス（星5）[牽制+エリート]と表示される。

後は、見栄えを良くするためにタグや検索結果の表示を整えていきます。

Hekutaru Land