Web開発

こんにちは、にょろりんこの備忘録技術ブログです。 Webサイトで「一覧ページのサムネイルをクリックしたら、詳細情報がその場で表示される」──そんな直感的なUIを見たことがあると思います。ページ遷移なしに内容が切り替わるこの仕組み、実は PHPとjQueryだけでも十分実現可能です。 本記事では、あなたを追跡しないアダルト動画検索エンジン「SaePorns」で実装している構成をもとに、クリックされた動画IDをもとに非同期で詳細情報を取得し、メイン表示エリアを更新するまでの一連の流れを解説します。 窓際に座るティアラ ReactやVueのようなフレームワークを使わなくても、軽量なSPA的UIは十分…

こんにちは、超ニッチ＆尖りまくりの、にょろりんこの備忘録的技術ブログです。 前回の記事では、動画の人気ランキングにとって非常に重要な クリック数（selected）のカウント において、Botアクセスを除外する方法を紹介しました。 JavaScript上で生成した署名付きトークンを用いることで、curlやスクリプトによる不正な加算を防ぎ、「人間のクリックだけがカウントされる」設計を実現しています。 www.n-rinko.com 今回はその続編として、CTR（クリック率）を正しく計測するための「表示回数（appear）」の信頼性確保について解説します。 CTRは「クリック数 ÷ 表示数」で計算…

こんにちは、にょろりんこの備忘録的技術ブログです。 今回は、個人で開発・運用している検索エンジン「SaePorns」の内部構成を見直した話です。 検索機能のコードが次第に肥大化してきたため、思い切って検索処理を外部APIとして分離し、処理の責任を整理してみました。フロント側はより軽く、API側は再利用しやすくなり、結果として保守性やスケーラビリティも向上しました。 ピースするティアラ この記事では、実際にどのように切り分けたのか、PHPスクリプトの変更点を具体的に紹介していきます。 そもそもAPI化とは何か？ APIという言葉はなんとなく聞いたことがある方も多いと思いますが、今回の文脈でいう「…

こんにちは、にょろりんこの備忘録ブログです。 今回は、前回書いた『グーグルやDMMに勝てるのか？個人開発のアダルト動画検索エンジンの生き残り戦略という話』に思いのほか反響があったので、もう少し「戦略」という視点から深掘りしてみたいと思います。 www.n-rinko.com ちょっとマーケティング寄りの話になるのですが、競争戦略の古典的名著『競争の戦略』において、マイケル・ポーターはこう言っています。 競争に勝つ方法は2つしかない。「違うものを売る」か「同じものをより安く売る」か、だ。 手をグーにするティアラ このフレームは、大企業の話に思えるかもしれませんが──実は、個人開発のような小さなプ…

こんにちは、にょろりんこの備忘録的技術ブログです。 今回は、私が自作している Node.js 製のクローラーの中で使っている flag-update.js という小さなファイルについて紹介します。 ティアラ_手をマルにする このファイルの役割はとてもシンプルで、対象のURLの「処理状況フラグ（visitedカラム）」を更新するだけです。しかし、クローラー全体の挙動をコントロールするうえで、この処理は意外と重要な意味を持っています。 まず前提として、Saepornsのクローラーでは、MySQLのurlsテーブルにある visited カラムで、各URLの処理状態を管理しています。処理対象かどうか…

こんにちは、にょろりんこの備忘録的技術ブログです。 今日は、運営中の匿名検索エンジン「Sae-Porns」が「なんか変…」という現象に悩まされていました。 ページがやたらと重い。サムネイルがいつまで経っても表示されない。最悪、白画面のまま固まることも… nginx や php-fpm を確認しても一見正常。でもログを見てみたら、proxy.php というファイルにリクエストが殺到していて、upstream timed out が山のように出ていました。 どうやら、この proxy.php が外部の画像URLを取りにいって詰まりまくっていたのが、すべての元凶だったようです。 修正後のコードはこち…

こんにちは、にょろりんこの備忘録的ブログです。 この前書いたプログラミングスクールで「手に職つけて在宅ワーク」は詭弁では？というお話が思いのほかアクセスがあったので、今回はその続きを書こうと思います。 www.n-rinko.com あらためて結論から言います、プログラミングスクールに50万円払うのは、どう考えてもコスパが悪すぎて、選択肢にすら入らない。 「在宅で稼げる」「手に職がつく」「副業で月10万円」──そんな夢のような言葉が並ぶ広告を見かけますが、冷静に考えれば考えるほど、ツッコミどころしかありません。 今回は1個ずつ整理して確認をしていこうと思います。 スクール費用に５０万はコスパ悪…