AIが迷わない疎結合設計へリファクタ！
コードレビュー道場 #2：凝集度/結合度

class UserProfileScreen {
  constructor(apiClient) {
    this.apiClient = apiClient;
  }

  async loadUser(userId) {
    const user = await this.apiClient.get(`/users/${userId}`);
    this.render(user);
  }

  async updateUser(user) {
    await this.apiClient.put(`/users/${user.id}`, user);
    this.render(user);
  }

  render(user) {
    // DOMを書き換えてプロフィール画面を描画
  }
}

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

  user.completedTaskCount++;

  project.lastActivityAt = new Date();
}

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

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

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

function notifyUser(user, message) {
  Slack.post('#alerts', message);
  Email.send(user.email, message);
  Sms.send(user.phone, message);
}

function updateUserName(user) {
  const input = document.getElementById('user-name-input');
  user.name = input.value;
}

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

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;
  }
}

function onClickSaveButton() {
  const user = collectFormData();

  // ドメインロジックを直接 new
  const service = new UserService();
  service.save(user);

  alert('保存しました');
}

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}`;
}