■Ruby on Railsで可愛い子が集まるエロサイトを公開するまでの２４Ｈ

仕事で３ヶ月ほどRuby on Railsに触れる機会があったので、色々と調べているうちにRailsでエロサイトを作るのが流行っているというのを知りました。

そこで、自分でも作ってみようかと思いました。

２番煎じなのは重々承知ですが、とにかく作ってみることが重要なのです。

最低限、自分で使うことが出来るレベルにはしたいと思います。

今回のエントリでは、個人的にエロサイトを作成して公開するまで自分でやった方法を紹介します。

※公開後の状況なども書き込みします。

作成したサイト

可愛い子が集まる動画共有サイト

CuteClipper : http://cuteclipper.night-generations.info/

目標

• 観たい動画まで最短距離でいく
• 動画の一覧は出来るだけ大きなイメージで表示したい
• 動画のストック機能
• エロサイトにユーザ登録する人って少ないからユーザ登録無しで実現
• ページ遷移を極力なくす
• サクサクとまでは行かなくてもヌルヌル位は動いて欲しい

準備するもの（私の環境）

• Windows PC
• Oracle VM VirtualBox
• Ubuntu
• Ruby on Rails
• PostgreSql

目次

1. ( 0:30)作成したい機能を考える
2. ( 1:00)ドメインを取得する
3. (12:00)アプリを作成する
   1. 基本部分を作成する(rails new)
   2. Xvideosをスクレイピングする(gem : nokogiri)
   3. 動画の管理はタグで行う(gem : acts-as-taggable-on)
   4. 動画のストック機能追加(javascript)
4. (16:00)本番環境で動かしてみる　-環境周り-
5. (17:00)Google Analytics / ウェブマスターツール に登録
6. (20:00)公開の準備をする
7. (24:00)公開

1. 今後の野望

( 0:30)作成したい機能を考える

既にあるものなら新しく作る必要はないわけで、、、今回は自分の使いたい機能を作ってみました。

Xvideosの動画サイトの多くは、動画を選択すると他のサイト（ブログみたいなやつ）に飛ばされてしまい、

そのサイトで、動画のある場所を探さないといけないことが多くてめんどくさい。

動画がないこともシバシバ。

自分で作るのならh300さんのように分かりやすいサイトにしたいと思いました。

たくさんの動画を観て廻るものの、本当にいいと思う動画は大体３本くらいです。（自分の場合）

なので、３本まで動画をストックする機能があるといいなと思いました。

( 1:00)ドメインを取得する

今回はムームーさんでドメインをとりました。

本番環境のherokuはドメインの設定も簡単で助かりました。

(12:00)アプリを作成する

基本部分を作成する(rails new)

rails newしてdb作成して、基本的なアプリを作成しました。

Xvideosをスクレイピングする(gem : nokogiri)

動画情報の解析のため、RailsのGemのnokogiriを使用しました。

nokogiriはhtmlなどの解析をして、情報を取得することができます。

Ruby - Nokogiriでスクレイピング - Qiita [キータ]

動画のストック機能追加(javascript)

動画のストック機能はjavascriptで作りました。

WebStorageを使用してストックしています。

//localStrage.setItem("key","value");
localStorage.setItem("test","テスト");

//localStrage.getItem("key");
localStorage.getItem("test"); //"テスト"

こんな感じで、DBを使わずにストックが可能です。

レイアウトを改善(gem : twitter-bootstrap-rails)

レイアウトにはあまり時間を掛けず、bootstrapを利用しました。

殆ど時間を掛けずにそこそこのレイアウトが作れます。

twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks blog

タグクラウドを実装(gem : acts-as-taggable-on)

タグクラウドはacts-as-taggable-onで簡単に実装できます。

備忘録.りくわいやー

(16:00)本番環境で動かしてみる

とにかく本番環境にデプロイするんだ！！

ということで、ここまでで出来上がったものを本番環境にアップします。

本番環境にはherokuを選びました。

herokuはgitでpushをするだけで簡単に本番環境にデプロイ出来ます。

とにかく動かすという目標のためにはherokuはベストチョイスです。

スピードに関しては、海外サーバという点が難点ですが、今回はjavascriptをメインにしたことで、それほど問題はありませんでした。

(17:00)Google Analytics / ウェブマスターツール に登録

サイトを公開する場合、解析が必要となります。

解析の仕方を覚えるためにもGoogle Analyticsを使用しました。

(20:00)公開の準備をする

公開の準備として以下の作業をしました。

ただ、公開することを最優先にしたので、しっかり作りこんではいないです。

1. title,キーワードなど基本的なSEOを実施
2. ソーシャルブックマーク、Twitterなどのソーシャルボタンをつける
3. googleにクロール申請をする
4. この記事を書く

(24:00)公開

公開します。

今後の野望

動画の投稿をみんなでできるようにする。

今の投稿方法だとエラーが発生しやすいので修正してからじゃないとなぁ

ストック回数の多い順にソート出来るようにする。

ストック回数のカウント機能は実装してあります。

後は、並び替えるだけなんですが、まずはカウントが貯まるまではソートも何もないので・・・

動画の評価を出来るようにする。

ストック回数だけじゃ物足りないので、評価をつけれるようにしたいです。

Xvideos以外の動画も観れるようにしたい。

もっとたくさんの動画を観たいよね。

まとめ

Webアプリを作ること自体は、思っていたより簡単でした。

でも、たくさんの人に使ってもらえるものを作るというのは、とても大変ですね。

今回、CuteClipperを作りながら、他のWebアプリを観てきました。

オリジナリティとアイデアの優れたアプリが沢山あります。

そういうアプリの中で、自分のアプリを埋もれさせない努力を続けていかないといけないですね。

がんばります。というやる気がでました。

Permalink | 記事への反応(5) | 21:24

ツイートシェア