非公式Ange☆Reveファンサイト管理人のブログ -3ページ目

あんじゅれ非公式ファンサイト【現状】画像ギャラリーについて

最近グラブル仲間が出来てグラブルにお熱な私です•ω•
今のイベントは300万ポイント取って武器と使わない召還獣共に3凸できたので、十天衆ゲッチュにむけて素材集めに勤しんでる日々。
あとデレステに興味沸いて少しやってるって感じのゲームの近況報告です•ω•

さて、
ちょっと8月の末からメンバーのブログ更新の部分ぐらいしか動きが無いファンサイトですが
1日2時間ずつぐらいでコンテンツ作りはやっておりまする。

で、今主にTwitterに上げられている画像のデータベースというか、ソート付きのギャラリーを作ってるんだけど

それの試作として

あ、少し話は逸れますが
なんかブログに更新のことだけ書くのは味気ないのと、このサイト作りは自分のHtmlやjs等の勉強の為でもあるので、製作プロセスというかどうやって作ったか等も自分の為に記録して行くことにします。
jsのコードの読み方すらよく分かってないド素人だからね、昨日からphp勉強し始めた。

話を戻して

それの試作として、
このようなもの
を既存のJqueryを使いまくって作ってみました。
chrome推奨です。safariだと重くて動きがガッチガチやし携帯からは通信料的な意味で見ない方が良いかも知れない。

一応、使用したJqueryは
shuffle.js(ソート)
lightbox.js(クリックしたら大きい画像が出て来る)
echo.js(画像読み込みの遅延)
の3つです。

一番左上のくるみんをクリックすると、ポップアップみたいな感じであきにゃんが出てきます。
で、上の「RED」は何も無いので押したら全部画像が消えて「BLUE」「GREEN」などを押すと、背景がその色のくるみんが並びます。

これを使って、例えば「ハロウィン」のボタンを押すとハロウィン衣装を着たあんじゅれをソートすることが出来る

というのを考えていたのですが

そもそもあんじゅれのメンバーの画像は現状Twitterだけでも約6000枚あって
それをもしこういう単純なタグ付けだけにすると後々管理や更新に困るのと、複数の条件を指定した検索が出来るか不安だったので
もう少し本格的な検索とソート機能を作ってみようと考えています。

ってのは、6月末まで働いていたソシャゲの運営会社で持っていた全カードのリストが凄く検索しやすくて色んな条件で調べられたなっていうのを思い出したので。

あそこまで凄いのは作れないだろうけど
例えば、
パッと「ソート付きリスト html」とgoogle先生に聞いて出て来た
こちらの記事
http://jetglass.hatenablog.jp/entry/2015/05/27/172831
のように、出来る可能性は結構高いらしい。

これはrubyとかの知識も必要っぽいので

http://phpspot.org/blog/archives/2014/02/jquerymultifilt.html
こっちの方が現実的かつ想像通りかも知れない。

「追記」
そもそも、js等でこういうのを作るのは結構難しいらしいというかphpで作るっぽいので
昨日から学び始めた縁もあるので勉強してみます。
参考:http://w1.nirai.ne.jp/freeze/main/file12.html
「追記終わり」

杉江さんは車輪の再発明はしないタイプなのSA☆

ということで、更新が予定通りに行ってないですが、少しずつ動いて入るんだよという記事でした。

これのコストが重いと分かったら、4コマかサイトのUI周りの回収を優先するかも知れん、が、兎に角1日2時間程だけどこのコンテンツを充実するべく動いているので、なにがよろしくか分からんけどどうぞよろしくお願いします。
機能が出来次第、多分彼女達のデビューした4月から1ヶ月ごとに順次画像を追加して行くと思う。一気に6000枚分のDB作るのは無理だからね。

という感じで。ノシ