tosumalog~ IT的備忘とパパ的備忘を書き綴ります ~

tosumalog

~ IT的備忘とパパ的備忘を書き綴ります ~

【FFRK】ファンサイト(頭の)棚卸

こんにちは、tosumaです。


今回はFFRKのファンサイトついての記事です。技術的な話なのでプログラムやシステムについてご興味のある方はお時間いただけると幸いです。

過去記事

【FFRK】ランキングサイトを作りました - tosumalog

【FFRK】ランキングサイトを作りました(技術話) - tosumalog

 

1|まえおき

2022年の5月から運用してるファンサイトですが、コツコツと改善や機能追加を繰り返した結果、当初10本程度だったプログラムの本数も今や200本以上あります。笑

(思い付きで作ったサイトにしては機能盛り盛りじゃないですか?笑)


当サイトはベースとして 無料ホームページテンプレート.com さんのテンプレを使っています。利用している理由としては、スマホとパソコンとでレスポンシブなレイアウトを意識していたのでテンプレがあると開発工数が大幅に縮小できるためです。

と言ってもほぼ原形無くすくらいには作り変えてはいます。笑
お借りする上での規約の都合、フッターにはクレジット表記をするようにしています。


で、元々は運用安定したら1から作ろうと思っていたんです。



が!



前述の通り機能が増えすぎて、もはや1から作り直すのは膨大な労力が伴います......もうこのまま行くかもしれません......。苦笑

2|変わっていない考え方

本サイトは以下をコンセプトに作りました。

・プラットフォーム(スマホ、PC)に依存しない
・X(旧Twitter)アカウントさえあれば使える
・X(旧Twitter)のクリア報告と双方向で連動できる
・日本ユーザーと海外ユーザーとで共存できる
・日々のFFRKをより有意義にする支援ができる
・FFRKのプレイヤー間で情報を共有できる

100点!!とは言いませんが、概ね達成できたんではなかろうかと感じています、そしてこのコンセプトが今後も変わる事はありません。

また、私(1レコパプレイヤー)自身が「こんな機能あったらFFRKやるのに便利だな~」と本気で感じたものを作るようにしています。それ以外ではリクエストで頂いたものなんかは基本的には取り入れるようにしています。

なんか色々と作ってる感はありますが別にファンサイトで何でもやるつもりはなく、他のサイトだったり公式Wikiなんかで実施されているような事はそちらを使う方がいいと考えています。

ラビリンスダンジョンの検索機能追加の時のように類似の機能が公式で取り入れられれば基本的にその機能はファンサイトからは廃止する方針です。

公式がやってくださるのが一番いいですもんね。笑

3|変わった考え方

私の設計思想では「共通化を特に意識しています。

つまり、似たような機能や似たような情報は極力共通した持ち方をしています、そうする事で開発も運用維持も工数が大幅に縮小でき、工数だけでなく更新漏れなどのリスクも軽減できます。

なにせ1人で運用していますから、とにかく日々のメンテ時間だけは極力減らしたいんです。例えば毎週発生する必殺技構成画像メーカーや必殺技検索なんて追加時の実働時間は5分未満です。笑


はい、ここまで前置きです。

通化に重きを置いてるんですが、以下の共通化についてはもう一切止めました。

Javascript(画面上のアクション)
CSS(画面の見た目)


いやいや、このあたりこそ共通化すべきでは?


私もそう思ってましたし、仕事では今もそう答えるでしょう。


理由は3つあります。

①キャッシュが更新できない
②部分的なアップデートができない
③ゲーム側の更新についていけない

まず①については、ScriptやStyleを外出し管理すると変更時にキャッシュの更新をしないと利用者側で反映されません。
機能のリリースや不具合対応時にはキャッシュ更新をしてもらうよう最低限の処理を仕込んでいます。

が、誰がどんな端末を使っていてどんな設定をしているかわからないですし、利用者側のITリテラシーの差もあるため外出しにする事は止めました。

次の②③はほとんど同じような話です。
今までは選択肢が2つだったものが●●画面だけ3つになるような変更があった時に共通化してしまっていると非常に手が出しづらいんです。

1つの修正がそれぞれに反映されてしまいます、こういった小さい変更がちらほら発生してきました。

その都度、「影響調査して」、「微調整して」、「別の共通部品作って」・・・と繰り返していると逆に時間が掛かってしまいますし、似たような部品が結局は溢れてしまいます。

なので、基本的なレイアウトや処理などを除き画面固有のものは各画面ごとにプログラムを作るように今はしています。


今はA画面に手を加える場合の他画面への影響調査は0です。


ゼロ~♪
NEWS ZERO | CRYPTOMERIA


グダグダ書きましたが、ようは個人が日々更新していくようなサイトの場合、見た目やアクションの共通化はしない方がラクチンよ♪って事です。



IT業界歴(たぶん)15年、実際に2年ほど毎日サイト運営してきた現時点の私の持論です

4|作りかけの機能

機能名にβ版とつけているものは私の中では完成していないものになります、具体的には以下の4つの機能が該当します。

①レジェンドマテリア検索 β版
②個別検索(結果)スクショメーカーβ版
③こだわりランキング β版
④Dr.モグ QAメーカー β版

①について、先日リクエストを頂いたので突貫で作ったんです、現状でも最低限の検索は可能なレベルにはなっています。ただ、レジェンドマテリアで何を検索条件にすると便利か?など検討が終わっていません。

②について、レイアウトの調整が終わっていません。
プロフィールメーカーと必殺技構成画像メーカーでかなり苦労したんですが、結果を画像にして、ダウンロードできるようにしてはいるものの、表示するスマホの種類や大きさによってレイアウトがかなり変わってしまいます。そのためデバイスに応じた出力調整を行う必要があります。

③について、1人旅攻略ランキングだけはイメージした形にできたんですが、推しシリーズ攻略ランキング、推しキャラ攻略ランキングのイメージがまだ検討段階レベルです。せっかくプロフィールメーカーでシリーズ毎の画像はあるので良い感じに表現したいなぁと思っていて止まっています。笑

④について、これも②と同じなんですが端末によって表示が安定しません。苦笑
いやね~全員がiPhone15使う!!とかなら瞬殺できるんですが、iPhone1つだけ取っても20種類くらい有るんですよ。苦笑


なので、この辺りは時間がある時にコツコツと進めています。
①③は今月中に終わらせたいなぁとは思っています。(小声)


②と④は難しいんすよねぇ...というか必殺技構成画像メーカーVer2と同じように改善する場合、1から作り直すことになるので、3ヶ月くらい掛かりそう。苦笑


あ、あとはリクエスト頂いているもので対応できていないものが今日時点で2件ほどあります。



そんな感じで、粛々と引き続き運用していきます。笑

今後とも何卒よろしくお願いいたします。
また5月11日(3周年)に何か書きます~。


それでは皆さん、引き続き良きレコパライフを!



f:id:tay_tosuma:20200219062206p:plain
お読み頂き有難うございました。



※よければもう1本 関連記事をお読み頂けると幸いです

tosuma.hatenadiary.com

tosuma.hatenadiary.com

tosuma.hatenadiary.com

tosuma.hatenadiary.com


 

【FFRK】第4回装備召喚ランキングのあとがき

こんにちは、tosumaです。


今回はFFRKのファンサイトついての記事です。技術的な話なのでプログラムやシステムについてご興味のある方はお時間いただけると幸いです。

過去記事

【FFRK】ランキングサイトを作りました - tosumalog

【FFRK】ランキングサイトを作りました(技術話) - tosumalog

【FFRK】装備召喚の集計ツールを作りました(あとがき) - tosumalog

【FFRK】第2回装備召喚ランキングのあとがき - tosumalog

【FFRK】第3回装備召喚ランキングのあとがき - tosumalog

 

1|まえおき

これまでも何度かやっていますが2024年2月1日からFFRKでノーマル装備召喚の10連チケットが毎日配布されることになりましたので、以前作成した仕組みを流用して毎日の装備召喚結果をシェアできる仕組みを作りました。

該当ページはコチラです。
非公式イベント-ノーマル装備召喚10連(2024年2月)



詳細は以下に記載しております。

tosuma.hatenadiary.com


前回は、入院(肺炎)などリアルでトラブル起きていたのでバタバタしてましたが、今回は年始からのんびりかつコツコツと準備していたので特に慌てる事無く開催もできました。笑

また、前回まではTwitterの内部ロジックがコロコロ変わっていたのでその点でもアタフタしてましたが、それも今回は基本的には無かったので心の余裕がダンチでした。

という事で、今回も無事にイベントを完走できました~、ご参加頂いた皆々様、本当に有難うございました。

2|イベントをやってみて

毎回同じこと書いてますが、当イベントコンセプトが月内のノマガチャの累積結果のランキングなので、1ヶ月に及び長期間に渡るわけで、運営する側も参加頂く側もエネルギーが掛かるため、毎度の事ながら覚悟して挑んでいます。笑

なんたって走り出したら止められないですからね。


イベント中にX(Twitter)は相変わらず仕様変更がありました、気づいた範囲だと1点だけですが明らかに集計している中で広告ポストが増えました。

作業の過程で一度Excelに指定タグ付きポストを一括で取込しているのですが、エントリーのポスト5件に1つくらいの間隔で広告が混じるように突然なりましたね。。。
まぁExcelの内容を最終的にサイトへの反映はマクロで一括で処理しているので、ほぼ実害は無いんですけど。

今回は前回に加えて以下の機能を追加しています。
実はちょっとずつ進化してるんです!!

①ビンゴの特殊マス進捗確認機能
②過去ランキング照会機能
③殿堂入り機能
④ルールの整備

という事で、今回の経験もまた次に生かし、より良いイベントを企画して提供できるようにしていきたいと思います~!!

3|不具合や考慮不足だった点

さて、今回も大きな声では言えない事ですが、今後のために備忘として残しておきます。

3.1.秒管理不可による描画エラー(考慮不足)

これ備忘で前回書いていた事なんですよね。

Twitter(𝕏)の仕様が変わり、集計するツイート(ポスト)の秒が取得できなくなりました。
で、サイトの作りの問題でもあるため正しくは不具合でもあるんですが時分をキーにしているので同じ時分の場合に挙動がおかしくなっていました(表示名とIDがごちゃごちゃになった)。

面白いんですが、24時間の中でエントリーの時分が被るのが結構あったんですよね。FFRKのユーザーは年齢層がある一定範囲な印象なので生活リズムが似てるのかもしれませんね。笑

これについては根が深いため、慌ててプログラムの修正などはせずに集計時に時分が被った場合は秒をずらして登録するようオペレーションで暫定対処をとり回避しまいた。次回の課題です。


そう、前回プログラム修正してないので同じ事が起きてました。愚かな。
という事で、流石に今回はプログラムを修正して同じ時間の場合は強制的に収集時に秒を変えるようにしました。笑

3.2.ビンゴの特殊マスの判定不備(不具合)

今回は新たに「★5+★6 ×5」の特殊マスを追加しました。
んですが、判定が誤っていました......各Lineの達成日時は各マスの達成日を元に演算していましたが「★5+★6 ×5」マスは6回目、7回目・・・と引く度に達成日が更新されてしまっていて、せっかく5回達成してビンゴしたのに6回目でビンゴの更新日が上書きされてました......。

こういう事ですね。
画像

こちらについては6回目以降の時間は取得しないように修正しました。

3.3.ミュート用のタグ追加(仕様変更)

リクエストフォームにて要望を頂きましたので対応を行いました。
画像

よく別のゲームでもリツイートキャンペーンとかやってる際にやっていない人からしたらTLにたくさん流れてくるので、当イベントも同じですよね。

確 か に ね

と思いましたので、すぐに対応させて頂きました、エントリー時のテンプレートに「#非公式イベント」を追加させて頂いてます。


3.4.シャドウBAN(考慮不足?)

前回も前々回も書きましたが、これについては発言して嫌な気持ちになられると困るのでX(Twitter)上では言わないのですが、X(Twitter)にはシャドウBANという仕組みがあります。

これは何かというと、検索でツイートがヒットしなくなります。アプリ上での検索やプログラムによる収集でも同様にヒットしません。

これが対処がどうもしようもなく、私自身これに対してネガティブに取って無いんですがご本人も気づいてないと思うため、ただただ集計から漏れる自体が発生するのが悩ましい所です。

実は参加者に5名該当者が居るのですが、そのうち2名は数日で解消されました。これについては未だに謎です。

ちなみに私のX(Twitter)の別垢も同様の状態異常になっておりかれこれ数カ月解消していませんでした。まぁ使ってないから実害無いんですけどね。

3.5.グラフの日付不備(不具合)

突然グラフに意味不明な日付が出てきたんですよね。笑
エントリーの頭はタグと日付の前提で集計掛けていたのでポストの頭の方にコメント入れられている場合にエラーにならずにそのまま取込してしまってこんな事が起きておりました。笑

こちらは日付で取込されるよう修正しています。

 

3.6.パフォーマンス不備(不具合)

データが増えてきたせいかまたレスポンスが悪くなってしまったので、第1回目~3回目と4回目とでデータの格納先を変えて対応しました。



4回目とは言え、色々とおきますねぇ。しみじみ。

 

4|オープニング

今回も前回同様に始まる感を演出したかったので、オープングを作りました。
前述したように今回は余裕があったので割と力の入った感じで作れました。笑

ⅣなのにⅥ風?みたいな突っ込みはカンベンしてください。笑

これね、カット1(タイトルシーン)、カット2(3人の会話シーン)、カット3(雪の中を歩くシーン)とあって、カット2とカット3は部品以外は動きや演出など含め自分でほとんど作ってるので「楽チン」なんですが、カット1は既存の映像を加工していくので実は手がゴリゴリ掛かるのがカット1だったりします。涙

どうしてもタイトルの文字のギュイーンと炎ユラユラ文字を実現したかったので手作りです(あそこが一番こだわってます笑)。

5|エンディング

エンディングは動画編集ツールメインで作ってますが、いつも通りエンディングについてはプログラムでほとんど作っています。

オープニングと合わせて、今回は6成分多めです。

FF6成分高めとか言いつつ、実はFFRKにはFF6のレコダンが少ない?のかドットが少ないんですよね......ティナ、ロック、セリス、セッツァー、などなど、横向きドット以外見たこと無いです。

ダリルに至ってはレコダンにすら居ましたっけ?


じゃあこの正面や背面のドットは何って?


それは勿論......ですよ。


さて、毎度の事ながら、9割はJavascriptで出来てます。
enchant.jsというオープンソースゲームエンジンで実装しておりまして、フレームごとにスプライトの画像を切替しつつ座標をコントロールしたりしてます。

エンディングに関してずっとイメージとして持っているのは、「ファミコンっぽく」、「レコパっぽく」、「ファイナルファンタジーっぽく」を大事にしています。

後ろに気合いを入れ過ぎて、肝心のランキングの方に目が行かないようにしないよう注意しています。


いや、今回は後ろの主張が強すぎでは?←自問自答


あと、一応最後のシーンは前回のエンディングの続きになっています。
そして次回に続きます。笑




前回に続き、またNGシーンのオマケは後ほど公開予定です~。


終始ふざけてるので気楽に見てもらえると有難いです。笑

6|余談

実は、なんかやたらと★4以下のみ続く日があったので、ちょっと疑念が沸いた日があったんですよね。


で、簡単なシミュレーションプログラムを作って、実験してみました。

結果は妥当でした。笑
私は実際に自分で検証した事は信じますので、運営さんは全く悪い事してませんね。

疑ってごめんね!!


あと、ノマガチャランキングの集計はこんな感じです。


ということで、色々と書きましたが、今回もほんとに有難うございました。
またイベントする際は全力で企画して運営するので、是非よろしくお願いします!!


それでは皆さん、引き続き良きレコパライフを!



f:id:tay_tosuma:20200219062206p:plain
お読み頂き有難うございました。



※よければもう1本 関連記事をお読み頂けると幸いです

tosuma.hatenadiary.com

tosuma.hatenadiary.com

tosuma.hatenadiary.com

tosuma.hatenadiary.com


 

【FFRK】ガラケー対応版のファンサイトを作りました

こんにちは、tosumaです。


今回はFFRK絡みかつファンサイト関連の記事です。技術的な話なのでプログラムやシステムについてご興味のある方はお時間いただけると幸いです。
 

 

1|まえおき


日本最速のホームページってどれかご存知ですか?


無論、この方のホームページですよね。

阿部寛のホームページ



実際に日本最速かは知らないですけど笑


とわいえ、最速のサイトを思い浮かべたら名前を挙げる方が最も多いんではないでしょうか?



勿論、私が普段運用してるファンサイトについてもレスポンスについては常々意識して開発、運用しておりますがこの境地には到底到達はできておりません。


いやいや、扱ってる情報量が違いますから。



ってのは言い訳なんですよ。



という事で、同じ土俵でサイトを作ってみたらいい勝負ができるのか?



"スピードの向こう側”に行けるのか?
くまおのマンガ紹介(特攻の拓) | くまおblog


それを確かめるべく、類似の構成かつファンサイトのコンセプトを崩さずに作りました


作り上、ガラケーでも見れます。


つまり、真のレスポンシブサイトに進化したわけです。
(誇張)


2|サイトの概要


サイトはコチラになります。

FF Record Keeper FanTool

※従来サイトのサイトマップからもアクセス可能です


サイトはこんな感じになりました。
画像


既視感が半端ないですよね。自分でもそう思います。



とにかく軽量なボディです。
画面の構成もフレームを分けているので画面の更新も部分的にしか発生しません。


目的であるレスポンスについては引けを取らない速度になっているかと思います。


無駄が削ぎ落され、研ぎ澄まされたサイトになりましたね!!(無表情)



まぁ「軽量」というより「古臭ぇ」と言う言葉が当てはまりそうですが。



この世界観に合わせてアクセスカウンターも配置しました。



アクセスカウンター、好きでしょ?



もちろんキリ番踏んだ方はBBSで報告してくださいね!



キリ番踏み逃げは重罪ですよ(にっこり





え!?


キリ番がわからない?


BBSも?




わからない人はおうちのお父さんかお母さんに聞いてみようね!


寡黙なお父さんもきっと早口で色々と昔話をしてくれるよ!!




左下の方のマルチプレイ交流板がBBSだよ!!

でももしかしたらリンクが切れてる可能性があるんだ、その場合はごめんね!!

※これただの画像なので全く危険は無いのでご安心ください(小声)



え!?


隠しテキスト??



無い無い、そんなの作ってないよ。



だからトップページでドラッグしたまま文字を探したりしたら絶対だめだよ。


3|その他


目的がブレてしまってますが前述した通り、ファンサイトとしての基本コンセプトは継承しているので、左のメニューからダンジョンを辿っていくと従来のファンサイト同様にダンジョン毎のタイムアタックのランキングが確認できるようになっています。


トップページ、ランキングについては従来のサイトの仕組みと同様にエントリーがあると自動で集計されるので、基本的に私は見てません(真顔)

ランキングからX(旧Twitter)に辿る事も可能になっています。


4|まとめ

やはりあのサイト構成は最速という事がわかりましたね。


今の時代に適してるかどうかは別の話ですけどね!!




それでは皆さん、引き続き良きレコパライフを!


過去記事

【FFRK】ランキングサイトを作りました - tosumalog

【FFRK】ランキングサイトを作りました(技術話) - tosumalog





f:id:tay_tosuma:20200219062206p:plain
お読み頂き有難うございました。



※よければもう1本 関連記事をお読み頂けると幸いです

tosuma.hatenadiary.com

tosuma.hatenadiary.com

tosuma.hatenadiary.com

tosuma.hatenadiary.com