このページでは、『プリンシプル オブ プログラミング』で登場する非機能要件（性能・信頼性・保守性など）の視点を、実際のコード断片を使ったコードレビュー形式の4択クイズで体験します。
負荷がかかるとすぐ落ちる処理や、タイムアウトしがちなAPI、ログも残さず例外を握りつぶすコードなど、「なぜ落ちるのか／なぜつらいのか？」を読み解きながら、本番環境でも踏ん張れるコードへ鍛え直す感覚を身につけていきましょう。
function renderDashboard(userId) {
const stats = calculateAllStats(userId); // 重い処理
return buildHtml(stats);
}
// 毎分0秒に実行される
setInterval(runJob, 60 * 1000);
function runJob() {
// 重い集計処理
}
async function loadData() {
showLoading();
const res = await fetch('/api/data');
const data = await res.json();
hideLoading();
render(data);
}
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);
});
}
function processItem(item) {
console.log('START PROCESS', item);
doHeavyWork(item);
console.log('END PROCESS', item);
}
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 fs = require('fs');
function handleRequest(req, res) {
const content = fs.readFileSync('./template.html', 'utf8');
res.end(content);
}
let currentCount = 0;
async function handleRequest(req, res) {
currentCount++;
// いろいろな処理...
res.end('count: ' + currentCount);
}
function handleClick() {
let sum = 0;
for (let i = 0; i < 1_000_000_000; i++) {
sum += i;
}
alert(sum);
}
※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。
もちもちみかん（システムエンジニア）
社内SEとしてグループ企業向けの業務アプリを要件定義〜運用まで一気通貫で担当しています。
経験：Webアプリ／業務システム
得意：PHP・JavaScript・MySQL・CSS
個人実績：フォーム生成基盤／クイズ学習プラットフォーム 等
詳しいプロフィールはこちら！ もちもちみかんのプロフィール
