2012-06-15

完全に一致パクリサイト作ってみた

http://www.kanzen21.com/という有名なサイトと似たサイトを作ってみました。

このサイトプログラミング初心者おっさんが四ヶ月で作ったWebサイトとして有名です。

http://anond.hatelabo.jp/20101203150748

なぜ似たサイトををわざわざ作ったのかなんですが、完全に一致は便利なんですが色々不満がありまして

芸能人リストがしょぼすぎる。 - いちいち、芸能人スリーサイズ調べてスライダー動かすのが面倒。

・年齢スライダーがない。- 若い子が好きな人もいれば熟女好きもいるはず。

ベスト作品を除いてほしい。 - AV女優の単体作品だけが見たい。

・横三列じゃなく八列ぐらいにしてほしい。- もっと一瞬で好みのAV女優を見つけたい。

・年齢順とか作品順とかにソートしたい。ア行カ行とか指定できるとなおいい。

というわけで、プログラミング勉強を兼ねて作ってみることにしました。

使用した言語RubyフレームワークRails3です。

プログラミング歴は10か月ぐらいかな?

作成期間は2週間ぐらいです。

以下作成手順です。

1、DMMからAV女優情報、作品情報などをmechanize(Rubyクローラー)を使って取得。

2、Wikiからアイドルモデルスリーサイズなどをmechanizeで取得。

3、chickipediaから海外セレブスリーサイズなどをmechanizeで取得。

4、Railsサイトの骨格を作る。

5、JQueryスライダーを実装

6、デザインを整える。

7, サーバーのセッティングなど

作業ポイント

1、http://actress.dmm.co.jp/-/top/ DMMAV女優情報から情報取得する。

 完全に一致さんみたいにFace.comのAPIを使うのは面倒だったので、

 作品のタイトルAV女優名前がある作品だけをピックアップすることにした。

 そうすることで自動的にAV女優100名出演みたいなベスト作品とかは取り除かれる。

 

2、http://ja.wikipedia.org/wiki/%E3%82%B0%E3%83%A9%E3%83%93%E3%82%A2%E3%82%A2%E3%82%A4%E3%83%89%E3%83%AB%E4%B8%80%E8%A6%A7

 グラビアアイドル一覧から個別ページに行き、必要情報を取得。

 女性モデル一覧でも同様のことをする。

3、英語版のwikiスリーサイズが載っていなかったのでhttp://www.mademan.com/chickipediaから必要情報を取得。

 バストサイズがブラのサイズしかのってなかったが大体合ってればいいかということで、そのままcmに変える。

 身長フィート表示なのでこれもcmに変えてデータベースに突っ込む。

 外人のカップ数がバストに比べて小さいなと思っていたら、外国Aカップ日本Cカップぐらいあるというトリビアを知る。

 

4、サイトの構成はできるだけシンプルにした。

 一応URLAV女優名前がでるようにした。

5、JQueryを使ったことがなかったので、一番苦労した。

 JQueryというよりも非同期通信をするためのAJaxという仕組みをRailsでどう実装するのかが分からなかった。

 具体的にはスライダーの値をRailsコントローラーに渡すにはどうすればいいのかが分からなかった。

 色々検索しているとhttp://eddorre.com/posts/tutorial-filtering-results-with-jquery-ui-slider-and-rails-3-beta-3

 というRails3でUI Sliderを使用するためのチュートリアルというドンピシャサイトが見つかる。

 英語で読み解くのに苦労したが、合わせてhttp://jqueryui.com/demos/slider/スライダーの使い方を見ながら何とか実装していった。

 非同期通信はかっこいいけど実装するのに手間がかかるなと思いました。

 あとPHPにすら挫折した人間なのでjavascript書くのがきつかったです。

 Rubyみたいに書けるらしいCoffeescript勉強したい。


6,デザインはBootstrap

7,サーバーは、とりあえず人が来るかわからないので、一番安いオスキニサーバーVPS月450円プランにした。

 アダルトOKなのは確認ずみ。http://support.saases.jp/index.php?action=artikel&cat=85&id=409&artlang=ja

 何度かやったことがあるのでいつも通りセッティングする。かなり面倒な作業。

 一応、アダルトということで,mod_evasive,KeepAliveなどの設定をする。


できあがったのが3 Size Search(スリーサイズ・サーチ)というサイトです。

 

 URLhttp://3sizesearch.comです。

 スリーサイズスライダー検索するので3SizeSearchです。

完全に一致さんとの一番の違いは有名人リストが充実していることです。

 好きな芸能人と似たスタイルAV女優さんがすぐにわかます

 例えば、西田麻衣に似たスタイルAV女優範田紗々だとすぐにわかます

 検索の幅を緩くすることもできます。+-1から+-2へボタンを押して切り替えると、さらに22名のAV女優名がでてきます

 http://3sizesearch.com/people/%E8%A5%BF%E7%94%B0%E9%BA%BB%E8%A1%A3

 一応、外人も200名ぐらい登録してます

 例えばアヴリル・ラヴィーンに似たスタイルAV女優は、藤咲りさ、本田成美、優木ルナになります

 似たスタイル芸能人も分かりますアヴリル場合浅香友紀 菅野美穂 木内美穂 黒坂真美 小橋めぐみ 佐藤ありさ さとう里香 西原亜希 平田薫 松永京子 蓮舫という感じです。

 http://3sizesearch.com/people/%E3%82%A2%E3%83%B4%E3%83%AA%E3%83%AB%E3%83%BB%E3%83%A9%E3%83%B4%E3%82%A3%E3%83%BC%E3%83%B3

 

 ですのでAV女優さんの個別ページに行けば似たスタイル芸能人も分かります

 例えばRioに似たスタイル芸能人浅倉結希 立花麗美 吉井怜となります

 http://3sizesearch.com/people/rio

 

最後

楽しみながら作れ、JQuery勉強にもなったので良かったです。

今度は完全にオリジナルサイトを作らないとダメですね。

あと色々自分検索して思ったのですが、

アイドルよりAV女優の方が人数も多いし可愛くてスタイルのいい子が多いですね…。

小飼弾さんの「作品から商品へ - 書評 - 職業としてのAV女優」というエントリーが頭に浮かびました。

http://blog.livedoor.jp/dankogai/archives/51804435.html

よろしければ3SizeSearchを使ってみてください。http://3sizesearch.com

トラックバック - http://anond.hatelabo.jp/20120615121637

記事への反応(ブックマークコメント)

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん