b.modeがAIツール『QAWire』を公開、質問への回答だけでワイヤーフレームと概算見積りを自動生成

公開：2026年6月5日更新：2026年6月5日

CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座

b.mode株式会社は2026年5月7日、Webサイト制作の初期工程を効率化するAIツール『QAWire（キューエーワイヤー）』を公開しました。質問への回答だけでTOPページのワイヤーフレームと概算見積りを自動生成できるサービスで、最新の Google Gemini AI を搭載しています。ヒアリングや構成検討に多くの時間が費やされてきたWeb制作の初期段階を、AIによる自動生成で効率化することを目的としたものです。

QAWireが解決するWeb制作初期工程の課題
QAWireの主な機能
QAWireの技術概要とサービス概要
trends編集部の一言
References

QAWireが解決するWeb制作初期工程の課題

Webサイトの新規作成やリニューアルを検討する際、「どのような構成にすればいいか分からずワイヤーフレームを作れない」「制作会社に相談する前におおよその費用感を把握したいが手段がない」といった課題に直面するケースは広く見られました。プロの制作会社に依頼する場合でも、初期の具体的なイメージが出来上がるまでに多くの時間を要していました。

『QAWire（キューエーワイヤー）』は、画面に表示されるステップ形式の質問に答えるだけで、TOPページのワイヤーフレームHTMLと概算見積り金額をその場で生成します。担当者がプロからヒアリングを受ける手間をかけることなく、具体的な検討をスムーズに進められる点が特徴です。

Python研修一覧はこちら

目的に合うPython研修を一覧形式から探したい方は、ぜひご利用ください。

Python研修を比較する

Java研修一覧はこちら

目的に合うJava研修を一覧形式から探したい方は、ぜひご利用ください。

Java研修を比較する

PHP研修一覧はこちら

目的に合うPHP研修を一覧形式から探したい方は、ぜひご利用ください。

PHP研修を比較する

新入社員研修

目的に合う新入社員研修を一覧形式から探したい方は、ぜひご利用ください。

新入社員研修を比較する

全ての研修からも探したい方はこちら

QAWireの主な機能

『QAWire（キューエーワイヤー）』が備える主な機能は、以下の通りです。

テキスト入力不要の選択式「AIステップヒアリング」
PC View・Mobile View のマルチデバイス対応リアルタイムプレビュー
自然言語による「AI追加修正」と最大3回までの修正入力
Undo/Redo機能による試行錯誤のサポート
概算見積り・要件定義書の自動出力

「AIステップヒアリング」では、サイトの目的やターゲット、希望する機能などを選択肢からクリックして選ぶだけで、Google Gemini AI がワイヤーフレームのHTMLコードを自動生成します。生成された画面設計図は「PC View」「Mobile View」の2つのタブでシームレスに切り替えて確認でき、レスポンシブデザインの挙動をその場で視覚的に把握できました。

AI追加修正機能では、「もっとファーストビューをダイナミックにして」「フッターにお問い合わせフォームを追加して」といった要望を自然な日本語で最大3回まで入力できます。ヒアリング結果をもとに算出された概算費用と要件定義書は、社内稟議や商談の基礎資料としてそのまま活用できるものです。完成したワイヤーフレームや要件はボタン一つでb.mode株式会社へ送信・相談でき、開発フェーズへのスムーズな移行を支援します。

QAWireの技術概要とサービス概要

項目	詳細
サービス名	『QAWire（キューエーワイヤー）』
公開日	2026年5月7日
利用料金	無料（2026年5月現在）
対応デバイス	PC推奨
フロントエンド技術	React、TypeScript、Tailwind CSS
バックエンド	Google Cloud Run
AIエンジン	Google Gemini AI（gemini-3.5-flash / gemini-3.1-flash-lite）
公式URL	https://yokusuru.works/qawire/
開発・運営	b.mode株式会社
会社所在地	〒980-0014 宮城県仙台市青葉区本町2丁目1-33 第二日本オフィスビル9F
代表者	代表取締役三浦哲志氏
設立	2006年5月

『QAWire（キューエーワイヤー）』の詳細はこちら

Python基礎・実践(Django)

企業・法人向けのPython研修では、基礎から応用まで体系的に学べます。

Python研修の詳細

DX社員研修

企業・法人向けのDX研修では、実務に繋がるリスキリングでITレベルを向上させます。

DX研修の詳細

Javaエンジニア育成研修

企業・法人向けのJavaエンジニア育成研修では、Javaの基礎から応用まで確実に習得できます。

Java研修の詳細

新卒・新入社員向け研修

企業・法人に新入社員・新卒社員に向けたプログラミング研修を提供しています。

新入社員研修の詳細

コードキャンプのIT研修を全て見る

trends編集部の一言

「ヒアリングにかかる時間」と「構成作りのハードル」という2つの課題を、選択式のステップ入力だけで解消しようとするアプローチは、Web制作に限らず、広く応用が利く発想です。Web制作やマーケティング業界全体としては、ランディングページをはじめとした初期構成の社内合意や手戻りの多さは普遍的な課題として語られてきており、ワイヤーフレームと概算見積りが同時に出力される設計は、その入口における判断コストを下げる取り組みとして業界の動向とも合致します。

2026年5月現在、すべての機能が完全無料で提供されている点も注目に値する内容です。同種サービスの中でも、初期構想段階の可視化需要を意識した設計として、Web制作支援領域における要件定義自動化の流れを象徴する動きと言えます。

References

^ PR TIMES. 「質問に答えるだけでワイヤーフレームと概算見積りを自動生成！Webサイト制作の初期検討を効率化するAIツール『QAWire』を完全無料公開！ | b.mode株式会社のプレスリリース」. https://prtimes.jp/main/html/rd/p/000000002.000183673.html, (参照 26-06-05).

※上記コンテンツの内容やソースコードはAIで確認・デバッグしておりますが、間違いやエラー、脆弱性などがある場合は、コメントよりご報告いただけますと幸いです。