AI AIワークナビ AI Work Studio
メニュー
AIワークナビ ホーム

使い方

AI Work Studioの使い方

AI Work Studioは、ブラウザだけでHTML、CSS、JavaScript、Python、C/C++を試せるWeb IDEです。インストールなしでコードを書き、右側のRun Screenで結果を確認できます。

Studioを開くと、ファイル一覧、コードエディタ、Preview、Consoleが同じ画面に並びます。学習中の小さなコード確認や、Webページの試作に向いています。

基本の流れ

  1. HTML、CSS、JavaScript、Python、C/C++のタブから編集したいファイルを選びます。
  2. コードを書いたらRun PreviewまたはRunを押します。HTML/CSS/JavaScriptはPreviewに、PythonとC/C++はConsoleに結果が出ます。
  3. ファイルを増やしたいときはNew File、フォルダを作りたいときはFolderを使います。
  4. 作業内容はブラウザに自動保存されます。アカウントを作るとSaveでサーバーにも保存できます。

AI Reviewでコードを確認する

AI Reviewは、現在開いているファイルを対象に、良い点、バグやつまずきの可能性、次に直すとよい点を短く表示します。エラーの答えだけを探すのではなく、自分で理解しながら直すための補助として使えます。

便利な操作

Resetは初期状態に戻します。Clear Allは空のindex.htmlだけを残して作業場を整理します。Deleteで消した直前のファイルはRestoreで戻せます。詳しい練習テーマは学習記事から選べます。