morolicious開発日記

MojoliciousとBootstrapで作られているレスポンシブなエロサイト「morolicious」の開発記録を綴りっています

新しいmorolicious(ver5以降?)でNginxの後ろでhttpsを検知するに必要な設定

Nginxの後ろでSSL通信を検知する Nginxの設定は基本的には Mojolicious::Guides::Cookbookにあるものでいいのだけど、Nginxをリバースプロキシとして使っていて、バックエンドのアプリ側でSSL通信か否かを判定する場合には proxy_set_header X-Forwarded-Pro…

動画閲覧ページで複数動画がある場合、類似動画の「もっとみる」で表示が崩れるバグ修正

動画閲覧ページ(/video/xxx )で複数動画がある場合は、小サムネイルで切り替えができるようになっていますが、この切替を行った後に類似動画の「もっと見る」をクリックすると表示が崩れるバグを修正しました。

Linodeが大幅アップデートしたのでNginxのworker_processesでも増やす事にする

moroliciousをホスティング中のLinodeがSSD化&RAM増&コア数増という事で、ちょっと設定をイジることに。 ホスティングのLinodeが$45Mを投じて全面SSD化、ユーザRAMを倍増 | TechCrunch Japan 今くらいのトラヒックなら全く問題ないのだけれど、Nginxのwork…

moroliciousの最近のアクセス傾向

一時期の1/10程に セッション数57,473を叩きだした日から下降の一途を辿っている感じです。パンダの影響なのか、はたまた別の理由なのかはさだかではありません。 google様のご機嫌次第な昨今、トラフィックを稼ぐサービスを作るのはなかなか難しいですね。 …

moroliciousと明石市の騒動に関して

【悲報】 明石市立天文科学館の公式ツイッターがやらかしてると話題にwwwwwwwwww こんなスレがいつの間にか。ちょうど大雪の日だったようで、暇を持て余していたのでしょうか。男(とは限りませんが)ならごく正常な事ですね。 もともとはこちらの…

Twitter Bootstrapに最適なwebフォントアイコン Font Awesomeを使ってみた

webフォントアイコン Bootstarp ver2.3.2まではアイコンをCSSスプライトで表示しています。Retina等高解像度のディスプレイで表示すると若干ぼんやりしてしまう難点があります。 webフォントを使えば通常のテキスト同様、ズームしてもキレイに表示されると思…

Androidもphoneとtabletの見分け方があるらしい

とあるユーザー様からAndroidのタブレットで見ると表示件数がおかしいとの指摘を受けました。実はiPhoneとiPadはUserAgentに含まれるので判別して切り分けていたのですが、androidはphoneとtabletを同じ扱いにしていました。 どうやらandoroidoでも "mobile"…

サムネイル画像をlocalにキャッシュするようにしました

動画のサムネイルをキャッシュして表示スピードを上げる 一部の動画サイトでは画像の読み込みが遅く、表示に時間がかかるためサムネイルをlocalに保存する仕様にしました。また、スマートフォンで表示する場合に無駄に大きいサイズの画像を取得しているのも…

関連ビデオの無限スクロール部分を改善

昔のTwitter的な無限スクロールUIを使っていますが、ある程度無限スクロール情報を表示した後に画面遷移(ビデオページに移動)すると、ブラウザの戻るボタンを押した時に元のページが以前の状態で表示されない問題がありました。 Ajaxを使って動的に要素を…

日本でのAlexa Traffic Rankが2000位台になってたのでサーバ構成等を書いてみる

Alexa Traffic Rank Alexa Traffic Rank for morolicious まだbeta版で機能も充実していないにもかかわらずたくさんアクセス頂いているようで、国内で2000位台になっているようです。 スクリーンショット サーバスペック クラウド環境です。Web兼Appサーバは…

サイドバーコンテンツをキャッシュ化して描写を高速化

このエントリーは古い内容が含まれています。 Mojolicious 4.0がリリースされました - サンプルコードによるPerl入門 特に大きな変更として、render_data, render_json, render_partial, render_textメソッドがMojolicious::Controllerから取り除かれている…

jQuery ValidationプラグインでAjaxを使ってremoteバリデーションする

jQuery Validation Plugin jquery.validate.js フォームのバリデーションにとても便利なjQueryプラグインですが、Ajaxを使った時にちょっとハマったのでメモ。例えばユーザー名が使われているかチェックする時にクライアントサイドのチェックだけでは実装出…

NginXが an upstream response is buffered to a temporary file... というエラーログを大量に吐く対処

Nginxのエラーログに以下の様なログが大量に吐かれていた。 2012/12/18 02:35:51 [warn] 1770#0: *1467277 an upstream response is buffered to a temporary file /var/cache/nginx/proxy_temp/7/00/0000002007 while reading upstream, client: ....." 201…

Gunma.web #11でLTしてきました「おとなのテキストマイニング」

Gunma.web #11 に参加させて頂きました。前回参加してから半年。今回ようやく動くものが出来たのでLTさせて頂きました。 前回のスライドと同様に、あおいひとのアカウントを借りてスライドアップしたので紹介させて頂きます。 アップしたスライドはちょっと…

Mojolicious、Twitter Bootstrapを使ったレスポンシブなエロサイト「morolicious」 β版をリリースしました

[PR] morolicious(モロリシャス)ってサービスをリリースしました!XVIDEOS他、むふふーな動画をたくさん見られるサービスなので是非活用して下さいね☆特徴は「類似動画」のレコメンド機能(β版)! #morolicious morolicio.us— ピンクテクス 大人専用。さ…

Gunma.web #8でLTしてきました「LDDによるWebアプリケーション開発」

このエントリーは時間が経ってから書いたものになりますが、スライド載せちゃえ!って事で日付を変更してエントリーします。 発表したスライドはこちら 前回参加した後から構想はあったのですが、なにせ時間が無くなってしまってなかなか開発が進まなかった…