このページでは、『プリンシプル オブ プログラミング』で登場する非機能要件（性能・信頼性・保守性など）の視点を、実際のコード断片を使ったコードレビュー形式の4択クイズで体験します。
負荷がかかるとすぐ落ちる処理や、タイムアウトしがちなAPI、ログも残さず例外を握りつぶすコードなど、「なぜ落ちるのか／なぜつらいのか？」を読み解きながら、本番環境でも踏ん張れるコードへ鍛え直す感覚を身につけていきましょう。
function calculate(pageSize) {
return 1000 / pageSize;
}
async function sendNotification(payload) {
while (true) {
try {
await fetch('https://api.example.com/notify', {
method: 'POST',
body: JSON.stringify(payload)
});
return;
} catch (e) {
// 失敗したらリトライ
}
}
}
function processItem(item) {
console.log('START PROCESS', item);
doHeavyWork(item);
console.log('END PROCESS', item);
}
function handleClick() {
let sum = 0;
for (let i = 0; i < 1_000_000_000; i++) {
sum += i;
}
alert(sum);
}
function renderDashboard(userId) {
const stats = calculateAllStats(userId); // 重い処理
return buildHtml(stats);
}
async function getFeatureFlags() {
const res = await fetch('https://flags.example.com/config.json');
return res.json();
}
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;
}
const logs = [];
function logEvent(event) {
logs.push({
at: new Date().toISOString(),
event
});
}
async function saveUser(user, db) {
try {
await db.insert('users', user);
} catch (e) {
// なにもしない
}
}
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');
}
※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。
もちもちみかん（システムエンジニア）
社内SEとしてグループ企業向けの業務アプリを要件定義〜運用まで一気通貫で担当しています。
経験：Webアプリ／業務システム
得意：PHP・JavaScript・MySQL・CSS
個人実績：フォーム生成基盤／クイズ学習プラットフォーム 等
詳しいプロフィールはこちら！ もちもちみかんのプロフィール
