本文へスキップ
odacchi
作品の一覧へ

雪に覆われた世界

ホワサバ編成レーダー

その編成、本当に強い?

英雄 3 体と出す兵種を選ぶだけで、兵種ごとの火力と耐久がレーダーに。効いていないバフまで見え、4 編成を並べて比べられます。

  • 公開中
  • 登録なし・無料
  • 非公式ファンツール
  • 日本語・English

ホワサバ編成レーダーは、個人が運営する非公式のファンツールです。 Whiteout Survival は Century Games の作品です。

3 つの編成を横に並べた比較。各列に総合・火力・耐久の倍率、六角形のレーダー、ターンごとの強さのグラフ
スマホで編成 A の総合・火力・耐久の倍率と、兵種ごとの火力と耐久を示す六角形のレーダー

段を横一線にそろえ、数字もレーダーもグラフも、編成どうしをそのまま見比べられる。 答えの図がいちばん明るい。

こんな人の、こんな不便に

  1. 誰に

    Whiteout Survival(ホワサバ)で、集結・防衛・熊罠の編成を考える人。

  2. 困りごと

    攻略サイトは「その英雄が何を持っているか」は教えてくれても、自分の編成がどれだけ強いか、どこが無駄になっているかは分からない。

  3. こう解いた

    編成の強さを推定してレーダー 1 枚に。効いていないバフ(死に枠)まで見せ、4 編成を横に並べて比べられるようにした。

画面で見る

同じ 3 編成の比較を、ダークテーマで表示した画面
ダークテーマは色を反転させず、ゲームの色相のまま明るさだけを変える。
スマホで編成 B の列を見ている画面。右端から編成 C の列が覗いている
スマホでは縦に積まず、次の編成が右端から覗く。
図の上に開いた「図の条件」のシート。場面・兵種・相手・図に出すものを切り替えるボタン
図を見たまま条件を切り替える。選んでも閉じず、背景も暗くしない。
共有のシート。「この図」の共有・リンクのコピー・QR と、「このツール」のリンクのコピーが分かれている
「この図」と「このツール」の共有を分け、道具を紹介したつもりで編成を配る事故を防ぐ。

2026 年 10 月の画面です。

動画で見る

紹介動画: 「ホワイサバ」その編成、本当に強い? 編成の強さが見える「ホワイサバ編成レーダー」

使い心地へのこだわり

  1. 答えが、いちばん明るい

    したこと

    カードの中を「入力・答え・根拠」の 3 つの面に分け、明るさの順を読む順にした。答えの図がいちばん明るい。詳しい分析は畳んで始め、但し書きは ⓘ の吹き出しにしまう。

    使う人にうれしいこと

    初めて開いた人も、どこを見ればいいか迷わない。難しそうな道具に見せない。

  2. 図を見たまま、条件を切り替える

    約 2,300px の往復をゼロに

    したこと

    場面・出す兵種・相手を、図の横から開くシートで切り替えられるようにした。選んでも閉じず、背景も暗くしない。

    使う人にうれしいこと

    スマホで条件と図のあいだを行き来していたスクロールがなくなった。

  3. 4 つの編成を、段ごとに比べる

    最大 4 編成

    したこと

    編成のカードを横に並べ、盾・槍・弓の段を横一線にそろえた。複製は「すぐ右に、中身ごと」。並べ替えはドラッグでもキーボードでもでき、持ち上がって、すべって収まる。スマホでは次の列が右端から覗く。

    使う人にうれしいこと

    「1 体だけ入れ替えたらどうなるか」を、すぐ試して見比べられる。

  4. 1 押しで、図まで

    総当たりでも 5〜40ms

    したこと

    「S17 の3体で試す」を押せば、最新世代の英雄が入ってすぐに図が出る。乗り英雄は「おすすめで埋める」で総当たりから選び、伸びを +N% で見せる。初めての人に自動のツアーは出さず、空の画面で足りない英雄を名指しする。

    使う人にうれしいこと

    説明を読む前に、触って分かる。

  5. そのまま、同盟に渡せる

    1,061 → 407 字

    したこと

    図が変わる条件をすべて URL に載せ、リンクを 1,061 字から 407 字に縮めた。画像・リンク・QR・OS の共有で渡せる。画像は、写る範囲を押す前に点線で見せる。人のリンクを開いても、自分の保存は上書きしない。

    使う人にうれしいこと

    「この編成どう思う?」を、画像 1 枚やリンク 1 本で相談できる。

  6. 小さな字まで、読める色に

    明暗比 3:1 未満の小さな字 83 → 0

    したこと

    ゲーム画面から色を測り、ゲームの部品の形に寄せたうえで、明暗比を計算で決めた。字は 16px、押せる範囲は 44px 以上。兵種や編成は、色だけでなく字でも示す。

    使う人にうれしいこと

    ゲームの延長のまま触れて、スマホでも読みやすい。

数字で見る

収録した英雄
65
収録した遠征スキル
182
並べて比べられる編成
4
通っている自動テスト
821
対応している言語
2
日本語・English

2026 年 10 月 7 日時点

制作のきっかけ

やり込んでいるゲームの一つです。詳しいサイトやツールはたくさんあるのに、みんなが欲しいはずの「編成を比べる道具」は見当たりませんでした。こうした分析は、もともと得意な領域です。UI/UX へのこだわりも含めて、自分がつくったほうが良いものができると思いました。

続けやすいことも理由の一つです。新しい英雄が出るのは、せいぜい 3 か月に 1 度ほどなので、手入れの手間が小さく済みます。

技術と担当

担当
企画・デザイン・開発・公開まで、ひとりで
期間
2026 年 9 月〜(育て続けている)
技術
  • Vite
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Chart.js
  • Cloudflare Workers
  • Python(データの整備)

使ってみる

登録なし・無料。入力した内容は、お使いの端末にだけ保存されます。

ホワサバ編成レーダーを開く(新しいタブで開きます)

https://wos.henseiradar.com/

似たものをつくりたい方へ

Web サービス・ツール開発: 比較的小さな Web サービスや、業務・趣味のためのツールをつくります。

ホワサバ編成レーダーは、個人が運営する非公式のファンツールです。 Whiteout Survival は Century Games の作品です。