function MainComponent() { const [gameState, setGameState] = React.useState('home'); const [playerTurn, setPlayerTurn] = React.useState(1); const [player1Cards, setPlayer1Cards] = React.useState([]); const [player2Cards, setPlayer2Cards] = React.useState([]); const [highlightedColumn, setHighlightedColumn] = React.useState(null); const [board, setBoard] = React.useState([ [ '香', '桂', '銀', '金', '王', '金', '銀', '桂', '香' ], [ '_', '飛', '_', '_', '_', '_', '_', '角', '_' ], [ '歩', '歩', '歩', '歩', '歩', '歩', '歩', '歩', '歩' ], [ '_', '_', '_', '_', '_', '_', '_', '_', '_' ], [ '_', '_', '_', '_', '_', '_', '_', '_', '_' ], [ '_', '_', '_', '_', '_', '_', '_', '_', '_' ], [ '歩', '歩', '歩', '歩', '歩', '歩', '歩', '歩', '歩' ], [ '_', '角', '_', '_', '_', '_', '_', '飛', '_' ], [ '香', '桂', '銀', '金', '玉', '金', '銀', '桂', '香' ] ]); const startNewGame = ()=>{ setGameState('playing'); drawInitialCards(); }; const drawInitialCards = ()=>{ const deck = [ 'A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K' ]; const shuffledDeck = deck.sort(()=>Math.random() - 0.5); setPlayer1Cards([ shuffledDeck[0], shuffledDeck[1] ]); setPlayer2Cards([ shuffledDeck[2], shuffledDeck[3] ]); determineFirstTurn([ shuffledDeck[0], shuffledDeck[1] ], [ shuffledDeck[2], shuffledDeck[3] ]); }; const determineFirstTurn = (p1Cards, p2Cards)=>{ const p1Score = calculateScore(p1Cards); const p2Score = calculateScore(p2Cards); setPlayerTurn(p1Score >= p2Score ? 1 : 2); setHighlightedColumn(null); }; const calculateScore = (cards)=>{ let score = 0; let aceCount = 0; for (let card of cards){ if (card === 'A') { aceCount++; score += 11; } else if ([ 'J', 'Q', 'K' ].includes(card)) { score += 10; } else { score += parseInt(card); } } while(score > 21 && aceCount > 0){ score -= 10; aceCount--; } return score; }; const selectColumn = (card)=>{ if ([ '10', 'J', 'Q', 'K' ].includes(card)) { setHighlightedColumn('all'); } else { setHighlightedColumn(card === 'A' ? 1 : parseInt(card)); } }; const renderBoard = ()=>{ return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-9 gap-1 bg-yellow-200 p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, board.map((row, rowIndex)=>row.map((piece, colIndex)=>/*#__PURE__*/ React.createElement("div", { key: `${rowIndex}-${colIndex}`, className: `w-12 h-12 flex items-center justify-center border border-gray-600 ${highlightedColumn === 'all' || highlightedColumn === 9 - colIndex ? 'bg-yellow-300' : 'bg-yellow-100'}`, __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, piece !== '_' && /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 77, columnNumber: 33 }, __self: this }, piece))))); }; const renderPlayerInfo = (player, cards)=>{ return /*#__PURE__*/ React.createElement("div", { className: `flex flex-col items-center ${player === 1 ? 'mb-4' : 'mt-4'}`, __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "プレイヤー ", player), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "得点: ", calculateScore(cards)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, cards.map((card, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>selectColumn(card), className: "w-10 h-14 bg-white border border-gray-300 rounded flex items-center justify-center text-xl font-bold", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, card)))); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center justify-center font-sans", __source: { fileName: "", lineNumber: 106, columnNumber: 5 }, __self: this }, gameState === 'home' ? /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "将棋ブラックジャック"), /*#__PURE__*/ React.createElement("button", { onClick: startNewGame, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "新しいゲーム")) : /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, renderPlayerInfo(2, player2Cards), renderBoard(), renderPlayerInfo(1, player1Cards), /*#__PURE__*/ React.createElement("p", { className: "text-center mt-4 text-xl font-bold", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "プレイヤー", playerTurn, "のターン"))); }