『プリンシプル オブ プログラミング』を10問で学べるクイズサイト

コードレビュー道場 #2
密結合な設計を疎結合に変えよ!

公開日:
最終更新日:

このページでは、『プリンシプル オブ プログラミング』で登場する凝集度/結合度の考え方を、実際のコード断片を使ったコードレビュー形式の4択クイズで体験します。

クラス同士や関数同士がべったりつながった密結合な設計を見抜き、責務のまとまりを意識した高凝集・低結合な形へ近づけるための視点を鍛えていきましょう!

今すぐクイズに挑戦
(10問・約3分・解説つき)
プリンシプルオブプログラミング
1分で理解&101の原則総まとめ!

目次

  1. クイズに挑戦する(10問)

  1. プログラミング クイズ一覧へ
  2. コードレビュー道場 目次へ
  3. 次のクイズへ(落ちるコードを非機能要件で鍛え直せ!)
  4. 前のクイズへ(DRY/KISSで太りすぎた関数を救え!)
  5. 『プリンシプル オブ プログラミング』101の原理・原則総まとめ

  1. 参考文献・出典
  2. このページの著者
  3. シェア

コードレビュー道場 #2~密結合な設計を疎結合に変えよ!~

1. 次のコードは、設定値への依存の仕方があまりよくありません。結合度の観点から適切な改善はどれでしょうか?

function connectDb() {
  const client = new DbClient({
    host: 'db.example.internal',
    port: 5432,
    user: 'app_user',
    password: 'secret'
  });
  return client;
}

2. 次の2つの関数は、どちらもログイン状態に依存する処理です。結合度/凝集度の観点から、どのような改善が望ましいでしょうか?

function showMyPage() {
  if (!window.currentUser) {
    throw new Error('ログインしていません');
  }
  // 画面描画
}

function showSettings() {
  if (!window.currentUser) {
    throw new Error('ログインしていません');
  }
  // 設定画面描画
}

3. 次のクラスは、リポジトリとサービスが分かれていません。結合度/凝集度の観点から、改善ポイントはどこでしょうか?

class UserManager {
  constructor(db) {
    this.db = db;
  }

  async findById(id) {
    return this.db.query('SELECT * FROM users WHERE id = ?', [id]);
  }

  async changeEmail(id, newEmail) {
    const user = await this.findById(id);
    // ドメインルールのチェック(省略)
    await this.db.execute('UPDATE users SET email = ? WHERE id = ?', [newEmail, id]);
  }
}

4. 次のコードは、法則的には「デメテルの法則(LoD)」に違反しやすいパターンです。結合度の観点から、最も問題になりやすい点はどれでしょうか?

function getCustomerCity(order) {
  return order.customer.address.city;
}

5. 次の関数は、1つのパラメータオブジェクトに大量の値を詰め込んでいます。凝集度の観点から、何が問題になりやすいでしょうか?

function createReport(params) {
  // params = {
  //   userId, userName, userAge,
  //   projectId, projectName,
  //   startDate, endDate,
  //   includePrivate, includeDeleted,
  //   ...
  // }
  // 複雑なレポート生成処理
}

6. 次の2つのクラスは、互いにお互いを new しています。結合度の観点から、どのような問題がありますか?

class A {
  constructor() {
    this.b = new B(this);
  }
}

class B {
  constructor(a) {
    this.a = a;
  }
}

7. 次の2つの関数は、一見別の目的に見えますが、結合度/凝集度の観点からどのような改善が望ましいでしょうか?

function formatUserAddress(user) {
  return `${user.postalCode} ${user.pref} ${user.city} ${user.street}`;
}

function formatShippingLabel(order) {
  const user = order.user;
  return `${user.postalCode} ${user.pref} ${user.city} ${user.street}`;
}

8. 次のクラスは、ログ出力と業務ロジックが混ざっています。凝集度/結合度の観点から、どのような改善が望ましいでしょうか?

class PaymentService {
  constructor(http) {
    this.http = http;
  }

  async pay(order) {
    console.log('PAYMENT START', new Date(), order.id);

    const result = await this.http.post('/payments', { orderId: order.id });

    console.log('PAYMENT END', new Date(), order.id, result.status);

    return result;
  }
}

9. 次の関数は、複数のオブジェクトにまたがって状態を更新しています。結合度/凝集度の観点から、どのような設計リスクがありますか?

function completeTask(task, user, project) {
  task.completed = true;
  task.completedAt = new Date();

  user.completedTaskCount++;

  project.lastActivityAt = new Date();
}

10. 次のコードは、内部データ構造に強く依存した取り方をしています。結合度の観点から、最も問題となる点はどれでしょうか?

function getFirstItemPrice(cart) {
  return cart.items[0].price;
}

密結合な設計を疎結合に変えよ!
採点結果

正答率:0%

-

-

参考文献・出典

  • プリンシプル オブ プログラミング ~3年目までに身につけたい一生役立つ101の原理原則~
  • 上田 勲(著)/秀和システム/第1版14刷/2025年/ISBN978-4-7980-4614-3

※本ページは学習支援を目的とした要約です。実務適用時は原典もご参照ください。

このページの著者

もちもちみかん(システムエンジニア)

社内SEとしてグループ企業向けの業務アプリを要件定義〜運用まで一気通貫で担当しています。

経験:Webアプリ/業務システム

得意:PHP・JavaScript・MySQL・CSS

個人実績:フォーム生成基盤クイズ学習プラットフォーム

詳しいプロフィールはこちら!  もちもちみかんのプロフィール

もちもちみかん0系くん
TOPへ

もちもちみかん.comとは


このサイトでは、コーディングがめんどうくさい人向けのお助けツールとして、フォームやCSSをノーコードで生成できる、
 もちもちみかん.forms
 もちもちみかん.css1
 もちもちみかん.css2
と言ったジェネレーターを用意してます。

また、このサイトを通じて、「もちもちみかん」のかわいさを普及したいとかんがえてます!