通知エリア

白猫所持チェッカーの説明書

白猫プロジェクトの 所持チェッカーを作成したので その機能説明と注意点を まとめております。

白猫所持チェッカー一覧

https://white-cat-project.an-channel.com/checker

所持チェッカーの説明書

  • キャラ(武器)のアイコンをタップする事で チェック状況が カウントされ所持率が表示されます。
  • 『結果を共有する』の Twitter&LINEのアイコンから 共有する事で チェック状況を 共有することが出来ます。
  • Facebookやその他媒体には『結果を共有する』にあるフォームに生成されたURLをコピペする事で チェック状況を共有できます。
  • チェックを入れた状態で ブックマークすることでブックマーク時点のチェック状況を保存する事が出来ます。

制作雑記

所持チェッカー自体は 色んなサイトに存在するものの メイン端末(Xperia Z3)でやってみると 重くてイライラしたので 自分で作ってみましたw
シンプルですが 最低限の事は出来るようには なってるかと思います。

制作過程の話

http://nemusg.com/
制作には こちらのサイトを参考にしました。
ありがとうございました♪
白あんは wordpressというサービスを利用して作られてるのですが wordpress内だと 所持チェッカーの機能が上手く動作しなかったので wordpressとは別に 作りました
久しぶりに タグとか完全手打ちしたよ
改めてwordpressの便利さを知る結果にw

ページ表示時間やページ容量の比較

画像の軽量化や出来るだけ軽いJavaScriptを使って ページの軽量化をしてます。
実際に 他サイトとの比較をpagespeed insights
比べてみました

88点

こちらは 白あん

28点

こちらは 他サイトの所持チェッカー

思った以上の差がw
1ページの容量も 白あんは2Mバイト超くらい 某サイトのは 8Mバイト弱だったので みなさんの通信量にも 優しいですw

今後の予定

凱旋は新しいのが来る度に 新しく作る予定。
また 全キャラ総合の物を作る予定です。
武器の方は時間があれば・・・・・
データ入力に かなりの時間かかるので 難しい。

トップへ戻る
タイトルとURLをコピーしました