【最新記事】⇒仮公開開始(2019/02/07)

対応と確認完了

アーカルム賢者の3つ目のサポアビ対応は、あまり手間かからずに完了。マリア・テレサのデータを入力して検索と結果画面表示もちゃんと表示される事を確認。
これで、引き続きデータ入力を進めていける。

ただ、表示形式について(特に「サブメンバー時」「バトル登場時」)については、もう少し吟味したいところ。全体的に表示形式は吟味したいが…、まぁそこらへんはセンス無いから諦めてるけどw

また、「サブメンバー時」とか「サブでも有効」とかのサポアビが多くなってきていて、検索条件でそれらを盛り込みたい気がする。(エッセルとかリミイオとか、刻印関連とか)
「その他」の項目で、「サブメンバーでも効力を発揮」とかの項目を追加して、該当するアビ(サポアビ)に追加しようかな。

一通り終わってからでもいいけど、忘れちゃいそうだから、ここから入力するものに関しては追加しておこう。

問題発生

いや、単に課題が一つ浮かび上がったという事だな…。
これまではサポートアビリティは全員2つまでだったのが、アーカルム十賢者は全員3つ持っている。(通常、正位置、逆位置)
テーブル(chara_samarry_tbl)も当然2つまでしか想定してなかったので、カラムも2つしか用意していなかった。2つ目のカラムを使おうかとも考えたけど、やっぱりカラムを追加する事にした。

影響があるのは、テーブル自体とこれまで入力していたデータ、それと検索プログラム。

まず、テーブルはツールを使って動的にカラム追加を実施。追加したカラムには自動的にNULLが入るようになっているので、データ自体の不整合は起きないのでよし。次に実際のデータ(CSV)にカラム追加し、NULLデータを列記。これも特に問題は無いだろう。

プログラムは、page_detailview.phpのカラム名を列挙している所に追加したカラム(ab_id_sup3)を追加する。そして表示用の固定ページのWPソースに3つ目のサポアビの表示を追加。

対応はこれだけで済んだ。まだ賢者のデータを入力していないので、ちゃんと動作するのかは確認とれていないけれど、カラムの追加などで従来処理がおかしくなったりするような事は無いようだ。気にはなるので、1人だけでも賢者のデータを入力して確認したいと思う。

データについて

奥義の追加効果の有効ターン数に関して、どこかに注意書きをしておく必要があるかもしれない。現状、有効ターン数は「奥義ターンを含めず、次ターン開始時点」のターン数で入力している。
WiKiなどでは「奥義ターンを含める」とか「1+1」などの表記もあるが、記載が無いものも多く、表示上は揺らいでいる。どちらがいいのか、正直悩むが、ゲーム内では奥義で付与されるターン制のデバフは、奥義発動ターンを含めないような表記になっている。
(実際は発動ターンから有効になっているが、「2」と表示されているデバフは、奥義の次のターンから「2ターン」有効)
なので、ゲーム画面の表示とズレないように、「奥義ターンを含めない」で統一する事にしたい。

そこで、検索画面か結果画面のどこかに、追加効果の有効ターン数についての注意書きを設ける必要があると思う。どう表示させるかは要検討。

メール設定の変更

新規にメールアドレスを作成したので、元のメールアドレスも削除した。サイトに設定しているメールアドレスも変更しなくてはいけない。(ソーシャルボタン上)

(追記)メニューの変更も完了。これで完全にドメインの移行は完了した。

XREAで取得していたドメインの失効

無料で取得したドメインの期限が失効し、そのアドレスには繋がらなくなった。しかし、別途取得していたドメインを事前にメインドメインとして登録しておいた所、無事にそちらのドメインでのアクセスはできる事を確認できた。(こうやって、ブログに投稿できる時点で成功)

こちらはあくまでも、検証用のサイトなので新規に取得したドメインも別の無料ドメインではあるけれど、本番用のサイトも同じような手順を踏む事でドメイン移管が可能な事が検証できた。

ポイントは、旧コンパネからメインドメイン名を登録しなおすこと。新コンパネ上でメインドメインを変更する手段を見つけられていない。旧コンパネへは、XREAの管理サイトから移動する事ができるが、新コンパネからメニューで切り替えて使う事も可能。いつまで切り替え可能か不明なので、どちらでもできる事を備忘録としておく。

旧ドメイン名は削除しておく必要があるだろう。また、メールサーバーなどの設定は触っていないのだが、メールアドレスに関してどうなっているのかは、ちゃんと押えておく必要がありそう。(使ってはいないが)

色々サボっているが、少しずつ再開していきたい。

ドメインを変更

もたもたしていて、検証用サーバーのドメインの有効期限が迫ってしまった。そこで、新たに別のドメインを取得し、ドメインのみを変更してサーバーの中身などはそのまま移管できないかを試してみた。

本番用のサーバーも、実運用開始時にはちゃんとしたドメインを取得する予定だったし、その予行練習にもなる。

まず、お名前.comで取得したドメインを、XREAのサーバーIPと紐づけてDNS登録する。そして、そのドメイン名をXREA側に設定する…のだが、これがまた良くわからなかった。XREAのダッシュボード上でドメインやサイトの登録はできるが、Mainのドメインはいくらやっても変更できない。これだと、VALUE DOMAIN上のドメインが失効すると多分使えなくなるよな…。

という事でもう少し調べてみると、VALUE DOMAINのサーバー設定内の、XREAのウェブ設定(どうやら、旧コンパネらしい)で、MainやSubのドメイン(サイト)設定が可能なようだ。

Mainに新たに取得したドメインのサイト名を登録し、当面消えると何かあったら困るのでSubに従来のMainの設定を入れてみた。どうやらうまく行ったらしい。取りあえず、これで無料ドメインが失効しても、新たなドメイン名でのアクセスは可能になりそうだ。

でも、悠長なことはしていられないな。そろそろちゃんとやらないと。後、実際に失効した後の事もちゃんとケアしておかないといけない。今月が勝負…かな。

公開サーバーの更新完了

詳細画面と簡易画面の表示の調整も終わったので、公開サーバーへ変更を反映してきた。まぁURLはフォロワーさんにしか流していないので、見てくれる人は少ないので、感想を貰いたくとも集まらないのは判っているのだが…。

それはさておき、次のフェーズに移ろう。方針としては機能拡充かデータ入力の再開。現状でも機能的にはそこそこ使えるはずなので、データさえ入力完了してしまえば、その後の機能追加は色々要望などを聞きながらできるはず。

とは言え、中々データ入力も辛いので(笑)、プログラム的な部分を片付けたい気持ちはある。一番やろうかと思っているのは、簡易画面と詳細画面の相互遷移。別アビリティを見るのにいちいち検索画面に戻るのも面倒だし、遷移できるならそっちの方が便利ではないか…。簡易画面も別Lv時のデータはタブ遷移みたいな見え方の方がいいかもしれない…。などなど、色々とアイデアは浮かんでくる。

取りあえず、ここまでにしてデータ入力にしばらく注力しようか…な。

簡易画面のアイコン化

キャラクター名称の部分にあった、レアリティと属性表示をアイコン化した。これで当初考えていたアイコン化の作業は全て完了。一旦保留していた詳細画面のレイアウトについて、もう一度調整し始める事にする。

それ以外の調整をどうするかは今後の検討課題ではあるが、詳細画面の調整が終わったら本番サイトへ反映してみようかと思う。データが半分しかないというのは情けないが、まぁ仕方なし。

他に調整が必要な部分があるか、もう一度全体的に見直してみよう。

詳細画面ひとまず完了

キャラクター詳細画面のレスポンシブ対応がひとまず完了。スマホの方でまだスタイルシートがうまく反映されていないのか、ちゃんと表示されていないのが気になるが、PC側は元々のテーブルとほぼ同じ画面まで持ってこれた。細かい調整はまだ必要だが、ひとまずはこれでいい。

CSSの反映ができていないのではなく、別問題の可能性もあるので、そのあたりはもう少しみないといけないかもしれない。@mediaがうまく働いていない可能性もある。

全体的なマージンや、ボーダーの色の設定、取得(更新)レベルの表示方法などは、レイアウトを含めて変更もしくは調整が必要と思われるが、ボーダーの色などはアビ簡易画面とも共通のCSSを使っているので、そちらの変更を終えてから対応しようと思う。

簡易画面は、キャラクター名などの所にアイコンを使うくらいしか、今の所変更箇所が見えていないので、他に手を入れるべきところの洗い出しからしないといけない。

いずれにせよ、画面の変更についてはほぼ収束してきた。プログラム側(PHP側)にもっと手を入れる必要もあるかと思ったが、最小限の変更だけで、残りはHTMLとCSSで完結したのが良かった。JavaScriptに至っては一切手を加えていない。完了した時点で不要なソース(コメントアウトしたHTMLなど)は綺麗にして、画面側も整理しておきたい。

キャラ詳細のヘッダの変更

キャラクター詳細画面のヘッダ部にもアイコンを使用して情報量はUPしつつもデザインを簡易化する事に成功。

当初、全てをgridで行う予定だったが、親のSPANをグリッドで定義し、その内部に配置するコンテナをflexにする事で、簡単にかつPC/スマホへの対応も柔軟にできた。細かい部分の調整はまだ必要だけど、大まかなレイアウトはこれでいいと思うのでひとまず終了。

ついで、奥義やアビ情報の詳細部に移る。ここは従来はテーブルタグで記載し、ヘッダ部(奥義名やアビ名)をPCとスマホで文字方向などを変えてレイアウトしていた。だけど、やっぱりスマホ画面だと縦長になりすぎて見づらいという意見もあって、ここをどうにかしたいと思っていたのが一番の課題だった。

今回、テーブルタグを取りやめて、セル状の部分を全てSPANで作り、CSSで位置を指定する方向で作り直している。gridを使うかどうか悩んでいたが、どうやらflexだけでできそうな気がする。@mediaをうまく使って、幅が狭い場合にはヘッダ部を横幅一杯に設定し、そうでなければ画面の15%程度とする。flex-wrapを設定し折り返し可にする事で、はみ出た部分がヘッダの下部に回りこむような動作を期待した。

結果として、想定通りのレイアウトにできたのでこれもOKだ。ただ現状はテーブルレイアウトを前提として枠線や色のつけ方をしているので、これらの調整は必要になりそうだ。特に枠線については考慮が必要だと思うが、うまくできればアビ簡易画面と共通にできそうなので頑張って調整したい。

現状、奥義部分しか手直しできていないので、これをアビ情報、サポートアビ情報にも適用して、全体の画面調整を実施する予定。全部できてみないと何とも言えないが、当初の画面に比べたら随分スッキリするのではないかという予感がある。引き続き調整していきたい。