結果はクライアント側のランダムアルゴリズムで決まります。Super SpinWheel は結果を保証しません —— 常識の範囲でお使いください！
オンラインルーレットの使い方
1. 項目を追加する
「編集」パネルを開き、1 行に 1 項目を入力します —— 名前、賞品、店名、タスクなど何でも構いません。入力中は右側に項目数がリアルタイムで表示されるので、確認して「ルーレットを更新」をクリックします。
2. ルーレットを回す
「回す」をクリックすると、ポインターが円盤の減速に合わせてどこかの区画で止まります。回転時間は 2〜10 秒の間で調整できるので、期待感のある長さを選びましょう。
3. 結果を確認して共有する
結果はモーダルで表示され、同時に「結果」リストへ記録されます。共有リンクをコピーして同じ項目を他の人に送ることも、「当選項目の自動削除」を有効にして何度も続けて抽選することもできます。
Super SpinWheel の機能
「回すだけ」にとどまらず、実際の場面で使いやすくするための細部も備えています：公平な乱数、カスタマイズできる見た目、連続抽選への対応、そして共有できる設定です。
暗号学的に安全なランダム抽選
ランダムな角度はブラウザの crypto.getRandomValues() から得られ、予測可能な Math.random() は使いません。抽選やグループ分けのように信頼性が必要な場面では、この違いが重要です。
配色とタイトルのカスタマイズ
レインボー、オーシャン、サンセット、フォレスト、キャンディの 5 種類の配色を内蔵し、ルーレットのタイトルも設定できます。さらに任意の画像を円盤中央のロゴとしてアップロードでき、イベントや授業、配信での利用に便利です。
当選後の自動削除
有効にすると、当選した項目がルーレットから取り除かれ、続けて抽選できます（複数の賞品を引く、順番に指名するなど）。項目を手で消す必要はありません。
設定を共有できる
「共有リンクをコピー」は現在の項目と設定をリンクにエンコードします。相手が開くとまったく同じルーレットが表示されるので、同じ抽選ルールを同僚や友人に渡すのに向いています。
ルーレットツールとは？
ルーレットツール（wheel spinner）は、複数の項目を円盤上に描き、各項目に等しい面積の扇形を割り当て、固定されたポインターで結果を決める仕組みです。その価値は「ランダム」そのものではなく、ランダムな過程を見えるようにし、信頼できるものにする点にあります —— ポインターが確かにそこで止まったことを誰もが見られるので、特定の誰かを信じる必要がありません。
乱数を返す関数を書くのと比べて、ルーレットは「どうすれば納得してもらえるか」という問題も解決します。授業での指名、チームのタスク割り当て、配信での抽選、友人同士でどこで食べるかの決定 —— こうした場面に必要なのは、まさにこの公に見える公平さです。
ルーレットはどう回っているのか
円盤の描画
円盤は HTML5 Canvas で描画されます：各項目は等角度の扇形に対応し、色は選んだテーマに沿って繰り返し塗られ、文字は半径方向に沿って配置され、必要に応じて折り返すか文字を小さくします。
ランダムな角度はどこから来るのか
回すをクリックすると、まず crypto.getRandomValues() でランダムな角度を生成し、さらに十分な周回数を加えて見た目にも長く回るようにします。ポインターが最終的にどの扇形に入るかが、この角度の着地点です。
なぜ「自然に止まった」ように見えるのか
回転にはイージング（緩和）曲線を使っています：フレームごとの回転量は残りの角度に応じて減っていき、速さが滑らかに落ちていきます。これは視覚効果であり、着地点は最初のフレームでランダムな角度によってすでに決まっています —— 「ゆっくり乱数を引く」のではなく、「乱数を引いてからゆっくり見せる」のです。
結果はどう決まるのか
ポインターは 12 時の方向に固定されており、円盤の最終的な回転角がポインターの指す扇形を決めます。プログラムは角度から扇形のインデックスを逆算し、対応する項目を取り出して結果とし、履歴に記録します。
このルーレットを使っている人
教師と授業
ランダムな指名、グループ分け、発表順の決定。画面共有していれば、ポインターが誰の名前で止まったかをクラス全員が見られるので、「先生が選んだんだろう」という疑いが自然に消えます。
チームとイベントの進行役
タスクの割り当て、賞品の抽選、発言順の決定。「当選項目の自動削除」と組み合わせれば、1 回の流れで複数の賞品を順に引き当てられ、当選者を手で消す必要がありません。
友人同士のちょっとした決定
どこで食べるか、どの映画を観るか、誰が払うか —— 項目をルーレットに入れて、結果を受け入れましょう。議論するより、一度回したほうが早くて楽しいことがほとんどです。
よくある質問
ルーレットツールとは何で、どう動作しますか？
ルーレットツールは複数の項目を円盤上に描き、各項目に等しい面積の扇形を割り当てます。回すをクリックするとプログラムがランダムな角度を生成し、円盤が回転して止まり、ポインターの指す扇形が結果になります。計算はすべてお使いのブラウザ内で完結します。
このルーレットの結果は本当にランダムですか？
はい。ランダムな角度はブラウザの crypto.getRandomValues()（暗号学的に安全な乱数生成器）から得られ、予測しやすい擬似乱数関数は使いません。すべての項目が円盤上で同じ面積を占めるため、選ばれる確率は等しくなります。
どう回っていて、なぜ自然に止まるように見えるのですか？
回転はイージング曲線で制御します：フレームごとの回転量が残りの角度に応じて減るため、速い状態からゆっくりと滑らかに収束します。着地点は最初のフレームでランダムな角度によって決まっており、以降のアニメーションはその結果を見せているだけです。
名前を選ぶツールとしても使えますか？
使えます。1 行に 1 つ名前を入力すれば、そのまま名前選び（random name picker）になります。「当選項目の自動削除」と組み合わせれば、重複しない複数の候補者を続けて引けるので、抽選や順番待ちの指名に適しています。
項目は最大いくつまで追加できますか？
厳密な上限はありません。実際に使える数は画面の大きさと文字の長さによります —— 項目が増えるほど 1 つの扇形が小さくなり、文字も密になります。経験的には 20 項目以内が見た目に一番よく、それを超える場合は項目の文字を短くすることをおすすめします。
どんなカラーテーマとカスタマイズがありますか？
レインボー、オーシャンブルー、サンセット、フォレストグリーン、キャンディの 5 種類の配色を内蔵；ルーレットのタイトル（円盤の上に表示）を設定できます；円盤の中央をクリックして任意の画像をロゴとしてアップロードすることもできます。回転時間は 2〜10 秒の間で調整できます。
このルーレットは項目を保存しますか？
項目と設定はローカルで処理され、お使いのブラウザの localStorage に保存されます。サーバーへアップロードされることはありません。共有リンクは設定を URL にエンコードするもので、誰に送るかはご自身で決められます。
スマートフォンやタブレットでも使えますか？
使えます。ルーレットはレスポンシブなレイアウトで、スマートフォン、タブレット、PC のいずれでも正常に表示・操作でき、全画面モードにも対応しているので、イベント会場で大きな画面に映すのにも向いています。
「回転後に当選項目を自動削除」はどう動作しますか？
このスイッチを有効にすると、回転が終わるたびに当選した項目が円盤から取り除かれ、残りの項目で円盤が等分し直されます。続けて抽選する場合や順番に指名する場合など、「一度引いたものはもう引かない」場面に適しています。
ルーレットの設定を共有できますか？
できます。「共有リンクをコピー」をクリックすると現在の項目と設定がリンクにエンコードされ、相手が開くとまったく同じルーレットが表示されます。何かを入力し直す必要はありません。
345tool チーム
私たちは 345tool チームです
345tool は、純粋にクライアント側で動作し、プライバシーを最優先する高品質な Web ツールを作る独立開発チームです。Super SpinWheel もその一つで、同じ原則に従っています：開けばすぐ使え、データを収集せず、不要な登録も求めません。