コンテンツへスキップ
自動見積り お問合せ
MENU
TOP

AI Limitations

AIだけでは、判断を伴う
品質確認まで完結できない

AIはコード生成や反復作業を高速化できます。しかし、デザイン意図、共通化の範囲、例外状態、納品可否には、人の判断が必要です。

PROBLEM

このページで扱う問題

コードが生成できても、納品できるとは限りません

表示できるコードを生成するだけでなく、レスポンシブ、例外状態、ページ間の一貫性、ブラウザ上の差異まで確認しなければ、納品できる品質には到達しません。

CAUSE

問題が起きる原因

AIが得意な作業と、人の判断が必要な作業は異なる

AIは大量処理や反復実装を得意とします。一方、実案件の完成には、デザイン意図、レスポンシブ、例外状態、共通化の境界、ページ間の整合性、納品可否など、文脈を踏まえた判断が必要です。異なる役割を一つの工程として正しく接続しなければ、AIの速さを品質へつなげられません。

AIが得意なこと

  • 大量処理

    大量のページやセクションを、定義されたルールに沿って処理します。

  • 反復実装

    同じ構造やパターンを持つ実装を、繰り返し高速に進めます。

  • ページ展開

    確認済みの共通部品とテンプレートを参照し、後続ページへ展開します。

  • ルール検査

    明確に判定できるコーディングルールや形式上の問題を確認します。

AIが得意なことはAIへ。

人が判断すべきこと

  • デザイン意図

    単なる数値の再現ではなく、情報の優先順位や見せ方を読み取ります。

  • レスポンシブ時の見せ方

    PC・SP・タブレットと中間幅で、どの配置や表現が自然かを判断します。

  • 例外対応と共通化の境界

    画面に描かれていない状態や、共通部品に含める範囲を判断します。

  • 品質と納品可否

    表示・動作・コードを確認し、成果物を納品できる状態かを判断します。

文脈を伴う判断は人へ。

SOLUTION

私たちの解決方法

AIMESを実行基盤として、AI・コーダー・専任QCを一つのWorkflowで動かす

AIMESは、AI、コーダー、専任QCが、定められた順序と完了条件に沿って作業するためのWorkflow実行基盤です。AIが反復実装を進め、コーダーが設計と表示を判断し、専任QCが別の視点で検査します。

問題があれば修正工程へ戻し、必要な検査と再確認が終わったものだけを完了とします。

  • AI AGENT

    担当すること

    • Figmaと案件情報をもとにした実装
    • 確認済みの構造とルールに沿ったページ展開
    • 共通コンポーネントを利用した反復実装
    • 機械的に判定できるルールの確認

    役割

    人が毎回同じコードを書く必要を減らし、大量ページの反復作業を高速化します。

  • コーダーチーム

    担当すること

    • デザイン意図と情報の優先順位の判断
    • 共通化する範囲とページ固有部分の判断
    • PC・SP・タブレットと中間幅の調整
    • 例外状態、特殊な動作、AIの指摘事項への対応

    役割

    画面と仕様の文脈を踏まえ、AIだけでは確定できない設計と表示を整えます。

  • 専任QCチーム

    担当すること

    • Figmaとブラウザ表示の照合
    • PC・タブレット・スマートフォンでの確認
    • ページ間・共通部品間の一貫性確認
    • 修正後の影響範囲と再確認

    役割

    実装担当とは別の視点で検査し、確認漏れや思い込みによる不具合を防ぎます。

一般的なAI利用との違い

AIMES上のWorkflowでは、コード生成を完了条件にしません。サイト全体の構造確認、人による判断、検査、差戻し、修正後の再確認までを一つの制作工程として実行します。

本サービスと「AIだけのコーディング」の比較
比較項目 本サービス AIだけのコーディング
入力情報
◎ Figma、サイトマップ、仕様を整理して参照
× 画面とプロンプトに依存しやすい
サイト構造
◎ ページ、共通部品、テンプレートを先に定義
× 画面単位の実装になりやすい
デザイン判断
◎ コーダーが意図を確認して調整
× AIの推測に依存しやすい
レスポンシブ
◎ 人が中間幅を含めて表示を調整
× 生成後に発注側の再確認が必要
例外状態
◎ 不明点を人へ戻し、仕様を確認
× 抜け落ちるか、推測されやすい
品質確認
◎ 表示比較、自動監査、AIレビュー、専任QC
× 利用者側での確認が中心になりやすい
修正・再確認
◎ AIMESが指摘、修正、再確認を管理
× 影響範囲を手作業で追う必要がある
完了の判断
◎ 必要な検査を終えた状態を完了とする
× コード生成が完了に見えやすい

※比較内容は、一般的に画面単位のプロンプトからコードを生成する利用方法との違いを示しています。

AIMES上で進む制作Workflow

AIMESが各工程の担当、検査結果、差戻し、承認、完了条件をつなぎ、必要な工程を通過した成果物だけを納品します。

  1. AI

    AIエージェントが、確認済みのサイト構造、コンポーネント、実装ルールを参照して、ページとセクションを実装します。大量処理と反復作業をAIへ任せ、制作速度を高めます。

  2. コーダー

    コーダーが、デザイン意図、共通化の境界、レスポンシブ、例外状態、特殊な動作を確認・調整します。AIでは判断できない内容は、人のタスクとして処理します。

  3. QC

    専任QCが、Figmaとブラウザ表示、指定端末での表示、主要な動作、ページ間の一貫性を確認します。問題が見つかった場合は、指摘内容と影響範囲を整理して修正工程へ戻します。

  4. 修正・再確認
    納品

    コーダーが指摘内容を修正し、関連するページ、共通部品、画面幅を再確認します。AIMES上で必要な検査、差戻し、修正、再確認が完了したことを確認し、完了条件を満たした成果物だけを納品します。

QUALITY

品質を支える仕組み

担当者を置くだけでなく、必要な工程を必ず通る仕組みにする

AIMESでTask、担当、検査結果、差戻し、承認、完了条件を管理し、品質工程の省略や確認漏れを防ぎます。

AIMESで実行する品質Workflowを見る

NAVIGATION

関連ページ

AI駆動HTMLコーディング代行サービス TOPへ

CONTACT

お見積り・ご相談等、お気軽にお問合せ下さい

デザイン作成途中でも、代表ページやサイトマップがあればご相談いただけます。