■DMM APIとnode.jsで今の気分に最適なエロ動画紹介サービスをつくってみた

作成の経緯

エロが好きです。

ボクはDMM.R18のヘビーユーザーなのですが、どうしても自分の好みの中だけで、グルグル回ってしまい、

世の中にAVは山ほどあるはずなのに、知らないなんてもったいない！もっとたくさんのエロに出会いたいという思いがあって日々悶々としていました。。

そんな中、AVというのは毎日の気分によってオナニーしたい見たいものが違うわけだから（例えば毎日食べたいおかずが違うように）、

今の自分の気分を簡単に答えれば、それに対してオススメのAV動画を紹介してくれるというサービスはどうだろう？とモヤモヤと考えていました。

ある日、会社の人に相談したら、それ「いいね！」ということになって、「そういえばDMMのAPIってのが公開されたから、それ使ってできるんじゃね？」ってことになり、

本格的にサービス開発を行うことになりました。

そしてこの度無事リリースすることができました。

作成したサイト

「今夜のおかず」

http://okazunight.com/

３つの質問に YES / NO で答えるだけで、今のあなたに最適なアダルト動画を紹介するサービスです。

使ってる技術

・サーバーサイド：node.js

・フレームワーク：express（node.jsのフレームワーク）

・CSSフレームワーク：Twitter Bootstrap

・クライアント：jQuery、CoffeeScript、SCSS

・データベース：MySQL

・ビルドツール：grunt

・バージョン管理：GitHub（プライベート）

・HTTPサーバ：Nginx

・インフラ：某クラウドサービス

node.jsは少し趣味でやった程度で、今回やってセッション管理やルーティング周りが勉強になりました。

データベースにはMySQLを使っています。node.jsならばmongoDBというイメージが強いですが、質問をランダムに表示する機能で、

mongoDBは現時点で正式な機能としてはランダム検索が出来なかったので、MySQLを選びました。

あと、CoffeeScriptやSCSSはJavaScriptやCSSの記法を簡単にしてくれるやつで、慣れてしまうと離れられません。

あとはTwitter Bootstrap。これなしでは生きていられません。

こだわった点

• レスポンシブデザイン（スマホでもサクサクいじれるように）

スマホでもなるべく早く結果ページまでたどり着けるようにしたつもりです。

オススメの動画が表示された後に、今日はこの動画の気分じゃない！と思ったときはチェンジボタンにより、同じ条件で他の動画にチェンジ！できます。

質問からやり直したいときは、さいしょから！ボタンで他の質問からやり直せます。

• 表示パフォーマンス

一刻一秒を争うエロビ探しですのでパフォーマンスには気を配りました。

最初はサーバーサイドでHTMLテンプレートを使わずに完全にREST API化して進めていましたが、

最初の表示までの若干のライムラグとSEO対策の為、最初の質問だけnode.jsでHTMLテンプレートを使用して組み立てています。

また、シンプルなサイトなのでライブラリはjQueryのみ使用し、concat/minify化はgruntのタスクとして登録しています。gzip化はNginxで行なっています。

• DMM様へのオマージュ（見た目のバランスとか色とか）

我らがDMM様への敬意を払い、白ベース＋ポイントで赤のシンプルなデザインにしています。

苦労した点

・CSS（SCSS）が初めてだったので、微調整するのが大変でした。

・質問のパターンを考えるのと、紹介する動画が偏りすぎないようにするのが難しかったです。（これはまだ要調整）

今後の展開（たぶん）

・質問に対するおすすめ動画の精度をもっとあげていく。 （ユーザーの癖を把握して、機械学習とかできればいいかなと）

・おすすめ動画を表示した後に、その商品を誰かにつぶやいたり。

・結果を自分のお気に入りとして保存できたり。

・ユーザーからのフィードバック。（これ早めに）

最後に

今回、同じ会社に勤めるエンジニア3人が約2ヶ月で作成しました。

実験的なサービスでもありますので、今後も色々と機能追加をしていくつもりです。

それでは、今夜もあなたが美味しいおかずに出会えますように。

http://okazunight.com/

Permalink | 記事への反応(1) | 11:27

ツイートシェア