このページでは、AIが見落としやすい非機能要件（性能・信頼性・保守性など）の観点で、実際のコード断片を読むコードレビュー形式の4択クイズを体験します。「動く」だけでは守れない、本番で踏ん張る品質を鍛えるのが狙いです。
4択クイズ（10問・全問解説付き）で腕試し → 解説でなぜ落ちるのか／なぜ運用がつらいのかを言語化。「読む→解く→わかる」で、AI生成コードをプロ品質へ引き上げる現場の勘所を身につけていきましょう。
function handleClick() {
let sum = 0;
for (let i = 0; i < 1_000_000_000; i++) {
sum += i;
}
alert(sum);
}
let currentCount = 0;
async function handleRequest(req, res) {
currentCount++;
// いろいろな処理...
res.end('count: ' + currentCount);
}
async function fetchProfile(userId) {
const res = await fetch(`https://api.example.com/users/${userId}`);
if (!res.ok) {
throw new Error('failed');
}
return res.json();
}
const logs = [];
function logEvent(event) {
logs.push({
at: new Date().toISOString(),
event
});
}
function renderList(items) {
const container = document.getElementById('list');
container.innerHTML = '';
items.forEach(item => {
const li = document.createElement('li');
li.textContent = item.name;
container.appendChild(li);
});
}
async function saveUser(user, db) {
try {
await db.insert('users', user);
} catch (e) {
// なにもしない
}
}
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;
}
function renderDashboard(userId) {
const stats = calculateAllStats(userId); // 重い処理
return buildHtml(stats);
}
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');
}
const fs = require('fs');
function handleRequest(req, res) {
const content = fs.readFileSync('./template.html', 'utf8');
res.end(content);
}
※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。
もちもちみかん（社内SE）
運営者は、グループ企業向けの業務アプリを要件定義から運用まで担当している社内SEです。PHP・JavaScript・MySQL・CSSを使った実務経験をもとに、一次情報や実際の運用で得た気づきを整理しています。
AIにコードを書かせて終わりではなく、どこで迷ったか・どこを人がレビューすべきかまで含めて、 やさしく噛みくだいてまとめています。
経験：Webアプリ・業務システム
得意：PHP・JavaScript・MySQL・CSS
制作・運用中：フォーム生成基盤・クイズ学習プラットフォーム・htmx逆引きレシピ 等
AI時代のエンジニアタイプ診断：CSPF/とろとろみかん
詳しいプロフィールはこちら！ もちもちみかんのプロフィール
