OPEN TOOLS / CREATIVE ENGINEERING読むだけで、わかる。
q-model、q-actionなど少数のHTML属性だけで状態と操作を表現。AIが書いたものを、人間が追えます。
PUBLIC BETA · v0.6AI-NATIVE MICRO WEB FRAMEWORK
小さく書いて、
すぐ動かす。
AIにも、人間にも、わかりやすく。複雑な開発環境を用意せず、読みやすいHTMLと少しのJavaScriptで、美しいWebアプリを作るための無料ツールキット。
登録不要 / MIT License / ビルド不要 / 対応：モダンブラウザ
01 / THE IDEA
複雑さを減らす。
可能性は、そのまま。
AIが生成したコードでも、読みながら手で直せる。ひとつの小さな設計ルールが、試作から改良までをつなぎます。
最初から、きれい。
フォーム・カード・リスト・テーブルの見た目を標準化。3つのテーマとモバイル表示に対応します。
データを、閉じ込めない。
ブラウザ保存とメモリ保存、HTTP APIを共通の操作で扱えます。SQLiteはローカル実行用サンプルを同梱。
02 / CLEAR BY DESIGN
コードが、
そのまま設計図になる。
HTMLは画面だけ。JavaScriptはデータと必要な操作だけ。追加・削除・保存・画面更新などの定型処理を省き、少ないコードで完成させます。
動くサンプルを開くimport { quickApp } from './quick.js';
quickApp({
key: 'my-todo',
data: { draft: '' }
});03 / SPEC-FIRST DESIGN
仕様を書くだけで、
画面が完成する。
項目・一覧・検索・操作・入力ルール・画面配置をひとつの宣言にまとめます。フォームや詳細画面は自動生成。AIによる仕様変更の影響範囲と、必要な再テストも表示します。
仕様駆動の在庫管理を試す ↗import { defineApp } from './define.js';
defineApp({
id: 'stock-demo',
version: 1,
title: '在庫管理',
fields: {
name: { label: '品目名', required: true, unique: true },
qty: { label: '数量', type: 'number', integer: true }
},
ui: { search: ['name'], detail: ['name', 'qty'] }
});04 / LOCAL SQLITE
小さく作って、
データはしっかり残す。
v0.6から、同じ業務仕様に storage: "sqlite" を加えるだけで、ローカルSQLiteに保存できます。
保存・検索・入力検証は従来のUIのまま。別タブとの競合や仕様不一致は上書きせず検出します。
追加のPythonパッケージは不要。バックアップ、別ファイルへの復元、JSONエクスポート・インポートも同梱しています。
ローカル開発専用です。 公開Webデモとは別に、配布ZIP内のPythonサーバーをPCで起動してください。インターネット公開や複数ユーザーの認証には対応していません。
v0.6のソースとSQLiteデモを入手する ↗storage: "sqlite"
// 展開したフォルダで起動
python -m qaiuick_local.server
--root . --db ../data.sqlite3
// その後ブラウザで表示
127.0.0.1:8765/examples/sqlite-inventory/05 / LIVE EXAMPLES
開いて、触って、コードを見る。
初期データ入りの7種類のサンプル。仕様駆動版ではUI自体を自動生成します。HTML・CSS・JavaScriptの実際の配信ソースを、それぞれの画面で切り替えて読めます。
今日のメモ
メモの追加と削除、ブラウザ内保存を体験。
メモを試す・コードを見る ↗在庫管理
品目追加・補充・補充ライン・在庫集計。
在庫管理を試す・コードを見る ↗小さな家計簿
支出記録・費目別の合計と自動計算。
家計簿を試す・コードを見る ↗問い合わせ管理
対応状況をステップごとに進める小さな業務アプリ。
問い合わせ管理を試す・コードを見る ↗顧客検索
名前・会社名・地域の検索と、簡単な一覧管理。
顧客検索を試す・コードを見る ↗宣言だけの在庫管理
項目・補充・検索・詳細画面を自動生成。入力ルールも標準対応です。
仕様から生成した画面を開く ↗宣言だけの問い合わせ管理
業務フローと入力制約を定義。変更箇所・影響範囲・推奨テストも確認できます。
仕様から生成した画面を開く ↗デモのデータはブラウザのlocalStorageに保存します。初回データは一度だけ登録され、削除後は自動復元しません。各アプリの「初期サンプルに戻す」で再投入できます。
06 / START SMALL
まずは、3つのステップ。
01
ZIPを展開
インストーラー不要。配布物のsrc/とexamples/が出発点です。
02
HTMLを開く
ローカルサーバーからサンプルを表示。見た目や動きをそのまま変更できます。
03
AIと改良
AGENTS.mdとdocs/AI_SPEC.mdで、設計と編集ルールを共有します。
OPEN SOURCE / EXPERIMENTAL
qAIUIck v0.6 Beta
ソースとサンプル、検証ツールをまとめて配布。開発・検証は無料で行えます。
07 / BETA NOTES
まだ、小さな実験室です。
v0.6は試験公開版です。SQLiteのサンプルサーバーはlocalhost専用・認証なしで、インターネットには公開できません。ブラウザ内SQLite（WASM/OPFS）、マルチユーザー認証、DB同期、PostgreSQL/MySQL連携は未実装です。
ブラウザの保存データはバックアップではありません。重要なデータを預けず、まずはサンプルで挙動を確認してください。安全性や商用運用への適合を保証するものではありません。
他のResoArc Webツールを見る