OOPartsのゲーム検索サービスを作りました

思いつきで作ったサイト第2弾

OOPartsで遊べるゲーム一覧

DLチャンネルに書いた紹介記事

DLチャンネルに書いてた分もあるんですが、OOPartsとゲームの紹介をメインにしようと思って、開発情報などはこっちに移動させました。

今回はスピード重視

初日は無料体験を遊んでたんですが、どのみち何ヶ月かは入るつもりだし、体験期間終わってからの方がサーバーが空くだろうと思って。それよりも今リストを作れば需要がめちゃくちゃあるのではないか？　と閃いたので、頑張って作りました。

なんとか土日の無料体験の間に作ろうと思って、間に合ったといえば間に合ったんですけど、残り30分だったし、多分みんなギリギリまで遊ぼうしてた頃なんで……まあ……

でも2日でこれぐらいのサイトなら作れるというのがわかったし、色々経験値が蓄積できました。

利便性

OOPartsはまだゲーム一覧の機能がちょっと弱くて。一覧だとタイトルと絵だけでなんで。雰囲気はわかるんだけど、ゲーム性のあるやつなのか、ノベルっぽいやつなのか。できればパッケージの裏とかも見たい。まあそのへんはおれがどうこう出来ることじゃないけど、客観的にわかってる情報に関してはリスト化できそうだなと。

同じ陵○物だとしても、男主人公で陵○する側なのか、女主人公とか友達が陵○される立場なのかわからない……という問題はまだ俺のリストでも解決はしてないし、他の大半のサイトでも未解決の問題なんですが。今後改善したいポイント。

公式が便利になったら要らなくなるだろうし、その方がいいとは思うんだけど、その時はその時で。

仕組み

アテナちゃんのおっぱいを測る時は、毎日自動で測るかんじの仕組みでしたが、今回はゲームのリストを手動で作ってます。100件ぐらいだから、データベース作って必要な分だけ取り出すより、全部最初から内蔵した方がいいという判断。

手動といっても、最初にGreaseMonkeyで名前とURLの一覧だけは抽出してます。DLsiteなどでダウンロード販売が行われているかとか、どういうゲームなのか調べたりというのは、結局手動でやるしかないので。

その分プログラムとしては簡単になったけど、今後のゲーム追加にも手動で対応しないといけないのがちょっと厄介な部分。一応DLChannel_Extenderのタグ一覧みたいな仕組みは作ってるんで、そこに書き足せばいいようにはなってます。そんなにハイペースにはならないだろうという読みだけど、ユーザーとしてはハイペースで増やして欲しいところ。

サーバーは今回はZeit Nowというところを使ってます。Herokuと違ってデータベースとかは装備されてないんですが、その分サイトの更新とかはもっと簡単になってるかんじ。

プログラムはJavascriptのみ。Svelteというのを使いました。動作が高速でシンプル。ただ日本語情報が少なくて、ちょっと困った部分もありました。

アフィリエイト

一番の問題は作品画像をどうするかで……OOPartsのサイトから直リンすると負荷をかけてしまう。かといってこっちでキャッシュして管理するのも色々大変。なので今回はDLsiteのアフィリエイトを貼ることで、紹介画像の役割を兼ねてもらうことにしました。アフィリエイトに使う作品画像を直リンするのは普通なので。

作りますよ、という事前連絡はしてなかったけど、#OOPartsGame のタグを付けてツイートしてみたところ、運営サイドから好意的な反応があったので一安心。

もう1つ気になってたDLsite側にも、アフィリエイト先の追加申請という形で連絡。これはサイト毎に申請しないと駄目なんで。この申請もすんなり通してくれたので、もう一安心。だけどクリエイターズ記事として通すには微妙かもしれないので、今回は通常記事にしておくことに。

お互い商売敵という面もあるけど、利用者からすればOOPartsで遊ぶ前に情報を集めるのに役立つだろうし、DLsiteで買う時にリストに載ってないゲームを優先して買いたいという需要もあるだろうし。上手く両方とも儲かりつつ、おれの月額料金もアフィリエイトでまかなえるといいな……みたいな感じです。

おっぱい測定器

作った物

アテナちゃんのおっぱい測定器

アテナちゃんのおっぱいの大きさについて調べました

先日のDLChannel_Extenderのオンライン対応の時に、色々最近の事情を調べてたんですが、こういうのも作れそうというだなと思ったので作りました。思ったより時間かかったけど、それでも数日程度で完成。

こんなに簡単に出来るならもっと早くWebプログラミングやっとけばよかったな……と思ったけど、こんなに簡単に出来るようになったのは最近のような気はする。それでも5、6年前には手を出してても良かった。

作れそうな物

前回今回といろいろ知見が得られたので、もうちょいむずかしいものも作ってみたい。ちょっと調べないといけないこともあるし、すぐには作れないけど。一応考えてるものとしてはこんなかんじ。

お題タグの自動取得

DLChannel_Extenderで、現在手動になってるお題タグの追加。出来るんだけど、方法をどうするかの問題。

おっぱい測定と同じようにサーバー側で記録して、普通のタグ一覧と同じように取れるようにすると、負荷は1日1回で済むけど、お題が更新されたあと反映されるまでにタイムラグがある。

もしくはスクリプト内部で公式ページを読み込む。すぐに読みこめるのはいいけど、全員がそれぞれ読み込むから負荷はかかる。どちらも一長一短ある。

そもそもこれ何人ぐらい使ってるんだろう？って問題もあるけど。少なくとも4～5人、多くても20人ぐらいかなと思ってるんだけど。

非公式なDLチャンネルの記事一覧

記事が多くて新着欄が混み合うという話が時々あるけど、記事の数自体はまだまだ足りてないし、良い記事だけ増やすというのも無理のある話。そもそも良い記事の基準がみんな違うし。

どちらかというと、新着欄ぐらいしか探す方法がなくて、総当りしか自分に適切な記事を探す方法がないのが問題だと思ってて。じゃあ作っちゃえばいいのでは？　という発想。

技術的にできそうなこと

ある程度の下調べはしてて、このへんはできそうだな……っていうのはわかってきてます。

• 任意の絞り込み条件をかけた新着順表示
• 表記ゆれや除外検索に対応したタグ検索
• タグを使った独自のカテゴリ分け表示
• 18禁記事のみの表示
• 通常のクリエイターズ記事とねくすとを区別して表示
• 一覧への文字数表示と、それによる絞りこみ表示
• NGユーザー指定(各自で指定してもらう)
• NGワード指定(本文はむずかしいけど、タイトルやタグだけであればなんとか)

ユーザー指定検索は……可能なんだけど、これをやるとアクティビティを隠してる人の意味がなくなってしまうので、やらないつもり。NG指定だけ。でもおれの記事だけ表示というのは出来るようにする。自分の記事を探すという用途があるんで。他の人の記事も本人がOKなら問題なし。

キュレーション系記事と文字主体記事の自動判別も、文字数を紹介作品数で割るとだいたいわかるんじゃないかと思ってるんですが、これはちょっとやってみないとわからない。

記事内容の検索もやりたいけど、予算がないとちょっと難しい。Herokuのデータベースは件数10000件までが無料だけど、DLチャンネルの記事数が70000ぐらいある。無料件数の多いところは文字の検索に弱い。タイトルとタグはなんとかするとしても、本文まではちょっとむずかしそう。

あとは初めて記事投稿した新人さんを特別枠で表示というのも、ひょっとしたらできるかも。

怒られないレベルでやる

一番のネックはDLチャンネルのサーバー負荷。本当は毎日70000回アクセスして記事情報を完全にしたいけど、それはさすがに（アテナちゃんが）怒られる。いまも時々負荷がかかって遅くなってる時あるし。事前に更新日時の一覧は取得できるんで、更新された分だけ取る。そうするとタグだけ書き換えた場合には検知できないから、一部の情報が古いままになるけど仕方ない。

検索エンジン用にデータを取得するのは合法になってるし、DLチャンネルのrobots.txtもGoogle画像検索用のBOT以外はOKで、基本的には色んなところで検索して欲しいという立場のはず。うまく作ればアテナちゃんも喜ぶサービスになると思う。もちろん技術的な面白みもある。

『DLChannerl_Extender』1.0.0 タグのダウンロード対応と補完強化

DLチャンネル記事編集用『DLChannel_Extender』(2020/4/14更新) - うらうなぎ - Ci-en（シエン）

記事の説明も最新版に合わせて全体的にリニューアルしてます。

今回大幅アップデートしたことで、バージョン番号を1にしました。更新内容はだいたい4つです。機能追加に合わせて配置の修正もしてます。

• タグ候補のダウンロード
• 入力補完の強化
• タグの短縮ボタンの装備
• NG候補の非表示化

注意点として、企画タグ編集機能が廃止されています。

これは企画タグ読み込みが上手くいかない時と、来月分を先取りして書く時用だったんですが、ちょっと仕組みに煩雑になってしまうし、そういう時は一時的にユーザー登録タグの方を使ってもらえばいいかなと。

タグ候補のダウンロード

今回の目玉機能です。スクリプトを更新しなくても、最新のタグ情報がダウンロードできます。

具体的には、公式に追加された"技法書"タグですが、スクリプト標準装備のタグには入ってません。でもダウンロードすれば色分けできるようになる。という感じです。

これが効いてくるのはもっと先というか、スクリプトへのタグ追加や更新よりも格段に楽なので、おれがタグを追加しやすくなってるというのが最大の利点です。

従来はタグ1つ増やしたぐらいで更新するのは面倒だな……みたいなのがあったんですが、これからはちょっとしたタグの追加も迅速になる予定です。

最新のデータはGoogleスプレッドシート上にあります。おれ以外は全員匿名状態になります。編集してからダウンロードに反映されるまでに若干のタイムラグがあって、最大で10分程度の遅れがあります。

https://docs.google.com/spreadsheets/d/1yCUpEgc6yQFkeNA3j86hj0fTnV5wpDKAXRNXhP_16-g/edit?usp=sharing

ただ、おれの元気がないとタグが増えないという問題もあって、できれば編集機能を一般公開をしたいんだけど、荒らし的な物があっても困るので。どうしたものかなあ……という感じです。

一応試験的にNGワードのシートは開放してます。このタグは出さない方がいいだろ、みたいなのを見つけたら書き込んでみて下さい。一応他の人が書いたものは消さない方向で。理由を言ってもらえばこっちで対応しますので。

入力補完の強化

前回導入した入力補完をもっと強力にしようということで、まず部分一致を双方向にしました。0.95だと、入力の方が長い時、例えば機動戦士ガンダムがガンダムに一致しないということがあったので、短い方が長い方に部分一致してればいい、というふうに変えてます。

それと先頭2文字が一致したタグも補完対象に加えています。ポケモンと入れたら、ポケットモンスターが出てくる感じのやつです。長音記号などの記号を除いて2文字の一致というのが注意点です。1文字一致の方が候補は出やすいけど、"うどん"と"うんこ無修正"が一致してしまったりして。今後タグを増やした場合に誤爆が多いのも困るので、とりあえずは2文字に。

それらの条件では判定できない、アルファベットと片仮名の表記ゆれみたいな問題には、個別に補完用のデータを準備しました。タグと一緒で最新版がダウンロードできます。

短縮ボタン

任意のタグが生成できるようになったことで、短縮ボタンも実現できました。下書きとかクリエイターズ記事とか、自分がよく使うボタンを設定。

クリエイターズ系のボタンは申請前の記事にだけ出ます。これはクリエイターズ登録してない人がボタンを見て勘違いしないように、という理由です。

人によって頻出タグは違うし、自分の名前入りタグとかも使ってる人もいるから、カスタマイズ出来るボタンもあった方がいいような気がしてる。ユーザー登録タグの先頭3つとか。配置が悩ましいんだけど、技術的にはできそうな気がする。

NG候補の非表示化

やっぱり見えてると邪魔なので、消しました。消えてるタグの確認をしたいこともあるので、チェックボックスでのオンオフ方式出す。デフォルトの設定はオンですが、オフにすると0.95と同じ黒表示になります。

それとNG判定を少し緩和しました。カッコ類を条件から外して、あとスペースによる分割数も5分割まではギリOKということに。

こうすることで消せないタグも出てくると思いますが、これもネットから最新データを取れるようにしてるので、個別に追記した方が誤爆が防げていいだろうという判断です。

分割数はスクリプト側でしかいじれないので、5分割でも厳しい事例があれば教えてください。

2020年4月の予定

まずはDLchannel_Extenderのアップデート。

先日ひさしぶりのアップデートをしましたが、大きな技術革新があって、任意のタグを任意のタイミングで作成できるようになりました。これによって入力補完とか色々できるようになったます。これをもうちょっと便利にする予定。

あと標準組み込みタグの増量。これも技術革新とちょっと関係があるんですが、従来は色付けだけだったので、あんまり増やしても意味がない面があって。独自に候補表示できて、タグも作れるようになったので、登録しておくことによる利便性が増しました。すでに数十個増やしてますが、これも更に増える見込み。

ゲームの方は予定通り、Mount&Blade2買いました。動画を取ろうかとも思ったんですが、どうもこのところ体調がイマイチで。発売前からドキドキしすぎたせいか、あんまり寝れてない感じで。

とりあえず戦闘解説とか、テーマを絞った動画をいくつか作りたいんですが、そもそも戦闘あんまり得意じゃない問題とかも浮上してます。ただこのゲーム別に無双ゲーじゃないんで、主人公が1人でバッサバッサ倒さなくても結構大丈夫なんで。

動画といえば素晴らしき国家の築き方の動画編集も終わってないんですよね……編集済みの動画も3本、1時間分ぐらいはあるんですが、記事は1本にしたいんで、まとめて出そうかなと。このゲームはユーザーイベントを作る機能もあるんで、これについてもちょっと考えはあるんですが。

せっかく新作で買ったことだし、Mount&Blade2が優先順位高め。ただこれあんまり寝る前にやるもんじゃないなというのがあって。敵に攻撃が当たらなかったこととか、反芻しちゃうんで。寝れなくなる。そこで落ち着けるゲームも並行してやろうと思ったわけです。神の目のアイオーンも始めました。

うすうす落ち着けないやつのような気はしてたんだけど、なんかやりたくなったんで。しかしこれもとんでもないゲーム。みんなおすすめだけどおすすめできないと言ってる理由がよくわかりました。

あとは記事の方は先月やってたゲームの話がいくつかあって。アブノーマルお題で、探してもいいのがないからもう自分で描いてしまうかと思ったり。リングフィットもちゃんとやってます。腕とお腹を鍛えたかったのに、なんか足がムキムキになってきてたり。そんな感じです。

先月の記事まとめも作らないと……

『DLChannerl_Extender』に自作の入力補完などを追加しました

DLチャンネル記事編集用『DLChannel_Extender』(2020/4/3更新) - うらうなぎ - Ci-en（シエン）

久々にアップデートしました。

今回の目玉機能は2つで、2つともタグの入力に関する機能です。

どちらも完璧ではない部分があって、時々誤動作することもあるんですが、それを割り引いても飛躍的に便利になると思います。

新機能の話

不要なタグの除外

DLチャンネルの仕様上、明らかに書き間違えのようなタグが入力補完に出てきてしまいます。これを間違って入力しないように色分け機能があるわけですが、そもそも選択不可能にすればいいじゃないか、ということで改良を試みました。

不要なタグは非表示にも出来るのですが、間違って有用なタグを消してる可能性も高いので、一応見えるようにしておいた方が安全だろうという判断で、黒塗り表示になってます。将来的には非表示にしようと思ってます。

タグの色がつくまでに一瞬の間があるので、その一瞬を狙ってクリックすればすり抜け可能です。でも普通はそこまで素早い操作はしないし、厄介だったEnterでの即時確定は防げたはずなので、実用上の問題はないはず。

自前で入力補完

上記の改良で間違ってクリックしないようにはできますが、そもそも入力補完に出てきてくれないタグはどうしようもないです。『クリエイターズ記事』の場合、"クリエイターズ記"とか"ズ記事"とか入れないと、正しいタグが出てこないです。

もう1つ気になっていたことがあって『巨乳/爆乳』のようなタグですが、"巨乳/爆"と入れた時に入力補完してくれません。これは内部処理がバグってそう。

……というような問題に対処するために、入力中に公式の補完とは別に自前で「必要なのはこれじゃないですか？」っていう候補を出すようにしました。"クリ"だけでクリエイターズ記事が出せる。乳だけでも乳系タグが色々でます……DLsiteのタグ以外におれが個人的に入れてるタグも出ちゃいますが、変な性癖が見えるだけで実害はないはず。

出てきた候補をクリックすればタグとして入力されますが、候補をダブルクリックみたいな感じで押した場合は、タグの入力に失敗することがあります。あわてずにクリックして、失敗したらもう一度やるという感じです。

もう少し細かい話

不要なタグとして判断する基準

不要なタグの判定条件ですが、これは厳しすぎてもよくないし、個別で追加した方がいいのもあるだろうと思うので、条件は調整していくことになると思うし、要望も受け付けてます。

初回リリース時の設定としてはこんなかんじです。

• (1)タグにNGワードが含まれてる
• (2)スラッシュかスペースで区切った部分が、他のタグと一致してる
• (3)スラッシュかスペースで4つ以上に分割されてる

(1)はシンプルな仕組みです。NGワードがタグのどこかに入ってると不要判定します。

""／","　","＃","「","(","（","クリエイター","クリエーター","Ｒ１８","Ｒ18"

全角記号とかは多分誤植だろうというのと、クリエイターズ記事系の誤植タグを弾こうとしています。あとR18タグのRが全角になってるのはたぶん誤植だろうと。全角英数字全部弾くことも出来るけど、それはサークル名とかで困るかもと思ったのでやってません。括弧類も禁止してますが、これは要るやつだったかもしれない。全角スペースもNGになってます。

(2)はどういう話かというと、爆乳/巨乳みたいなタグを見かけた場合、まずは"爆乳"と"巨乳"に分離します。先頭の"爆乳"が、他のタグ（巨乳/爆乳）とかぶってるので、多分順番が入れ替わってるんだろう、という判定です。

これは区切ってない場合は無効で、例えば"日焼け"は、褐色/日焼けとかぶってるけど、通します。このへんは色々こだわりも利便性もあるので。

(3)はやたり区切りの多いタグ、例えば"スカトロ ふたなり 巨乳/爆乳 変態/マニアック"みたいなのを除外するための条件です。

……まあこの例だと(2)だけでも除外されるんですが、別の文字の場合でも、大量に区切ってあるのはあやしいから除外しとく感じです。

こういうタグの付け方が有効なサイトもあるんですが、DLチャンネルの場合タグ内の文字列に部分一致はしないので、検索に引っかからりません。記事同士のつながりもないのでタグとして無意味です。（検索に掛けたいなら、概要の最後あたりに書いた方がいい）

ただ、サークル名などでスペース区切りがないと困る時もあるかなというのもあって、区切りが2つまでのはセーフとしてます。

独自入力補完の仕組みについて

指定した文字を入力欄に入れて、公式の入力補完を出して、出てきたやつの中からピッタリ一致するのをクリック……というのを自動でやってます。若干のタイムラグがあるので、途中で変なところをクリックするとキャンセルされちゃうことがあります。

タグとの一致検索の仕組みも、ちょっと頑張ってみて、平仮名とカタカナとか、全角と半角が違ってても、候補に出してくれるようになっています。"ふた"と入れただけでフタナリが候補に出るので、あーそっちか、みたいな。部分一致方式なので、"解説"で〇〇解説とかも出ます。どの○が正しいかとか考えなくてOK。

従来は「色がついてないから書き間違え」と気付けるのはウリでしたが、今度からはズバリ正解を教えてくれるので、当たりを探す手間も省けるようになりました。

順番間違えとかを、目くじら立てて除外しなくても、こっちの機能が充実してれば十分かなと思ったりもしてます。

わかってる問題としては、一文字だけ、例えば"ス"とか入れると結構な数のタグが出ちゃうところです。邪魔になるから個数制限を付けた方がいいかもしれない。

あと処理は確実に重くなってるだろうと思います。頻繁に調べてるのでどうしても。ただブラウザ内で完結してる話で、サーバーに負荷がかけてるわけではないので、PCさえ強ければ問題ないはず。機能のオンオフを付けることは多分可能。