このページでは、AIが見落としやすい非機能要件（性能・信頼性・保守性など）の観点で、実際のコード断片を読むコードレビュー形式の4択クイズを体験します。「動く」だけでは守れない、本番で踏ん張る品質を鍛えるのが狙いです。
4択クイズ（10問・全問解説付き）で腕試し → 解説でなぜ落ちるのか／なぜ運用がつらいのかを言語化。「読む→解く→わかる」で、AI生成コードをプロ品質へ引き上げる現場の勘所を身につけていきましょう。
function renderDashboard(userId) {
const stats = calculateAllStats(userId); // 重い処理
return buildHtml(stats);
}
// 毎分0秒に実行される
setInterval(runJob, 60 * 1000);
function runJob() {
// 重い集計処理
}
const logs = [];
function logEvent(event) {
logs.push({
at: new Date().toISOString(),
event
});
}
async function fetchAll(urls) {
const promises = urls.map(url => fetch(url));
return Promise.all(promises);
}
async function listOrdersWithUser(db) {
const orders = await db.query('SELECT * FROM orders');
for (const order of orders) {
const rows = await db.query(
'SELECT * FROM users WHERE id = ?',
[order.user_id]
);
order.user = rows[0] ?? null;
}
return orders;
}
async function updateStatuses(users) {
for (const user of users) {
await fetch('/api/status', {
method: 'POST',
body: JSON.stringify({ id: user.id, status: 'active' })
});
}
}
function calculate(pageSize) {
return 1000 / pageSize;
}
async function fetchWithRetry(url) {
for (let i = 0; i < 2; i++) {
try {
const res = await fetch(url);
if (!res.ok) throw new Error('bad status');
return res;
} catch (e) {
await new Promise(r => setTimeout(r, 100));
}
}
throw new Error('failed after 2 retries');
}
function handleClick() {
let sum = 0;
for (let i = 0; i < 1_000_000_000; i++) {
sum += i;
}
alert(sum);
}
function processItem(item) {
console.log('START PROCESS', item);
doHeavyWork(item);
console.log('END PROCESS', item);
}
※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。
もちもちみかん（システムエンジニア）
社内SEとしてグループ企業向けの業務アプリを要件定義〜運用まで一気通貫で担当しています。
経験：Webアプリ／業務システム
得意：PHP・JavaScript・MySQL・CSS
個人実績：フォーム生成基盤／クイズ学習プラットフォーム 等
詳しいプロフィールはこちら！ もちもちみかんのプロフィール
