キャラソート・推しソートメーカー
候補を1行ずつ入れるだけで、二択で選ぶキャラソートが完成。URLを発行して友達に配り、みんなの推しランキングを比べよう。
✏️ ソートを作る
名前だけでOK。コピペで一気に貼り付けられます。
🔗 画像URLを入れると、配布先でも表示されます(Wikipedia・公式サイト・自分のブログなどに置かれた画像のURL)。
📁 端末の画像はこのブラウザにだけ保存され、自分の画面と結果画像に使えます。配布先には送られません。
JSONは候補・タイトル・画像URLをまとめた1つのファイルです。バックアップに使えるほか、候補が多くてURLが長すぎるときはこのファイルを配れば長さの制限がありません。
どちらが好き? 好きな方を押してください
← → キーでも選べます(↓ で引き分け、Backspace で戻る)。途中経過は自動保存されるので、閉じても同じURLから再開できます。
🏆 結果
🖼 結果画像
自分のサイト名・アカウント名・企画名などを焼き込めます(空欄なら当サイトのURL)。
画像は上位20件まで。X投稿には上位3位とこのソートのURLが入ります。
👥 推し被り度 — みんなの結果を比べる・合算する
同じソートを遊んだ友達の集計コード(または結果テキスト)を貼ると、あなたとの一致度と、全員の順位を平均した合算ランキングが出ます。計算はこの画面の中だけで行い、サーバには何も送りません。
「結果テキストをコピー」にも同じコードが入っています。友達に送ってもらいましょう。
🛒 推し活のおとも
🗳 キャラソートメーカーの使い方・活用シーン
アニメ・ゲーム・アイドル・VTuberなど、好きな作品の全キャラを入れて自分の本当の順位を確定。「全員好きだけど1位は誰?」に答えが出ます。
URLを1本送るだけで、同じ候補で全員が遊べます。結果画像を並べれば「推し被り」「意外な1位」で会話が盛り上がります。
アルバム全曲やライブの候補曲を入れて、自分の好きな曲ランキングを作成。セトリ予想や「歌ってほしい曲」募集にも。
おにぎりの具、コンビニスイーツ、ラーメン店…。ネタ系ソートは配りやすく、X・Discordでの企画にぴったりです。
欲しいグッズや行きたいイベントを入れて順位付け。予算内で「上位から買う」と決めれば迷いが減ります。
視聴者に事前にURLを配って結果を集め、配信内で「みんなの1位発表」。結果画像をそのまま画面に出せます。
📖 キャラソートの作り方・配り方
作り方は3ステップ
- タイトルと候補(1行に1つ)を入力する。作品の公式サイトやWikipediaのキャラ一覧をコピペすると早いです。
- 必要なら画像を付ける(任意)。画像URLを入れれば配布先でも表示されます。
- 「配布URLを発行」を押してURLをコピー。これだけで完成です。
候補はいつでも編集できます。URLの中にデータが入っているため、候補を変えたら新しいURLを発行し直してください(古いURLも引き続き遊べます)。
配り方(Xでの募集例)
「X で募集ポスト」ボタンを押すと、上の形の文章がURL付きで自動で入ります。ハッシュタグを作品名に変えて投稿してください。LINE・Discord・noteに貼る場合はURLをそのまま貼るだけで遊べます。
なぜ「二択」だと正確に順位が付くのか
全員を一度に並べようとすると、中位の候補ほど「どっちが上か分からない」まま適当に置いてしまいがちです。二択は毎回「この2人ならどっち?」だけを聞くので、判断がぶれません。
このツールはマージソートという並べ替えの方法を使っています。候補数を n とすると二択の回数はおよそ n × log₂n 回で済み、たとえば20件なら最大73回、50件なら最大245回、100件なら最大589回です(実際は答え方によってこれより少なく終わります。ランダムに答えた実測では100件で平均480回前後でした)。すべての組み合わせを比べる場合(100件で4,950回)に比べて大幅に少なく、しかも順位は正確です。
「自作ソートのHTMLを配布してください」への回答
キャラソートを自作したい方の多くは「HTMLの編集が分からない」「置く場所がない」で止まってしまいます。このツールは候補データをURLの中に入れる方式なので、サーバもHTMLの知識も不要で、URLを発行した瞬間に配布できます。作ったソートは当サイトに保存されず、URLを持っている人だけが遊べます。
みんなの結果を比べる(推し被り度)
結果画面には集計コードという短い文字列が出ます。同じソートを遊んだ友達のコード(結果テキストをそのまま貼ってもOK)を結果画面の「推し被り度」に貼り付けると、一致度(%)と全員の順位を平均した合算ランキングが出ます。一致度は「同じ並びなら100%、完全に逆順なら0%」になるよう、順位の差の合計から計算しています。サーバを持たないツールなので、集計もすべて自分のブラウザの中で行います。
URLが長すぎるときは(JSONファイルで配る)
候補が多い・画像URLが長いとURLが4,000文字を超え、Xの投稿では切れることがあります。その場合は「作る」画面の「JSONで保存」で1つのファイルにして、LINE・Discordなどで送ってください。受け取った人は「JSONを読み込む」→「自分で今すぐ遊ぶ」で同じソートを遊べます。自分のバックアップにも使えます。
画像について(2つの方法)
- 画像URL:候補ごとにネット上の画像のURLを指定します。配布先でも同じ画像が表示され、結果画像にも(画像の置き場所が許可していれば)入ります。表示できない場合は名前だけで進みます。
- 端末の画像:スマホ・PCにある画像を自分のブラウザに保存します。自分の画面と結果画像に使えますが、URLには含まれないので配布先には送られません。著作権のある画像を配布したくない場合に安心です。
🙋 作った人のひとりごと
知恵袋やXを見ていると、「推しのキャラソートがないから自作したい」「HTMLをいじれと言われたけど無理」という声がずっと流れていました。既存のキャラソートは有志が作品ごとにHTMLを置いてくれているものが多く、マイナー作品や自分の界隈のメンバーだと存在しないんですよね。だったら「候補を貼るだけ・URLを配るだけ」にすれば、誰でも作れるはずだと思って作りました。
作ったソートを当サイトで預かる方式にすれば短いURLにできますが、他人の作品名や画像を預かる以上、管理の責任が発生します。代わりにデータをURLに圧縮して詰め込む方式にしました。URLは長くなりますが、当サイトが消えない限り(そして消えてもデータはURLの中にあるので)作ったソートが失われることはありません。
特定の作品名を出すと「なぜうちの推しがいない」になるので、誰でも1位が決められる題材にしました。ちなみに作者の1位は明太子です。異論は結果画像で受け付けます。
— MyTool Studio 運営
❓ よくある質問
🛠️ このツール、作り方を全部公開しています(無料)
このページのキャラソートは、ライブラリを一切使わずHTMLファイル1個で作っています。その完成ファイル(このページと同じ全機能)と全コード+作り方の解説を、note『まるっとアプリ #13』で無料公開中。ダウンロードしてダブルクリックすれば、自分のサイトに置ける自分専用のソートメーカーになります。
- 候補をURLに圧縮して詰める仕組み(deflate-raw+base64url)と、その限界の実測値
- 「1つ戻る」を履歴の再生で実現する、マージソートの組み立て方
- 推し被り度(一致度%・合算ランキング)を集計コード1本で計算する方法
- 全コードにコメント付き・自由に改造OK・自分のサイトに設置OK
※フロントのコードはF12でも見えますが、整理済みの全ソース+コメント+作り方解説をまとめた教材です。無料号なので、シリーズの型を見本として確かめられます。