1.
神戸のアイドルKOBerrieS♪
の画像ギャラリーサイトを作った話
@uemera上村崇
2015.2.27 さくらの夕べin大阪

2.
神戸のご当地アイドル KOBerrieS♪
知ってますか？
コウベリーズ

3.
・ローカルアイドルなのにかわいい
・楽曲が良い
・すごく会いにいける
・地元神戸の話ができる
・がんばっている
・老若男女に愛されている
・「育ててあげたい」という不完全性がある

4.
めいめい なな
ゆうり
かにゃん
あーちゃん りーちゃん

5.
ファンの方が撮ったステキな画像が
twitter上にたくさん流れてくる
→ しかし、そのまま流れていってしまい、
その場限りの写真になってしまうので
あとから見るのが困難。
KOBerrieS♪の知名度がいまいち
→ Webを活用しきれてない感ある。
公式サイトも残念な感じ。

6.
一方、自分は...
写真を撮るのは苦手だし、いいカメラも持ってない。
CDを100枚買ってもいいし、ライブに欠かさず通い続けることで
お金を落とすのも良いが、自分はIT関係の仕事をしているし、
Webサイトを作ることはできるので、このスキルで応援できないか?

7.
ということでKOBerrieS♪の画像ギャラリーサイトを作りました。
・メンバーがUpした画像や、ファンが撮った画像をギャラリーにして
蓄積し鑑賞したい。
・知名度をあげるお手伝いをしたい。
koberries.net

8.
スマホで見ると
スワイプできるよ
＿人人人人人人人＿
＞ 画像見放題 ＜
￣Y^Y^Y^Y^Y^Y￣

9.
画像はtwitter APIを使って毎日収集しています。
写真は全部で6000枚あります。
写っているメンバーごとにカテゴリ分けしています。

10.
画像仕分け用の管理画面を作っています
誰が写っている写真であるかを手作業で仕分けています。
誰が写っている写真なのかを手作業
で仕分けする

11.
もし、twitter上の画像を自動処理だけで収集したら…
・同様のサイトは他にもあるし、特に目新しくもない。
・twitterの画像を表示しているだけなのでサイトのオリジナリティ性に乏しくなる。
もし、手作業だけで画像サイトを作ったら...
・膨大な写真を収集して整理するのにとても時間がかかる。
このサイトは、
自動作業と手作業をうまく組み合わせることで、単なる画像ギャラリーサ
イトではなく、質と閲覧性を向上させている(と勝手に思っている)。
ただの画像収集サイトではありません。
このサイトの強み ・・・ 運営に一手間かけている！
システムによる
自動の画像収集
手動で画像を
仕分け➕

12.
サイトの運用フロー
cronスケジューリングで画像を毎日自動取得
手動で画像を仕分けする
ファンの方がtwitterに写真画像を投稿する
新しい画像がサイト上で公開される
自動
手動

13.
システム構成
サーバー
さくらのクラウド
1コア メモリ2G
SSD 20GB
(2500円/月くらい)
OS CentOS 7
アプリケーション
Apache 2.4 (Webサーバー)
MySQL 5.6 (データベース)
言語 php5.4
フロント
FuelPHP (phpフレームワーク)
twitter bootstrap (画面レイアウト、レスポンシブ)
jQuery (写真表示エフェクト)
imagelightbox.js (写真表示エフェクト)
SASS (CSS作成支援)
着手開始は2014/11、 リリース2015/2 (約3ヶ月)
実質作業工数は2週間くらい。

14.
ところで、
グラドル自画撮り部の部室
よりはクオリティが高いサイトが
出来たと自負しております。

15.
無駄な空間がある
・リツイート数、ファボ数が分からない
・投稿日付が分からない
・過去の特定のページにジャンプできない
・画像が大きいので一覧しにくい
グラドル自画撮り部の部室の
イケてないところ

16.
無駄な空間
しかし、グラドル自画撮り部の部室は
はてなブックマークめっちゃついてる！

17.
うちはゼロです!!! ／(^o^)＼

18.
1日40セッションくらい
アクセスもさっぱり ┐(́ ｀)┌

19.
さくらのナレッジで1500の実績を作った男が！

20.
よかったら はてブください m(_ _)m
koberries.net

21.
さくらの夕べin大阪 ATNDページの
コメントにURL書いてます(>_<)
koberries.net

22.
KOBerrieS♪画像サイトの当面の目標
KOBerrieS♪の認知度をあげるために、
「神戸 アイドル」で検索1位
→ 現在は21位
「関西 アイドル」で検索10位以内
→ 現在は100位以内にも入ってない

23.
SEOに詳しい方、オラに力を！

24.
ありがとうございました。
KOBerrieS♪に興味ある方、一緒にライブ行きましょう
@uemera uemura
koberries.net