SlideShare a Scribd company logo
1 of 24
Download to read offline
神戸のアイドルKOBerrieS♪
の画像ギャラリーサイトを作った話
@uemera上村崇
2015.2.27 さくらの夕べin大阪
神戸のご当地アイドル KOBerrieS♪
知ってますか?
コウベリーズ
・ローカルアイドルなのにかわいい
・楽曲が良い
・すごく会いにいける
・地元神戸の話ができる
・がんばっている
・老若男女に愛されている
・「育ててあげたい」という不完全性がある
めいめい なな
ゆうり
かにゃん
あーちゃん りーちゃん
ファンの方が撮ったステキな画像が
twitter上にたくさん流れてくる
→ しかし、そのまま流れていってしまい、
 その場限りの写真になってしまうので

 あとから見るのが困難。
KOBerrieS♪の知名度がいまいち
→ Webを活用しきれてない感ある。
 公式サイトも残念な感じ。
一方、自分は...
写真を撮るのは苦手だし、いいカメラも持ってない。
CDを100枚買ってもいいし、ライブに欠かさず通い続けることで
お金を落とすのも良いが、自分はIT関係の仕事をしているし、
Webサイトを作ることはできるので、このスキルで応援できないか?
ということでKOBerrieS♪の画像ギャラリーサイトを作りました。
・メンバーがUpした画像や、ファンが撮った画像をギャラリーにして

蓄積し鑑賞したい。
・知名度をあげるお手伝いをしたい。
koberries.net
スマホで見ると
スワイプできるよ
_人人人人人人人_
> 画像見放題 <
 ̄Y^Y^Y^Y^Y^Y ̄
画像はtwitter APIを使って毎日収集しています。
写真は全部で6000枚あります。
写っているメンバーごとにカテゴリ分けしています。
画像仕分け用の管理画面を作っています
誰が写っている写真であるかを手作業で仕分けています。
誰が写っている写真なのかを手作業
で仕分けする
もし、twitter上の画像を自動処理だけで収集したら…
・同様のサイトは他にもあるし、特に目新しくもない。
・twitterの画像を表示しているだけなのでサイトのオリジナリティ性に乏しくなる。
もし、手作業だけで画像サイトを作ったら...
・膨大な写真を収集して整理するのにとても時間がかかる。
このサイトは、
自動作業と手作業をうまく組み合わせることで、単なる画像ギャラリーサ
イトではなく、質と閲覧性を向上させている(と勝手に思っている)。
ただの画像収集サイトではありません。
このサイトの強み ・・・ 運営に一手間かけている!
システムによる
自動の画像収集
手動で画像を
仕分け➕
サイトの運用フロー
cronスケジューリングで画像を毎日自動取得
手動で画像を仕分けする
ファンの方がtwitterに写真画像を投稿する
新しい画像がサイト上で公開される
自動
手動
システム構成
サーバー
さくらのクラウド
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週間くらい。
ところで、
グラドル自画撮り部の部室
よりはクオリティが高いサイトが
出来たと自負しております。
無駄な空間がある
・リツイート数、ファボ数が分からない
・投稿日付が分からない
・過去の特定のページにジャンプできない
・画像が大きいので一覧しにくい
グラドル自画撮り部の部室の
イケてないところ
無駄な空間
しかし、グラドル自画撮り部の部室は
はてなブックマークめっちゃついてる!
うちはゼロです!!! /(^o^)\
1日40セッションくらい
アクセスもさっぱり ┐(́ `)┌
さくらのナレッジで1500の実績を作った男が!
よかったら はてブください m(_ _)m
koberries.net
さくらの夕べin大阪 ATNDページの
コメントにURL書いてます(>_<)
koberries.net
KOBerrieS♪画像サイトの当面の目標
KOBerrieS♪の認知度をあげるために、
「神戸 アイドル」で検索1位
→ 現在は21位
「関西 アイドル」で検索10位以内
→ 現在は100位以内にも入ってない
SEOに詳しい方、オラに力を!
ありがとうございました。
KOBerrieS♪に興味ある方、一緒にライブ行きましょう
@uemera uemura
koberries.net

More Related Content

Viewers also liked

UE4+Photonでネットワーク同期を行う
UE4+Photonでネットワーク同期を行うUE4+Photonでネットワーク同期を行う
UE4+Photonでネットワーク同期を行うShohei Yamamoto
 
AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏
AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏
AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏崇之 清水
 
MayaFluidからの流体シミュレーション入門
MayaFluidからの流体シミュレーション入門MayaFluidからの流体シミュレーション入門
MayaFluidからの流体シミュレーション入門t h
 
エフェクト制作におけるAfter Effectsプラグイン活用術
エフェクト制作におけるAfter Effectsプラグイン活用術エフェクト制作におけるAfter Effectsプラグイン活用術
エフェクト制作におけるAfter Effectsプラグイン活用術Silve_sa
 
猫でも分かる3人称視点VRコンテンツ
猫でも分かる3人称視点VRコンテンツ猫でも分かる3人称視点VRコンテンツ
猫でも分かる3人称視点VRコンテンツpafuhana 1213
 
VFX勉強会スライド「徹底比較UE4 vs Unity」
VFX勉強会スライド「徹底比較UE4 vs Unity」VFX勉強会スライド「徹底比較UE4 vs Unity」
VFX勉強会スライド「徹底比較UE4 vs Unity」Takahiro Akiyama
 
ハイエンドゲーム開発におけるエフェクト制作の課題
ハイエンドゲーム開発におけるエフェクト制作の課題ハイエンドゲーム開発におけるエフェクト制作の課題
ハイエンドゲーム開発におけるエフェクト制作の課題t h
 
スマホでVRコンテンツを作る方法
スマホでVRコンテンツを作る方法スマホでVRコンテンツを作る方法
スマホでVRコンテンツを作る方法hima_zinn
 

Viewers also liked (9)

UE4+Photonでネットワーク同期を行う
UE4+Photonでネットワーク同期を行うUE4+Photonでネットワーク同期を行う
UE4+Photonでネットワーク同期を行う
 
AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏
AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏
AWS を活用したモバイル開発 - 関西ソーシャルゲーム勉強会・2015夏
 
MayaFluidからの流体シミュレーション入門
MayaFluidからの流体シミュレーション入門MayaFluidからの流体シミュレーション入門
MayaFluidからの流体シミュレーション入門
 
UE4とOculusのナニカ
UE4とOculusのナニカUE4とOculusのナニカ
UE4とOculusのナニカ
 
エフェクト制作におけるAfter Effectsプラグイン活用術
エフェクト制作におけるAfter Effectsプラグイン活用術エフェクト制作におけるAfter Effectsプラグイン活用術
エフェクト制作におけるAfter Effectsプラグイン活用術
 
猫でも分かる3人称視点VRコンテンツ
猫でも分かる3人称視点VRコンテンツ猫でも分かる3人称視点VRコンテンツ
猫でも分かる3人称視点VRコンテンツ
 
VFX勉強会スライド「徹底比較UE4 vs Unity」
VFX勉強会スライド「徹底比較UE4 vs Unity」VFX勉強会スライド「徹底比較UE4 vs Unity」
VFX勉強会スライド「徹底比較UE4 vs Unity」
 
ハイエンドゲーム開発におけるエフェクト制作の課題
ハイエンドゲーム開発におけるエフェクト制作の課題ハイエンドゲーム開発におけるエフェクト制作の課題
ハイエンドゲーム開発におけるエフェクト制作の課題
 
スマホでVRコンテンツを作る方法
スマホでVRコンテンツを作る方法スマホでVRコンテンツを作る方法
スマホでVRコンテンツを作る方法
 

More from Takashi Uemura

WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくかWordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくかTakashi Uemura
 
さくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLTさくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLTTakashi Uemura
 
WAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんかWAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんかTakashi Uemura
 
アイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったかアイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったかTakashi Uemura
 
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説Takashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!Takashi Uemura
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックTakashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!Takashi Uemura
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めようTakashi Uemura
 
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013Takashi Uemura
 
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介Takashi Uemura
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介Takashi Uemura
 
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6Takashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!Takashi Uemura
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜Takashi Uemura
 
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するTakashi Uemura
 
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」Takashi Uemura
 
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるTakashi Uemura
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでTakashi Uemura
 
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話Takashi Uemura
 

More from Takashi Uemura (20)

WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくかWordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
 
さくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLTさくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLT
 
WAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんかWAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんか
 
アイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったかアイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったか
 
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
 
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
 
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
 
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
 
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
 
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
 
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
 
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
VPS借りたけどセキュリティが心配! 初心者が気をつけたいセキュリティの話
 

神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話