メインコンテンツへスキップ

無料コイン投げ&スピンホイール

仮想コインをフリップしたり、カスタマイズ可能なホイールをスピンしたり、オプションのリストからランダムに選択したりします。ブラウザの暗号化的に安全な乱数性を使用します — 検証可能な公開抽選ではないため、規制されたコンテストは避けてください。

読み込み後はオフラインでも動作

🔒 3つすべてがブラウザの暗号化的に安全な乱数生成器を使用します:結果は最初に選択され、その後アニメーション化されます — コインは真の50/50、ホイールは既に選択された結果にスピンされ、ピッカーは偏りがありません。何もデバイスを離れません。これはカジュアルな使用には公平ですが、検証可能な公開抽選ではないため、規制されたコンテストまたは高額な決定は避けてください。

主な用途

  • 意思決定にコインを投げる2つのオプション間で立ち往生している場合、公正な仮想コインフリップを使用して迅速で偏見のない決定を下します。
  • チームランダム割り当て用のスピンホイールカスタマイズ可能なスピンホイールを使用してチームメンバーをタスク、役割、またはグループにランダムに割り当て。
  • 教室用のランダム学生ピッカースピンホイールまたはオプションピッカーを使用してランダムに学生に質問、グループを割り当て、またはボランティアを選択。
  • スポーツ用の仮想コインフリップチーム側、最初のポゼッション、サーブ順序、またはその他のスポーツ決定を決定するために公正なコインをフリップ。
  • プレゼント企画用のランダムピッカーオプションピッカーを使用してエントリリストからランダムな勝者を選択 — 透明で公正。

使い方

3つのモード — コイントス、ルーレット、選択肢ピッカー — はすべて、ブラウザ内蔵のWeb Crypto API(crypto.getRandomValues)を使って勝利結果を生成し、その後CSSトランスフォームとrequestAnimationFrameで完全にクライアントサイドでアニメーションを制御します。サーバーはどの時点でも関与しません。

  1. 1
    Web Cryptoが勝者を選ぶ
    アニメーションが始まる前に、crypto.getRandomValuesがUint32Arrayに暗号学的にランダムな32ビット整数を埋め込みます。剰余演算でそれを選択肢数(表裏なら2、ホイールやピッカーならN)にマッピングするため、すべての結果は正確に等しい確率になります。
  2. 2
    結果に着地するよう回転角が計算される
    コインの場合、コードは正しい面が上になる(表は0°、裏は180°)ために必要な最短の追加回転(現在の累積角に加える形)を計算し、実際に転がったように見せるため5回転分を追加します。ホイールも同様です:勝利のスライスをポインターの下に持ってくる角度オフセットを見つけ、6回転分を追加し、ポインターが常にスライスのど真ん中で止まらないよう小さなランダムなジッターを適用します。
  3. 3
    CSSトランジションとrequestAnimationFrameがアニメーションを駆動する
    コインとホイールは、単一の累積回転値にcubic-bezierイージングカーブを適用したCSSトランスフォームでアニメーションします — 角度が設定されればフレームごとのJavaScriptは不要です。選択肢ピッカーは代わりにrequestAnimationFrameを使用します:各フレームで、二次関数的に増加する間隔がハイライトを進めるかどうかを決定し、事前に決まった勝者で必ず止まるスロットマシン式の減速を生み出します。
  4. 4
    結果が表示されセッション履歴に記録される
    アニメーションが完了すると(コインは1.3秒、ホイールは4.3秒)setTimeoutが発火し、結果を状態に書き込みます。コインモードでは最大24回分の表裏カウント付きセッション履歴が保持されます。prefers-reduced-motionを有効にしているユーザーはアニメーションを完全にスキップし、結果を即座に確認できます。

ガイド

実例

「コインを投げる」タブでページを開き、「コインを投げる」を押します(コインをタップしても同じです)。コインが回る 1.3 秒の間、ボタンには「投げています…」と表示され、その後「表!」または「裏!」が、「5 回中 表 3 / 裏 2」のような行と H と T のチップの列とともに表示されます。「ホイールを回す」に切り替えると、Pizza、Sushi、Tacos、Burgers で始まります。「選択肢を追加…」に Ramen と入力して Enter を押すと、72 度ずつの 5 つのスライスになります。「ホイールを回す」を押すと、4.3 秒後にポインターが止まり、ボックスに「勝者」と名前が表示されます。「勝者を削除して再度スピン」は、選択肢が 2 つより多く残っている間に表示されます。「ランダムに選ぶ」タブで、Yes、No、Maybe の状態で「ランダムに選ぶ」を押すと、最大 1.6 秒間行が順番に光り、「選択結果」のボックスに答えが表示されます。

使用する設定と制限事項

  • コインかボタンをタップして、着地を待ちましょう。 「コインを投げる」とコイン自体のどちらでも、投げ始められます。結果はアニメーションの開始前に、ブラウザーの安全な乱数生成器を使って決まるため、本当に 50/50 で、回転はそれを見せているだけです。その 1.3 秒の間に追加でタップしても無視されます。コインの下のチップは直近 24 回の結果を新しい順に表示し、「N 回中 表 / 裏」の行はせいぜいその 24 回を数えるので、24 回を超えて報告されることはありません。リストはページを開いている間だけ保持されます。
  • 最大 24 個の選択肢でホイールを作りましょう。 「選択肢を追加…」に入力して、Enter か「+」を押します。各選択肢は 24 文字で切り詰められ、「+」は、ボックスが空のとき、ホイールが回っている間、選択肢が 24 個のときはグレーアウトします。選択肢の横の×で削除できます。その場での編集はないので、削除してから追加し直してください。「ホイールを回す」には少なくとも 2 つの選択肢が必要です。16 文字を超えるラベルはスライス上では短縮されますが、勝者のボックスには全文が表示されます。同じ選択肢を 2 回追加すると、2 つのスライスになるため、当たる確率が 2 倍になります。
  • 順番を決めるには、勝ち抜き方式を使いましょう。 回した後、「勝者を削除して再度スピン」を押すと、勝者がホイールから外され、残りですぐにもう一度回ります。選択肢が 2 つより多く残っている間だけ表示されるので、最後の回は 2 つの間で決まります。進行順の抽選や、選択肢を 1 つずつ脱落させるのに使えます。ブラウザーが対応している場合に表示される「全画面」は、選択肢のリストを隠し、ホイール、勝者、回すボタンだけを残すので、教室の画面に向いています。回っている間は、選択肢の追加や削除はできません。
  • 単純なリストには、ランダムに選ぶ機能を使いましょう。 各選択肢には専用の行があります。Enter で下に行を追加し、上下の矢印キーで行間を移動し、空の行で Backspace を押すとその行が削除されます。×ボタンでも行を削除できますが、1 行は必ず残ります。空白の行は無視され、「ランダムに選ぶ」は、少なくとも 1 行にテキストが入るまでグレーアウトしています。入力済みの行が 1 つだけの場合は、アニメーションなしですぐに答えが出ます。ホイールの 24 個より多くの行を追加できますが、共有リンクに保持されるのは最初の 50 個だけです。
  • ホイールやリストをリンクとして共有しましょう。 「結果を共有」は、「ホイールを回す」と「ランダムに選ぶ」のタブの下に表示されます。選択肢を変更すると、ページのアドレスの # の後に両方のリストが入り、ボタンがそのリンクをコピーするか、スマートフォンでは共有シートを開きます。ブラウザーは # より後の部分をサーバーに送りません。リンクを開くと、各選択肢は 24 文字に切り詰められ、ホイールは 24 個、ピッカーは 50 個まで保持され、選択肢内のカンマは保たれます。1,800 文字を超えるアドレスは破棄され、選択肢のない通常のリンクになります。
  • ここでの公正さの意味を知っておきましょう。 3 つのモードすべてが、ブラウザーの暗号学的に安全な乱数生成器を使います。結果が先に選ばれ、アニメーションはそこに着地するように作られます。スライス内でポインターが止まる位置の小さなずれは、見た目のためだけです。気軽な選択には公正ですが、ページ自身が検証可能な公開抽選ではないと述べているため、規制のある抽選や高額な判断には使わないでください。デバイスがモーションを減らす設定になっている場合、3 つともアニメーションを省略して結果をすぐに表示します。

よくある問題とその解決方法

「ホイールを回す」ボタンがグレーアウトしている。
ホイールが回っている間と、選択肢が 2 つ未満のときは無効になります。「選択肢を追加…」で別の選択肢を追加して、Enter を押してください。×ボタンは選択肢を 0 個になるまで削除できるため、ホイールの選択肢が少なすぎる状態になることがあります。
「選択肢を追加…」の横の「+」ボタンがグレーアウトしている。
ボックスが空またはスペースだけのとき、ホイールが回っている間、ホイールにすでに 24 個の選択肢があるときは無効になります。24 個の場合は、先に選択肢を削除してください。24 文字を超えて入力した部分は、選択肢が追加されるときに切り捨てられます。
共有リンクが「コインを投げる」タブで開く、または選択肢が失われている。
編集後に作成されたリンクには、ホイールのリストとピッカーのリストの両方が含まれます。両方がある場合、ページは「コインを投げる」を選択したままにするので、「ホイールを回す」または「ランダムに選ぶ」を開いて選択肢を探してください。アドレスが 1,800 文字を超えた場合(非ラテン文字は、エンコード後 1 文字が約 9 文字になるため、すぐに超えます)、「結果を共有」は選択肢のない通常のリンクを作ります。24 文字を超える選択肢は切り詰められ、リストは 24 個(ホイール)または 50 個(ピッカー)に制限されます。
長い選択肢の名前がホイール上で切れて見える。
16 文字を超えるラベルは、スライスに最初の 15 文字だけが「…」付きで表示され、ラベルが長いほど文字が小さくなります。勝者のボックスには全文が表示されます。ホイールを離れた場所から読む必要がある場合は、短い名前を使ってください。
コインやホイールが回転せず、すぐに結果が表示される。
お使いのデバイスまたはブラウザーがモーションを減らす設定になっており、ページはそれを尊重しています。コイン、ホイール、ピッカーはアニメーションを省略して、すぐに結果を表示します。結果は同じ方法で選ばれます。アニメーションを戻したい場合は、システムのアクセシビリティ設定でその設定をオフにしてください。

比較

本物のコイン、サイコロ、紙きれは誰もが見て確認できるものです。このページは、それらがないときの手早い代わりで、コイン、名前のホイール、リストのピッカーを 1 か所にまとめています。すべての選択肢は同じ確率で、選択に重みを付ける唯一の方法は、複数回追加することです。一度に投げるコインは 1 枚で、ページを開いている間は 24 回分を記憶します。ホイールとピッカーのリストはページのアドレスに保持されるので、再読み込みしても残ります。ページには、何もデバイスの外に出ないと記載されています。公開された記録やシードがないため、抽選が公正だったことの証明にはならず、規制のある抽選や賞品には適していません。アカウントも音もありません。

関連ツール

よくある質問