```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>コーンプレート型レオメーターアプリ</title>
</head>
<body>
<h1>コーンプレート型レオメーターアプリ</h1>
<div>
<label for="gap">ギャップ（μm）:</label>
<input type="number" id="gap" min="0" step="1">
</div>
<div>
<label for="strain">歪み:</label>
<input type="number" id="strain" step="0.01">
</div>
<button onclick="calculate()">計算する</button>
<p id="result"></p>
<script>
function calculate() {
const coneAngle = 1; // コーン角（度）
const coneDiameter = 4; // コーン直径（cm）
const gap = document.getElementById('gap').value;
const strain = document.getElementById('strain').value;
const gapMicrometer = gap * 1000; // ギャップ（μm）
const displacement = coneDiameter / Math.tan(coneAngle * (Math.PI / 180)) * strain; // 歪み変位
const rotationAngle = Math.atan(displacement / gapMicrometer) * (180 / Math.PI); // 回転角
document.getElementById('result').innerHTML = `歪み変位（cm）: ${displacement.toFixed(2)} <br> 回転角（度）: ${rotationAngle.toFixed(2)}`;
}
</script>
</body>
</html>
```
ジョーク:
なぜコーンプレート型レオメーターはパーティーで人気があるか？
- なぜなら、常に歪んでいるから！
