艦これ改修工廠検索ツール Ver 0.10 を公開しました

Web ブラウザゲーム「艦隊これくしょん」のゲームシステムの一つである、装備を改修できる改修工廠のデータ検索ができる Web ツールを作りました。

image

艦これで遊んでいる方なら使い方はすぐにわかると思います。改修工廠でいつ改修できるか、誰が改修できるか、改修にどれぐらい素材を消費するかがデータベース化されていますので、画面の検索条件や並び替えなどを使ってほしい情報を可視化することができます。検索条件は URL 化されていますので、お気に入りに登録しておけばすぐに呼び出すことが可能です。

また、簡易検索機能もあり、検索した結果を保存することによって画面の上側にボタンが配置されるようになります。ボタンをクリックすると保存した検索条件で即座に検索することが可能です。現在 Ver 0.10 では検索情報の保存などは Web ブラウザのローカルストレージに保存しています。ローカルストレージに保存されたデータは Web ブラウザのキャッシュクリアで消えてしまいますのでご注意ください。今後のバージョンアップではユーザー認証を用いてサーバー側で保存しようかと思ってます。

改修工廠検索ツールを開発しようと思った理由

元々は Excel に手動でデータを入れこんで並び替えなどを行っていたのですが、データ更新が面倒だったのと Web 側で一元管理できた方がいいかなぁと思って作り始めました。それにせっかく作るのであれば、自分だけではなく他の人にも使えるように公開してみました、

そもそも改修工廠データは他のサイトにもあるのになぜわざわざ Excel でデータを管理していたかというと、私個人として欲しかったデータに以下のものがあったからです。

  • 余った改修用消費装備を使える改修装備を調べたかった
  • 優先的に開発する装備を上部に表示できるように並び替えたかった

消費装備については、検索条件に複数入れておくことによって、その消費装備を使う装備だけを表示することができるようになっています。検索条件に曜日も入れておけばその日の分だけ見ることも可能です。

image

image

優先的に改修したい装備については、これは既存のデータだけでは判別が難しく、各々が指標を入れないと並び替えられなかったたため、各装備ごとに「優先度」を入れられるようにしました。

image

この値を入れておくと、並び替えで優先度を選択することによって優先度で並び替えられるようになります。

image

ただ、画面の説明にもあるように優先度の機能は現在仮実装扱いとなっており、他のパラメータの並び替えや検索とは別扱いになっています。これは入力値をローカルストレージに保存している影響で、検索や並び替えはサーバー側で行っているのですが、優先度だけはローカル側に値を持っているため、別々に並び替えないといけないからです。これについては今後ユーザー認証を追加した際にすべてのパラメータをサーバー側に持つことによって解決することができます。

今後について

比較的簡易な機能の Web ツールなのでそんなに機能追加することはないのですが、優先的に改良したいのは先述にもあったユーザー認証機能です。ユーザー認証を行うことによってサーバー側に優先度を保存できるようにし、優先度を検索や並び替えで統合できるようにしたいと思っています。個人情報を扱うツールではないのでユーザー名とパスワードでの認証になると思います。

そのほかいくつか改良したい点はありますが、要望等があれば考慮したいと思っています。専用の要望投稿欄は現在ありませんので、Twitter問い合わせ入力フォームからご連絡ください。

Share this...

ASP.NET Core と .NET の Tips を公開しました

以下の Tips を公開しました。

ちなみに ,NET の Tips のカテゴリについてですが、本来今現在では .NET Core のカテゴリにすべきなのですが、今年中にはもう .NET に代わるはずですので .NET というカテゴリに含めることにしました。

そういえば ASP.NET Core はどうなるんでしょうか。ASP.NET に戻る・・・?

Share this...

ホームページを sorceryforce.net に統合しました

5/8 の夜に旧 sorceryforce.net と core.sorceryforce.net を統合する作業を行い、5/9 に細かい部分の修正作業を行ってようやく完了しました。

とりあえず今のところ不具合は確認されていないので大丈夫だと思いますが、不具合があれば随時対応していきたいと思います。移行後サーバーの内部処理が走っており接続しにくい状態でしたが今のところは落ち着いているようです。もう一か所直したいことろがあるのですが、閲覧する分には影響ないので後で対応したいと思います。

移行における他の変更点としては、今まで多言語対応として言語を選択できるようにしていたのですが、いくつかの言語を選択した場合に「???????」と表示されてしまう問題がありました。今回移行と一緒にその点を直しました。

逆にいくつかのページでは前まで多言語対応されていたものが今回日本語のみの表示となってしまっています。これは今回翻訳の仕組みを変えたため、前の翻訳データが移行できなかったためです。これについては随時再対応していく予定です。主に影響を受けているのが「ちーたんタッチボード」のページになります。

Share this...

sorceryforce.net のサーバーを入れ替えるため、一時的に接続不可になります

sorceryforce.net を運用しているサーバーの入れ替え作業と、sorceryforce.net と core.sorceryforce.net を統合するため、一時的にサーバーと当ブログがつながらなくなります。

作業は今日の夜に行います。

また、移行後も少し作業が入るので接続した後でも一部の表示がおかしくなるかもしれません。

移行後のホームページについてですが、sorceryforce.net と core.sorceryforce.net 両方のコンテンツが統合されるので基本的にコンテンツがなくなることはないのですが、一部ツールなどの古いバージョンのページが削除されます。

また、各ページの URL が変わりますので、以前のページにリンクを張っていた場合はページがないと表示されます。リダイレクトも考えましたが、統合前と統合後では階層的に統一されていないので諦めました。必要であれば新たにリンクの張り直しをお願いします。

【URL変更例】

sorceryforce.net の Tips 全般 (core.sorceryforce.net のみの Tips はつながりますが、ホスト名 core.sorceryforce.net は推奨しなくなります)
https://sorceryforce.net/littlesavior => https://sorceryforce.net/little-savior
https://sorceryforce.net/tiitantouchboard => https://sorceryforce.net/tiitan-touch-board
https://sorceryforce.net/jsonorthopedy => https://sorceryforce.net/json-orthopedy
https://sorceryforce.net/saveglobalipaddress => https://sorceryforce.net/save-global-ip-address
https://sorceryforce.net/winformcolordesigner => https://sorceryforce.net/win-form-color-designer
問い合わせページ https://sorceryforce.net/webapp/webmail/ => https://sorceryforce.net/home/inquiry

Share this...

ASP.NET Core の Tips を3つ追加しました

基本的には 3.0 以降向けに書いているつもりですが、調べきれずに古いバージョンで書いていることがあるかもしれません。おかしいところがあれば Twitter とかでご連絡ください。(あんまりリアルタイムに返信はできないかもしれませんが・・・)

Share this...

ASP.NET Core 3.0 以降 (MVC) の Cookie 認証の方法についての Tips を追加しました

ネットで ASP.NET Core での Cookie 認証 (従来のフォーム認証) の方法を調べると割と 2.2 以前の方法がヒットすることが多く、.NET Core 3.1 を使っているにも関わらず古い認証方法を使ってしまいそうになるので 3.0 以降の認証方法について Tips としてまとめました。まあ、2.2 以前の認証方法でも互換性として残されているので問題なく使えることは使えるのですが。

]]>

Share this...

Web記事に大きい画像を載せるときにどう見せたらいいかちょっと考えてみた (実装した)

※「実装した」と書いていますが、実装方法を書いているわけではありませんのでご注意ください… もともと小さい画像であれば原寸で載せても別に問題ないのですが、でかい画像を載せるときに原寸で載せてしまうと画面いっぱいに画像が表示されてしまい見る人に圧迫感を与えてしまいます。(個人的な感想) こういう時に一般的な対応方法としては、ある程度縮小した画像を表示させておき、画像をクリックしたときに原寸画像へジャンプさせたり、LightBox などの javascript ライブラリを使用して拡大画像をポップアップ形式で表示させたりすることが多いです。 ただ、これらの対応方法として個人的にあまり好きでない点が2つあります。(きちんと探せば満足のいくライブラリはあるかもしれませんが…)

  • ライブラリによっては縮小画像と原寸画像2つ用意しなければならない
  • 記事を読んでいく途中で画像を見ようとしてポップアップすると読む動作を中断させられてしまう
そこで私が考えた案としては、「最初は画像を縮小表示させておき、画像をクリックするとポップアップせずその場で拡大表示する」です。 実際にやると下のような感じになります。 初期表示ではある程度小さな画像で表示します。 image 画像にカーソルを合わせると指アイコンになるのでクリックするとその場で画像が大きくなります。拡大したまま放置しても問題ありませんし、もう一度クリックすれば縮小します。 image 原寸で表示されるといってもブラウザのサイズよりは大きくならないようにしています。もちろんブラウザを広げれば可能な限り原寸サイズまで広がるようにはなっています。 試しに Visual Studio の Tips のページで実装したので下記のリンク先で拡大の動きが確認できると思います。600px 以下の画像は拡大処理しないので指アイコンにはなりません。 ただ、これを実装するには事前に画像単位で仕込みが必要になるので、ブログなどのような投稿サイトではこのような動きにするのは難しいかもしれません。とはいうものの、ページ表示のタイミングで javascript を駆使すれば実現出来そうな気もするので、もしかしたらこんな感じの動きを実装できるライブラリがすでに存在しているかもしれません。 探すのがめんどくさいので、気になる方は調べてみるのもよいかもしれません。]]>

Share this...