診断ツール @ ウィキ
思想診断ツール
最終更新：
huyamuahu
-
view
<!--nopl--><!DOCTYPE html>
<html>
<head>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
max-width: 700px; /* Xperia Ace IIの720px幅に合わせる */
margin: 0 auto;
padding: 10px;
font-size: 16px; /* 読みやすいフォントサイズ */
background-color: #f5f5f5; /* 広島の穏やかな雰囲気を感じる薄いグレー */
color: #333;
}
h2 {
color: #0066cc; /* 広島の海や空をイメージした青 */
text-align: center;
}
.question {
margin: 20px 0;
background-color: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
input[type="radio"] {
transform: scale(1.5); /* ラジオボタンをタッチしやすく */
margin: 10px;
}
button {
padding: 15px;
font-size: 18px;
background-color: #4CAF50; /* 自然や平和をイメージした緑 */
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
margin-top: 10px;
}
button:hover {
background-color: #45a049;
}
#result {
margin-top: 20px;
font-size: 18px;
background-color: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<body>
<h2>政治思想診断</h2>
<form id="quizForm">
<div class="question">
<p>1. あなたは誰かを守りたいと思いますか?</p>
<input type="radio" name="q1" value="conservative"> 思う<br>
<input type="radio" name="q1" value="neutral"> 思わない
</div>
<div class="question">
<p>2. あなたは兵士でした。戦友を戦争で失いました。あなたならどうしますか?</p>
<input type="radio" name="q2" value="progressive"> 軍をやめる<br>
<input type="radio" name="q2" value="conservative"> 軍をやめない
</div>
<div class="question">
<p>3. 仲間思いのあなたは仲間に気を配れますか?</p>
<input type="radio" name="q3" value="conservative"> はい<br>
<input type="radio" name="q3" value="neutral"> いいえ
</div>
<div class="question">
<p>4. あなたは故郷において友人と再会しました。どうしますか?</p>
<input type="radio" name="q4" value="centrist"> 挨拶をする<br>
<input type="radio" name="q4" value="conservative"> 飲みに誘ったり遊びに行く<br>
<input type="radio" name="q4" value="progressive"> 無視する
</div>
<div class="question">
<p>5. あなたは友人に外国人はいますか?</p>
<input type="radio" name="q5" value="progressive"> はい<br>
<input type="radio" name="q5" value="neutral"> いいえ
</div>
<div class="question">
<p>6. あなたはこの世界を変えてみたいと思いますか?</p>
<input type="radio" name="q6" value="progressive1"> 思うが実行はできない<br>
<input type="radio" name="q6" value="progressive2"> 思うが実行できる<br>
<input type="radio" name="q6" value="conservative"> 思わないが実行できる
</div>
<div class="question">
<p>7. あなたは軍人の重要ポストですがクーデターを起こしたいと思いますか?</p>
<input type="radio" name="q7" value="progressive"> 起こしたいと思う<br>
<input type="radio" name="q7" value="conservative"> 起こしたいとは思わない<br>
<input type="radio" name="q7" value="centrist"> 起こす勇気がない
</div>
<div class="question">
<p>8. あなたは喧嘩好きですか?</p>
<input type="radio" name="q8" value="progressive"> 喧嘩上等、売られたもんは喧嘩する<br>
<input type="radio" name="q8" value="centrist"> 喧嘩よりも交渉を好む<br>
<input type="radio" name="q8" value="conservative"> 喧嘩している場合よりも別のことをするべきだと思う
</div>
<div class="question">
<p>9. あなたは大きな運命が迫っています。</p>
<input type="radio" name="q9" value="centrist"> 運命を受け入れて先に進む<br>
<input type="radio" name="q9" value="progressive"> 運命は受け入れられないが先に進む<br>
<input type="radio" name="q9" value="conservative"> 運命は受け入れられない。進む気にもなれない
</div>
<div class="question">
<p>10. あなたは混血です。あなたはそれを利用して世界を救いますか?</p>
<input type="radio" name="q10" value="progressive"> 救う<br>
<input type="radio" name="q10" value="conservative"> 救わない<br>
<input type="radio" name="q10" value="centrist"> 救えなかった
</div>
<button type="button" onclick="calculateResult()">診断する</button>
</form>
<div id="result"></div>
<script>
function calculateResult() {
let conservative = 0, centrist = 0, progressive = 0;
// 質問1
let q1 = document.querySelector('input[name="q1"]:checked');
if (q1) {
if (q1.value === "conservative") conservative += 2;
else {
centrist += 1;
progressive += 1;
}
}
// 質問2
let q2 = document.querySelector('input[name="q2"]:checked');
if (q2) {
if (q2.value === "progressive") {
progressive += 2;
centrist += 1;
} else {
conservative += 2;
}
}
// 質問3
let q3 = document.querySelector('input[name="q3"]:checked');
if (q3) {
if (q3.value === "conservative") conservative += 3;
else {
conservative += 2;
centrist += 2;
}
}
// 質問4
let q4 = document.querySelector('input[name="q4"]:checked');
if (q4) {
if (q4.value === "conservative") conservative += 3;
else if (q4.value === "centrist") centrist += 2;
else progressive += 2;
}
// 質問5
let q5 = document.querySelector('input[name="q5"]:checked');
if (q5) {
if (q5.value === "progressive") progressive += 3;
else {
conservative += 2;
centrist += 1;
}
}
// 質問6
let q6 = document.querySelector('input[name="q6"]:checked');
if (q6) {
if (q6.value === "progressive1") progressive += 2;
else if (q6.value === "progressive2") progressive += 3;
else {
conservative += 2;
centrist += 1;
}
}
// 質問7
let q7 = document.querySelector('input[name="q7"]:checked');
if (q7) {
if (q7.value === "progressive") progressive += 3;
else if (q7.value === "conservative") conservative += 2;
else centrist += 2;
}
// 質問8
let q8 = document.querySelector('input[name="q8"]:checked');
if (q8) {
if (q8.value === "progressive") progressive += 3;
else if (q8.value === "centrist") centrist += 2;
else conservative += 2;
}
// 質問9
let q9 = document.querySelector('input[name="q9"]:checked');
if (q9) {
if (q9.value === "progressive") progressive += 3;
else if (q9.value === "centrist") centrist += 2;
else conservative += 2;
}
// 質問10
let q10 = document.querySelector('input[name="q10"]:checked');
if (q10) {
if (q10.value === "progressive") progressive += 3;
else if (q10.value === "conservative") conservative += 2;
else centrist += 2;
}
// 未回答チェック
if (!q1 || !q2 || !q3 || !q4 || !q5 || !q6 || !q7 || !q8 || !q9 || !q10) {
alert("すべての質問に答えてください！");
return;
}
// 点数を正規化（合計を10にスケール）
let totalScore = conservative + centrist + progressive;
if (totalScore > 0) {
conservative = Math.round((conservative / totalScore) * 10);
centrist = Math.round((centrist / totalScore) * 10);
progressive = Math.round((progressive / totalScore) * 10);
// 合計が10になるよう調整
let sum = conservative + centrist + progressive;
if (sum > 10) {
let diff = sum - 10;
if (centrist > diff) centrist -= diff;
else if (progressive > diff) progressive -= diff;
else conservative -= diff;
} else if (sum < 10) {
let diff = 10 - sum;
if (conservative >= centrist && conservative >= progressive) conservative += diff;
else if (centrist >= progressive) centrist += diff;
else progressive += diff;
}
}
// パーセンテージ計算（表示用）
let conservativePercent = Math.round((conservative / 10) * 100);
let centristPercent = Math.round((centrist / 10) * 100);
let progressivePercent = Math.round((progressive / 10) * 100);
// 結果判定
let result = "";
if (conservative >= 6 && progressive <= 3) {
// 保守が高く、革新が低い（①: 保守6、中道2、革新2）
result = `あなたは至上主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
伝統や特定の価値を絶対視し、仲間や故郷を強く守る姿勢があります。広島の地域の絆やヴァルマニア王国の誇りを体現するような信念が強いです。`;
} else if (progressive >= 5 && conservative <= 3) {
// 革新が高く、保守が低い（②: 保守2、中道3、革新5）
result = `あなたは快楽主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
個人の満足や自由を優先し、変革に積極的です。広島の平和な雰囲気の中で、自己実現を追求する姿勢が特徴です。`;
} else if (centrist >= 5 && conservative <= 4 && progressive <= 3) {
// 中道が高く、保守と革新が低い（③: 保守3、中道5、革新2）
result = `あなたは理論主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
論理や現実的分析を重視し、バランスを大切にします。広島未来ラボのような科学的で穏健なアプローチがあなたの特徴です。`;
} else if (Math.abs(conservative - progressive) <= 1 && centrist >= 3) {
// 保守と革新が近く、中道が中程度（④: 保守3、中道4、革新3）
result = `あなたは民主主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
協調とバランスを重視し、皆の声を尊重します。広島の平和祈念式典のような、調和を大切にする姿勢が強いです。`;
} else if (progressive >= 5 && centrist >= 3 && conservative <= 3) {
// 革新が高く、中道が中程度、保守が低い（⑤: 保守2、中道3、革新5）
result = `あなたは社会主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
平等や集団的変革を重視し、社会全体の向上を目指します。ヴァルマニア王国の理想的なコミュニティ像に共感する傾向があります。`;
} else if (progressive >= 4 && Math.abs(conservative - centrist) <= 1) {
// 革新がやや高く、保守と中道が近い（⑥: 保守3、中道3、革新4）
result = `あなたは自由主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
個人自由を重視し、開かれた社会を目指します。広島の多文化交流のような、自由で多様な価値観を尊重する姿勢が特徴です。`;
} else if (progressive >= 7) {
// 革新が極端に高い（⑦: 保守1、中道2、革新7）
result = `あなたは共産主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
急進的な変革と集団主義を追求し、平等な社会を目指します。ヴァルマニア王国の理想を大胆に実現する情熱が強いです。`;
} else if (conservative >= 7) {
// 保守が極端に高い（⑧: 保守7、中道1、革新2）
result = `あなたは民族主義です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
国家や民族の誇りを重視し、地域の伝統を守ります。広島の歴史や文化を大切にする強い意識が特徴です。`;
} else {
// その他の場合（デフォルト）
result = `あなたはバランス型です！（保守: ${conservativePercent}%、中道: ${centristPercent}%、革新: ${progressivePercent}%）<br>
保守、中道、革新のバランスが取れており、特定の思想に強く偏らない柔軟な姿勢です。広島の平和な精神を体現しています。`;
}
document.getElementById("result").innerHTML = `<h3>結果: ${result}</h3>`;
}
</script>
</body>
</html><!--/nopl-->
</html><!--/nopl-->
