このページでは、AIが生成しがちな冗長・重複・やりすぎなコードを題材に、DRY / KISSを武器にしたコードレビュー形式の4択クイズで実戦力を鍛えます。理屈を読むだけでなく、「どこがまずい？どう直す？」を自分の判断として身につけるのが狙いです。
4択クイズ（10問・全問解説付き）で腕試し → 解説でなぜその修正が効くのかを腹落ち。「読む→解く→わかる」で、AIコードをスリムに整えるリファクタの勘所を鍛えていきましょう！
function process(user) {
if (user) {
if (user.isActive) {
if (!user.isBanned) {
// メイン処理
doSomething(user);
}
}
}
}
function handleCheckout(cart, user) {
// 合計計算
// クーポン適用
// 在庫チェック
// 配送先住所チェック
// 支払情報チェック
// 決済API呼び出し
// 注文レコード作成
// メール送信
// 画面遷移
}
const activeUserNames = users
.filter(user => user.active)
.map(user => user.name);
const activeUserEmails = users
.filter(user => user.active)
.map(user => user.email);
function showCartTotal(cart) {
const total = cart.items.reduce((sum, item) => sum + item.price * item.quantity, 0);
const label = total.toLocaleString() + '円（税込）';
document.getElementById('cart-total').textContent = label;
}
function showOrderTotal(order) {
const total = order.items.reduce((sum, item) => sum + item.price * item.quantity, 0);
const label = total.toLocaleString() + '円（税込）';
document.getElementById('order-total').textContent = label;
}
function createUserLabel(user) {
return user.lastName + ' ' + user.firstName + '（' + user.id + '）';
}
function createOrderLabel(order) {
const user = order.user;
return user.lastName + ' ' + user.firstName + '（' + user.id + '）';
}
function isValidUserName(name) {
return typeof name === 'string' && name.length >= 3 && name.length <= 20;
}
function isValidProjectName(name) {
return typeof name === 'string' && name.length >= 3 && name.length <= 20;
}
function canShip(order) {
if (order && order.paid && !order.canceled && !order.refunded && order.items && order.items.length > 0) {
return true;
}
return false;
}
const isAdult = (age) => age != null && age >= 18 ? true : false;
function validateName(name) {
if (!name) {
return '名前は必須です';
}
if (name.length > 20) {
return '名前は必須です';
}
return '';
}
function sendWelcomeMail(user) {
const subject = 'ようこそ！';
const body = `こんにちは ${user.name} さん`;
mailer.send(user.email, subject, body);
}
function sendByeMail(user) {
const subject = 'ご利用ありがとうございました';
const body = `さようなら ${user.name} さん`;
mailer.send(user.email, subject, body);
}
※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。
もちもちみかん（社内SE）
運営者は、グループ企業向けの業務アプリを要件定義から運用まで担当している社内SEです。PHP・JavaScript・MySQL・CSSを使った実務経験をもとに、一次情報や実際の運用で得た気づきを整理しています。
AIにコードを書かせて終わりではなく、どこで迷ったか・どこを人がレビューすべきかまで含めて、 やさしく噛みくだいてまとめています。
経験：Webアプリ・業務システム
得意：PHP・JavaScript・MySQL・CSS
制作・運用中：フォーム生成基盤・クイズ学習プラットフォーム・htmx逆引きレシピ 等
AI時代のエンジニアタイプ診断：CSPF/とろとろみかん
詳しいプロフィールはこちら！ もちもちみかんのプロフィール
