d-bye
← ガイド一覧

設計書から動くコードへ:d-bye の仕組み

d-bye は、業務アプリの「言葉による説明」を動くアプリケーションに変えます。その道筋は構造化された設計書を通るため、各ステップが魔法ではなく、すべて確認可能です。

1. 作りたいものを説明する

まずは言葉から。必要なアプリ、扱うデータ、画面、業務フローを文章で書きます。アイデアから具体物へ最速で進む方法です。

その説明から、d-bye は「見えて・編集できる」構造化された設計書を下書きします。そのまま受け入れるしかない不透明な結果ではありません。

2. 設計書を磨く

設計書は、画面とその部品・イベント・データテーブル・バッチフローを構造化データとして保持します。フィールド名の変更、画面の修正、フロー手順の追加を、そのまま直接編集できます。

設計書は検証されるため、問題は生成後の実行時ではなく、ここ(設計時)で表面化します。

3. コードを生成する

同じ設計書から、d-bye は React/TypeScript フロントエンド・選べる言語のバックエンド・DBスキーマを生成します。すべての生成先が1つの記述から導かれるため、構造的に互いが一致します。

アプリの挙動をプレビューで確認し、コードを出力して自社インフラで動かし・デプロイできます。

4. 所有し、進化させる

出力されたコードはあなたのもの。読んで、直して、どこへでもデプロイできます。設計が変わったら設計書を変えて再生成する——意図と実装が常に歩調を合わせます。

具体例で試したいですか? 既成テンプレートを見て、生成前にプレビューしてみてください。

実際に動かして確かめる

テンプレートをプレビューして、そのまま動くコードを生成できます。