コード生成ツール

コード生成ツールは、AIにコードを生成してもらうことができる機能です。

コード生成ツールの使い方

Aidyアプリのトップ画面のツール選択ボタンから、コード生成をクリックします。

作成してほしいコードの内容をAIに指示します。
例えば、以下のような指示を入力します。

• ReactでToDoアプリを作成してください
• HTMLとCSSでポートフォリオサイトを作成してください

指示を入力したら、送信ボタンをクリックします。

コードの生成

コードの生成が完了すると、以下のようにコードが表示されます。

左側にコードのサンプルが、右側にはプレビューが表示されます。
プレビューは、実際にブラウザで表示される内容を確認することができます。

コードの編集とプレビューツール

コードの編集機能を使用すると、生成されたコードを直接修正することができます。

右上にある展開ボタンをクリックすると、コードエディタが表示されます。

この画面では、生成されたコードを確認し、必要に応じて修正を加えることができます。

コードのダウンロード

コードをダウンロードしたい場合は、コードの右上にあるダウンロードボタンをクリックします。
コードはZIP形式で一式丸ごとダウンロードされます。