function MainComponent() { const SUITS = [ '♠', '♥', '♦', '♣' ]; const VALUES = [ '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A' ]; const [deck, setDeck] = React.useState([]); const [players, setPlayers] = React.useState([ { hand: [], winProbability: 50 }, { hand: [], winProbability: 50 } ]); const [communityCards, setCommunityCards] = React.useState([]); const [gameStage, setGameStage] = React.useState('initial'); const [isCalculating, setIsCalculating] = React.useState(false); const createDeck = ()=>SUITS.flatMap((suit)=>VALUES.map((value)=>({ suit, value }))); const shuffleDeck = (deck)=>{ for(let i = deck.length - 1; i > 0; i--){ const j = Math.floor(Math.random() * (i + 1)); [deck[i], deck[j]] = [ deck[j], deck[i] ]; } return deck; }; const resetGame = ()=>{ setDeck(shuffleDeck(createDeck())); setPlayers([ { hand: [], winProbability: 50 }, { hand: [], winProbability: 50 } ]); setCommunityCards([]); setGameStage('initial'); }; const dealCards = ()=>{ setPlayers([ { ...players[0], hand: [ deck.pop(), deck.pop() ] }, { ...players[1], hand: [ deck.pop(), deck.pop() ] } ]); setGameStage('preflop'); calculateProbabilities(); }; const dealFlop = ()=>{ setCommunityCards([ deck.pop(), deck.pop(), deck.pop() ]); setGameStage('flop'); calculateProbabilities(); }; const dealTurn = ()=>{ setCommunityCards([ ...communityCards, deck.pop() ]); setGameStage('turn'); calculateProbabilities(); }; const dealRiver = ()=>{ setCommunityCards([ ...communityCards, deck.pop() ]); setGameStage('river'); calculateProbabilities(); }; const nextStage = ()=>{ setIsCalculating(true); setTimeout(()=>{ if (gameStage === 'initial') dealCards(); else if (gameStage === 'preflop') dealFlop(); else if (gameStage === 'flop') dealTurn(); else if (gameStage === 'turn') dealRiver(); else resetGame(); setIsCalculating(false); }, 0); }; const calculateProbabilities = ()=>{ const simulations = 10000; let player1Wins = 0; let player2Wins = 0; let ties = 0; for(let i = 0; i < simulations; i++){ const result = simulateHand(players[0].hand, players[1].hand, communityCards, deck); if (result > 0) player1Wins++; else if (result < 0) player2Wins++; else ties++; } const totalHands = player1Wins + player2Wins + ties; setPlayers(players.map((player, index)=>({ ...player, winProbability: (((index === 0 ? player1Wins : player2Wins) + ties / 2) / totalHands * 100).toFixed(2) }))); }; const simulateHand = (player1Hand, player2Hand, communityCards, remainingDeck)=>{ const simulatedDeck = [ ...remainingDeck ]; const simulatedCommunityCards = [ ...communityCards ]; while(simulatedCommunityCards.length < 5){ const randomIndex = Math.floor(Math.random() * simulatedDeck.length); simulatedCommunityCards.push(simulatedDeck.splice(randomIndex, 1)[0]); } const player1BestHand = evaluateHand([ ...player1Hand, ...simulatedCommunityCards ]); const player2BestHand = evaluateHand([ ...player2Hand, ...simulatedCommunityCards ]); return compareHands(player1BestHand, player2BestHand); }; const evaluateHand = (hand)=>{ const values = hand.map((card)=>getCardStrength(card)).sort((a, b)=>b - a); const suits = hand.map((card)=>card.suit); const valueCounts = values.reduce((acc, val)=>{ acc[val] = (acc[val] || 0) + 1; return acc; }, {}); const isFlush = new Set(suits).size === 1; const isStraight = checkStraight(values); const sortedValues = Object.keys(valueCounts).map(Number).sort((a, b)=>b - a); if (isFlush && isStraight && Math.max(...values) === 14) return { type: 'RoyalFlush', strength: 10, values: sortedValues }; if (isFlush && isStraight) return { type: 'StraightFlush', strength: 9, values: sortedValues }; if (Object.values(valueCounts).includes(4)) return { type: 'FourOfAKind', strength: 8, values: sortedValues }; if (Object.values(valueCounts).includes(3) && Object.values(valueCounts).includes(2)) return { type: 'FullHouse', strength: 7, values: sortedValues }; if (isFlush) return { type: 'Flush', strength: 6, values: sortedValues }; if (isStraight) return { type: 'Straight', strength: 5, values: sortedValues }; if (Object.values(valueCounts).includes(3)) return { type: 'ThreeOfAKind', strength: 4, values: sortedValues }; if (Object.values(valueCounts).filter((count)=>count === 2).length === 2) return { type: 'TwoPair', strength: 3, values: sortedValues }; if (Object.values(valueCounts).includes(2)) return { type: 'OnePair', strength: 2, values: sortedValues }; return { type: 'HighCard', strength: 1, values: sortedValues }; }; const checkStraight = (values)=>{ const uniqueValues = [ ...new Set(values) ].sort((a, b)=>a - b); if (uniqueValues.length < 5) return false; for(let i = 0; i <= uniqueValues.length - 5; i++){ if (uniqueValues[i + 4] - uniqueValues[i] === 4) return true; } if (uniqueValues[uniqueValues.length - 1] === 14 && uniqueValues[0] === 2 && uniqueValues[1] === 3 && uniqueValues[2] === 4 && uniqueValues[3] === 5) { return true; } return false; }; const compareHands = (hand1, hand2)=>{ if (hand1.strength !== hand2.strength) return hand1.strength - hand2.strength; for(let i = 0; i < hand1.values.length; i++){ if (hand1.values[i] !== hand2.values[i]) return hand1.values[i] - hand2.values[i]; } return 0; }; const getCardStrength = (card)=>{ const valueStrength = { '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9, '10': 10, 'J': 11, 'Q': 12, 'K': 13, 'A': 14 }; return valueStrength[card.value]; }; const renderCards = (cards)=>{ return cards.map((card)=>{ const color = card.suit === '♥' || card.suit === '♦' ? 'red' : 'black'; return /*#__PURE__*/ React.createElement("div", { key: `${card.value}${card.suit}`, className: `card ${color}`, __source: { fileName: "", lineNumber: 156, columnNumber: 14 }, __self: this }, card.value, card.suit); }); }; React.useEffect(()=>{ resetGame(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 bg-gray-100", __source: { fileName: "", lineNumber: 165, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 7 }, __self: this }, "テキサスホールデムポーカー勝率計算"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, "プレイヤー 1 (あなた)"), /*#__PURE__*/ React.createElement("div", { className: "flex mb-2", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, renderCards(players[0].hand)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, "勝率: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 171, columnNumber: 16 }, __self: this }, players[0].winProbability), "%")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 174, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 175, columnNumber: 9 }, __self: this }, "コミュニティカード"), /*#__PURE__*/ React.createElement("div", { className: "flex mb-2", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, renderCards(communityCards))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 179, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this }, "プレイヤー 2 (対戦相手)"), /*#__PURE__*/ React.createElement("div", { className: "flex mb-2", __source: { fileName: "", lineNumber: 181, columnNumber: 9 }, __self: this }, renderCards(players[1].hand)), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, "勝率: ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 182, columnNumber: 16 }, __self: this }, players[1].winProbability), "%")), /*#__PURE__*/ React.createElement("button", { onClick: nextStage, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", disabled: isCalculating, __source: { fileName: "", lineNumber: 185, columnNumber: 7 }, __self: this }, gameStage === 'initial' && 'ディール', gameStage === 'preflop' && 'フロップ', gameStage === 'flop' && 'ターン', gameStage === 'turn' && 'リバー', gameStage === 'river' && '次のゲーム'), /*#__PURE__*/ React.createElement("button", { onClick: resetGame, className: "ml-4 bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded", disabled: isCalculating, __source: { fileName: "", lineNumber: 193, columnNumber: 7 }, __self: this }, "リセット"), isCalculating && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-lg font-semibold", __source: { fileName: "", lineNumber: 197, columnNumber: 25 }, __self: this }, "計算中..."), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 199, columnNumber: 7 }, __self: this }, ` .card { width: 60px; height: 84px; border: 1px solid #ccc; border-radius: 5px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; margin-right: 5px; } .red { color: red; } .black { color: black; } `)); }

テキサスホールデムポーカー 勝率計算

プレイヤー 1 (あなた)

コミュニティカード

プレイヤー 2 (対戦相手)

テキサスホールデムポーカー勝率計算