2013-04-06

HTMLしか出来なかった私が1年かけ使いやすエロサイト作ってみた

最近手に入れたTENGA 3Dを握りしめながら

もうイイ歳にもなってオカズを探している自分たまたまたどり着いた記事が

http://d.hatena.ne.jp/inouetakuya/20120331/1333192327

Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300

この記事だった。自分は見る専門

(特に海外をメインとしてサーフィンをしている。FC2はもちろんプレミアム会員だがあまり検索のしづらさに股間が我慢できない)だが

提供する側として作ってみたいという衝動に駆られた。

上記のサイトから感化されて私と同じようにに志した方々もいると思う。

まりラーメン好きにラーメン屋をやるという番組を見ながらそんなことがあるかと

両手に空気の入った美女を抱えながら見ていた私が恥ずかしい限りである


それを構想したのが去年の4月。約1年。ちょっとHTMLができる程度の私が子孫放出時間を削り、地元チェリーボーイズ達をかき集めてやっとこさ作ったので

普段文章を書かない私が、つたない日本語で申し訳ないがココに記しておきたい

制作した海外エロ動画縦断サイト

http://dodo.jp.net/ 【dodo -日本人エロ動画サイトをより快適に簡単に-】(もちろん18禁です)


目指したエロサイトのコンセプト

今回サイト制作にあたってコンセプトとしたのは、下記の4つです。


海外エロ動画サイト日本人動画をわかりやすく・使いやすくする

私が精子放出先としてメインで使っているサイト(XVIDEO・tube8等)をまとめているサイトをでき調べてみた。

そこで感じた使用感はこの一言に尽きる

画像クリック→なぜか再生されずに違うサイトへ飛ぶ→画像クリック→なぜか再生されずに違うサイトへ飛ぶ→画像クリック→∞」

ループから早く抜け出せればラッキーみたいな、何故か動画を見る前に幸福感を得るという謎の現象がおきた。

なぜこのようなことをしているのかを理解する必要があると思い、得意のサーフィンを駆使しなぜ他のサイトへ飛ばすような事をするのかを考えてみた。

どうやらサイト同士はつながりがあるらしく、「私もアクセス送るからあなたアクセスちょうだいね」というwin-win関係があるらしい。

2chまとめサイトとかが顕著にそれが現れているが、例えば自分より有名なところにアクセスを送って、それで送り合う関係になったときに有名なサイトの方がアクセス量は多いので、

実はwin-winではなく自分の方が得をしている関係で、サイト内のアクセスを伸ばせるということらしい。

しかにそう考えれば私もしたほうがいいのかという衝動に駆られたが大前提として「わかりやすい」を貫くためにもやすさを崩さない最小限にすることにした。

他に気づいた点は、海外エロ動画サイトをまとめているサイトは人が着そうな動画だけを集めて検索やすい感じではなかった。

カテゴリタグ女優名やプレイ内容・女優タイプ等がきちんと分けてつくっているサイト更新数が少ないかサイト内にある動画数が少ない。

それを両立できる方法を、ない頭で考えた。

「とりあえずプレイ内容・女優タイプ動画を見ればわかるが女優名がネックなら一旦置いておこう」

もちろん女優名で検索できないサイトにはしたくないので、この問題については後にいい方法を思いつき今後の実装予定(楽しみにしててね!)となった。

サーフィン仲間の童貞チェリー達にもサイトを良くする案を考えてもらった結果

ということに決まった。

シンプルでわかりやすデザイン

デザインセンスの欠片もないが、私なりにできる最大限を行うことにした。その際に参考にしたURLの一部(ちょっと古い記事だがデザイン根本的なものは変わらないので参考になると思う)

http://sanride.com/blog/webdesign/web.phpWEBデザインする上で最低限おさえておきたいたった5個の法則

http://creators-manual.com/alignment/新人デザイナーに教えたいWebデザインの基本原則【整列】

http://webdesignrecipes.com/4-factor-of-designing/デザイン勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則】

http://liginc.co.jp/web/design/other-design/15954【すべてのものに理由はある。脳科学に基づくデザイン法則】←最近のだけどいい記事なので



あとはもちろん動画サイトを抜きたい衝動を抑えながら見まくった。1つ気づいたのは動画サイトから動画をとってみたら意外と何もないくらいすっきりするということである

サイトスクリーンショットを撮りペイントソフトとかで動画の部分を塗りつぶして枠線だけにすれば、サイトの華やかさは動画イメージがあるからということがわかる。

実際のWEBデザイナーはどうやって作るのかはよくわからないが、私は家にあった横長のホワイトボードを縦にしてそこに納得行くまで書いてみた。

下記のURLは完成したデザイン案をデジタルに起こしたもの

http://gyazo.com/2fc3a46bd4e108ce6ee47e53b064330a

http://gyazo.com/jaGyazoというスクリーンショットの瞬間共有サービス これは便利すぎて手放せない】



上記のURLの単純な設計デザインの事をWEBデザイナー達はワイヤーフレームモックアップ等と言うらしい。

後になって気づいたがワイヤーフレーム制作を便利にするツールもできあった。

https://cacoo.com/lang/ja/?ref=logo 【cacoo Web上で図の作成リアルタイムコラボレーション

http://www.hotgloo.com/【hotgloo】

http://www.lumzy.com/【lumzy】

https://moqups.com【moqups】


一番考えたのはロゴであるダサいロゴにしてしまうと、それだけでサイトイメージも下がってしまうのでかなり悩んだ。

ロゴデザインの木を学んだ人からすれば笑ってしまうようなデザインかもしれないが、笑われるのを覚悟ボツ案をはっておく

http://gyazo.com/acd94a061c4fa54c39dab35d04d81f70

一番最後まで残った案は赤枠で囲んだ「D」という文字を指と見立て再生ボタンを押しているというイメージロゴだったが、最終的にはシンプルものになった。

今ではシンプルで良かったなと思っている。

圧倒的な動画更新

女優名を引き換えに女優名以外の細かいタグをつけると決まれば、あとはタイトルタグを付けてくれる人を探すだけである

翻訳をかけてタイトルとかにすれば完全自動にできるがきちんと確認した上でタイトルタグをつけたほうが正しい情報を記入することができる。

なのでここは完全手動にした。しかし量が量なだけに私一人でやるには荷が重すぎる。そんな時に空気嫁の次に大切なチェリーボーイズ達が私に隠れてサプライズを仕掛けてくれていた。

「おいハゲ(本当は私の名前を呼んでいる)!アデランス(本当は私の名前を呼んで(ry)の為に人員を用意したぜ!みんな温水(本当は私の名前(ry)の使いやすサイト制作に賛同してくれて

チェリー10人ほど集めてきたぞ」

普段はティッシュしか周りにいない私でも真剣にやるだけで賛同してくれる人もいるのかと、目から精液がでた。趣味サイトなので面倒になったらいつでもやめていいという事で

たまに飲みに連れて行くことを約束し、更新作業を手伝ってもらうことにした

※今は1日数百の動画毎日更新されています

海外エロ動画サイトの容赦無いエロ広告攻撃をどうするか

この問題に対しては私はお手上げだった。再生する度に裏でどんどん広告がひらいていき、親が来たと思いサイトを閉じたら、裏で開いていた巨大広告のお姉さんが腰をフリフリなんてザラである

だがこの問題に一人のチェリーが立ち上がった。彼は自称プログラマーという素晴らしい肩書きで、私ができない部分(PHPJavaScript等動的な部分)を見事に解決してくれたのだが、この難題にも立ち向かってくれた。

結果は実際にサイトに来ていただければ彼の奮闘結果が見れるかもしれない。

実際に完成してみて


圧倒的な技術不足というのを痛感したとともに、日頃何気なく利用しているサイトものすごい技術結晶だということを改めて感じた。

完成した時は思わず紗倉まなDVD時間ぶっ通しでみて抱きまくった。

こんな私でもできるという充実感を味わえる。

まりの嬉しさにこの日記を書きたくなったが、私が制作に携わったデザイン面でしかこ日記で書けないのが悔しいです。

今後について


実際にサイトオープンしてから課題・改良点をまとめておく




メールフォーム等も実装してユーザー意見を聞けるようにしていきたいと思っています







最後に、私のわがままに付き合ってくれたチェリーボーイズ達に感謝

俺達の戦いはこれからだ!

http://dodo.jp.net/ 

トラックバック - http://anond.hatelabo.jp/20130406221029
  • http://anond.hatelabo.jp/20130924220221

    ニートがエロサイトを作ったら結構デカいサイトに成長した http://anond.hatelabo.jp/20130922195049 Ruby on Railsで可愛い子が集まるエロサイトを公開するまでの24H http://anond.hatelabo.jp/20130918212415 ...

    • http://anond.hatelabo.jp/20130924221734

      これ全部同じ業者のステマなの? 何度もやってるってことは増田ステマは効果あるってことなのか?

      • http://anond.hatelabo.jp/20130924230540

        まあ、瞬間的にはあるんじゃない? こうやって晒すことで、なんなんだよ、とか言いながらも開く人は居るし。 軽く新着に載るよりも瞬間的なビューは取れそう。 誰か発表してくんね...

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

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