既往歴や現病歴・内服薬から、3種類のED薬（バイアグラ・レビトラ・シアリス）の使用可否を判断し、服薬可能であれば、3種類のED薬の違いを詳しく説明してくれるアプリ。

✨ED薬使用可否判定✨

既往歴：
現病歴：
内服薬：
```html
<!DOCTYPE html>
<html>
<head>
    <title>ED薬使用可否判定アプリ</title>
    <style>
        @keyframes shake {
            0% { transform: translate(1px, 1px) rotate(0deg); }
            10% { transform: translate(-1px, -2px) rotate(-1deg); }
            20% { transform: translate(-3px, 0px) rotate(1deg); }
            30% { transform: translate(3px, 2px) rotate(0deg); }
            40% { transform: translate(1px, -1px) rotate(1deg); }
            50% { transform: translate(-1px, 2px) rotate(-1deg); }
            60% { transform: translate(-3px, 1px) rotate(0deg); }
            70% { transform: translate(3px, 1px) rotate(-1deg); }
            80% { transform: translate(-1px, -1px) rotate(1deg); }
            90% { transform: translate(1px, 2px) rotate(0deg); }
            100% { transform: translate(1px, -2px) rotate(-1deg); }
        }
        .shake {
            animation: shake 0.5s;
            animation-iteration-count: 1;
        }
    </style>
</head>
<body>

<div style="width: 400px; height: 400px; margin: auto; text-align: center; padding: 20px; border: 2px dashed #8A2BE2; border-radius: 20px; position: relative;">
    <h2>✨ED薬使用可否判定✨</h2>
    <div style="margin-bottom: 10px;">
        <label>既往歴：<input id="history" type="text" style="width: 60%; padding: 5px;" placeholder="例: 高血圧"></label>
    </div>
    <div style="margin-bottom: 10px;">
        <label>現病歴：<input id="current" type="text" style="width: 60%; padding: 5px;" placeholder="例: 糖尿病"></label>
    </div>
    <div style="margin-bottom: 10px;">
        <label>内服薬：<input id="medications" type="text" style="width: 60%; padding: 5px;" placeholder="例: 抗うつ薬"></label>
    </div>
    <div style="margin-bottom: 20px;">
        <button onclick="checkEligibility()" style="padding: 10px 20px; border: none; background-color: #6A5ACD; color: white; font-size: 16px; border-radius: 10px;">判定🔍</button>
    </div>
    <div id="result" style="margin-top: 20px;"></div>
</div>

<script>
const messages = {
    eligible: "🎉医師に相談の上、使用可能と考えられます🎉",
    ineligible: "❌現段階では使用はお勧めできません❌",
};

const drugDetails = {
    "バイアグラ": "💊バイアグラ：効果が早く現れますが、食事の影響を受けやすいです。",
    "レビトラ": "💊レビトラ：食事の影響が比較的少なく、安定した効果が期待できます。",
    "シアリス": "💊シアリス：効果が長く続き、最長36時間の持続効果があります。",
};

function checkEligibility() {
    const history = document.getElementById('history').value.trim();
    const current = document.getElementById('current').value.trim();
    const medications = document.getElementById('medications').value.trim();
    const resultDiv = document.getElementById('result');

    let isEligible = true;
    if (history.toLowerCase().includes("心臓") || current.toLowerCase().includes("心臓") || medications.toLowerCase().includes("ニトログリセリン")) {
        isEligible = false;
    }

    resultDiv.classList.toggle('shake');
    resultDiv.innerHTML = isEligible ? messages.eligible + `<div>${Object.values(drugDetails).join('<br>')}</div>` : messages.ineligible;
}
</script>

</body>
</html>
```