白猫プロジェクトの 所持チェッカーを作成したので その機能説明と注意点を まとめております。
白猫所持チェッカー一覧
![](https://white-cat-project.an-channel.com/wp-content/uploads/2018/12/80663F9D-535A-4C73-ACB0-307FF9EC0F4B-320x180.jpeg)
白猫所持チェッカー 一覧まとめ
白猫所持チェッカーの まとめページです
所持チェッカーの説明書
- キャラ(武器)のアイコンをタップする事で チェック状況が カウントされ所持率が表示されます。
- 『結果を共有する』の Twitter&LINEのアイコンから 共有する事で チェック状況を 共有することが出来ます。
- Facebookやその他媒体には『結果を共有する』にあるフォームに生成されたURLをコピペする事で チェック状況を共有できます。
- チェックを入れた状態で ブックマークすることでブックマーク時点のチェック状況を保存する事が出来ます。
制作雑記
所持チェッカー自体は 色んなサイトに存在するものの メイン端末(Xperia Z3)でやってみると 重くてイライラしたので 自分で作ってみましたw
シンプルですが 最低限の事は出来るようには なってるかと思います。
制作過程の話
ねむすぎ日記
主にWeb関連ですがそうでない時もあります。簡易版のねむすぎノートもあります。
制作には こちらのサイトを参考にしました。
ありがとうございました♪
白あんは wordpressというサービスを利用して作られてるのですが wordpress内だと 所持チェッカーの機能が上手く動作しなかったので wordpressとは別に 作りました
久しぶりに タグとか完全手打ちしたよ
改めてwordpressの便利さを知る結果にw
ページ表示時間やページ容量の比較
画像の軽量化や出来るだけ軽いJavaScriptを使って ページの軽量化をしてます。
実際に 他サイトとの比較をpagespeed insightsで
比べてみました
![88点](https://white-cat-project.an-channel.com/wp-content/uploads/2018/12/Screenshot_2018-12-21-11-21-1001.png)
こちらは 白あん
![28点](https://white-cat-project.an-channel.com/wp-content/uploads/2018/12/1545359771823.png)
こちらは 他サイトの所持チェッカー
思った以上の差がw
1ページの容量も 白あんは2Mバイト超くらい 某サイトのは 8Mバイト弱だったので みなさんの通信量にも 優しいですw
今後の予定
凱旋は新しいのが来る度に 新しく作る予定。
また 全キャラ総合の物を作る予定です。
武器の方は時間があれば・・・・・
データ入力に かなりの時間かかるので 難しい。