このページでは、AIが見落としやすい非機能要件（性能・信頼性・保守性など）の観点で、実際のコード断片を読むコードレビュー形式の4択クイズを体験します。「動く」だけでは守れない、本番で踏ん張る品質を鍛えるのが狙いです。
4択クイズ（10問・全問解説付き）で腕試し → 解説でなぜ落ちるのか／なぜ運用がつらいのかを言語化。「読む→解く→わかる」で、AI生成コードをプロ品質へ引き上げる現場の勘所を身につけていきましょう。
const logs = [];
function logEvent(event) {
logs.push({
at: new Date().toISOString(),
event
});
}
function attach() {
const btn = document.getElementById('save');
btn.addEventListener('click', () => {
save();
});
}
async function updateStatuses(users) {
for (const user of users) {
await fetch('/api/status', {
method: 'POST',
body: JSON.stringify({ id: user.id, status: 'active' })
});
}
}
async function loadData() {
showLoading();
const res = await fetch('/api/data');
const data = await res.json();
hideLoading();
render(data);
}
function getConfig() {
const raw = localStorage.getItem('config');
return raw ? JSON.parse(raw) : {};
}
async function saveUser(user, db) {
try {
await db.insert('users', user);
} catch (e) {
// なにもしない
}
}
const fs = require('fs');
function handleRequest(req, res) {
const content = fs.readFileSync('./template.html', 'utf8');
res.end(content);
}
// 毎分0秒に実行される
setInterval(runJob, 60 * 1000);
function runJob() {
// 重い集計処理
}
function processItem(item) {
console.log('START PROCESS', item);
doHeavyWork(item);
console.log('END PROCESS', item);
}
async function fetchAll(urls) {
const promises = urls.map(url => fetch(url));
return Promise.all(promises);
}
※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。
もちもちみかん（社内SE）
運営者は、グループ企業向けの業務アプリを要件定義から運用まで担当している社内SEです。PHP・JavaScript・MySQL・CSSを使った実務経験をもとに、一次情報や実際の運用で得た気づきを整理しています。
AIにコードを書かせて終わりではなく、どこで迷ったか・どこを人がレビューすべきかまで含めて、 やさしく噛みくだいてまとめています。
経験：Webアプリ・業務システム
得意：PHP・JavaScript・MySQL・CSS
制作・運用中：フォーム生成基盤・クイズ学習プラットフォーム・htmx逆引きレシピ 等
AI時代のエンジニアタイプ診断：CSPF/とろとろみかん
詳しいプロフィールはこちら！ もちもちみかんのプロフィール
