```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>じゃんけんアプリ</title>
</head>
<body>
<h1>じゃんけんゲーム</h1>
<button onclick="playGame('✊')">グー</button>
<button onclick="playGame('✌️')">チョキ</button>
<button onclick="playGame('✋')">パー</button>
<div id="result"></div>
<script>
function playGame(userChoice) {
const choices = ['✊', '✌️', '✋'];
const computerChoice = choices[Math.floor(Math.random() * 3)];
let result = '';
if ((userChoice === '✊' && computerChoice === '✌️') ||
(userChoice === '✌️' && computerChoice === '✋') ||
(userChoice === '✋' && computerChoice === '✊')) {
const messages = ['やったね！頑張れ！', 'すごい！勝ったね！', '気を抜かずに行くぞ！'];
result = messages[Math.floor(Math.random() * messages.length)];
} else {
result = '<span style="color: red; font-size: 2em; animation: spin 1s infinite linear;">負け！出直してこい😡</span>';
}
document.getElementById('result').innerHTML = `あなた: ${userChoice} vs コンピューター: ${computerChoice}<br>${result}`;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
</script>
</body>
</html>
```
