メインコンテンツへスキップ

クイックスタート・チュートリアル

ハンズオン形式の演習を通じて、Prometheusのコア機能を学びましょう。オートコンプリート、エディット、チャット、エージェントモードを数分で使い始めることができます。
Prometheusへようこそ!このインタラクティブなチュートリアルでは、実用的な例を通じて4つのコア機能をすべて紹介します。ステップバイステップで進めながら、Prometheusの機能について学びましょう。
前提条件: 開始する前に、Prometheusをインストールし、サインインしていることを確認してください。

🔄 オートコンプリート (Autocomplete)

機能: AIを活用して、入力中にインテリジェントなインラインコードの提案を提供します。
1

テストファイルの作成

IDEで tutorial.js という名前の新しいファイルを作成します(またはお好みの言語を使用してください)。
2

オートコンプリートを試す

以下のスターターコードをコピーし、コメントの末尾にカーソルを置きます:
// TODO: Implement a sorting algorithm function
function sortingAlgorithm(arr) {
  // ここにカーソルを置いて Enter を押してください
}
Enter キーを押すと、Prometheusがコードの補完を提案します。Tab キーを押して提案を受け入れます。
3

魔法を見る

Prometheusは、文脈とコメントに基づいて関数の中身をインテリジェントに提案します。
オートコンプリートは、明確な関数名、コメント、または型注釈を提供して意図を伝えると、最も効果的に機能します。

autocomplete-demo

✏️ エディット (Edit)

機能: 自然言語の指示を使用して、特定のコードセクションに対して迅速かつ的を絞った変更を行います。
1

サンプルコードの追加

以下のバブルソートの実装をファイルに貼り付けます:
function sortingAlgorithm(x) {
  for (let i = 0; i < x.length; i++) {
    for (let j = 0; j < x.length - 1; j++) {
      if (x[j] > x[j + 1]) {
        let temp = x[j];
        x[j] = x[j + 1];
        x[j + 1] = temp;
      }
    }
  }
  return x;
}
2

関数をハイライトする

エディタで関数全体をハイライト(選択)します。
3

エディットモードを開く

Cmd/Ctrl + I を押してエディットモードを開きます。
4

指示を与える

"make this more readable and add TypeScript types"(これを読みやすくして、TypeScriptの型を追加して)と入力します。
5

魔法を見る

Prometheusがコードを自動的にリファクタリングする様子を確認してください!
6

変更内容の確認

Prometheusは提案された変更の差分(diff)を表示します。必要に応じて、個々の変更を承認または拒否します。
エディットは、リファクタリング、ドキュメントの追加、バグ修正、または言語/フレームワーク間の変換に最適です。
edit-demo

💬 チャットモード (Chat Mode)

機能: IDEを離れることなく、コードを分析し、質問に答え、ガイダンスを提供できる対話型AIアシスタントです。
1

別の関数の追加

ファイルに2つ目のソート関数を追加します:
function sortingAlgorithm2(x) {
  for (let i = 0; i < x.length; i++) {
    for (let j = 0; j < x.length - 1; j++) {
      if (x[j] > x[j + 1]) {
        let temp = x[j];
        x[j] = x[j + 1];
        x[j + 1] = temp;
      }
    }
  }
  return x;
}
2

会話を始める

  1. 関数をハイライトします。
  2. 以下のキーボードショートカットを使用して、チャットに追加します。
  3. "What sorting algorithm is this and how can I optimize it?"(これは何のソートアルゴリズムですか?どうすれば最適化できますか?)と質問します。
3

さらに探索

以下のような追加の質問を試してみてください:
  • "Show me how to implement quicksort instead"(代わりにクイックソートを実装する方法を教えて)
  • "What's the time complexity of this algorithm?"(このアルゴリズムの時間計算量は?)
  • "Can you write unit tests for this function?"(この関数のユニットテストを書いてくれますか?)

チャットモードのキーボードショートカット

Cmd/Ctrl + L
新規チャット / 選択したコードで新規チャット / チャットがすでにフォーカスされている場合はPrometheusサイドバーを閉じる
Cmd/Ctrl + Shift + L
現在のチャットにフォーカス / 選択したコードを現在のチャットに追加 / チャットがすでにフォーカスされている場合はPrometheusサイドバーを閉じる
チャットは、コードレビュー、デバッグの支援、学習、または複雑な問題の解決策のブレインストーミングに活用してください。
chat-demo

🤖 エージェントモード (Agent Mode)

機能: ファイルの読み取り、変更の実行、コマンドの実行、および複雑なマルチステップタスクの処理が可能な自律型コーディングアシスタントです。
1

エージェントモードへの切り替え

  1. Prometheusパネルを開きます。
  2. 入力ボックスの左下にあるドロップダウンをクリックします。
  3. “Agent” モードを選択します。
2

エージェントモードに複雑なタスクを与える

以下のプロンプトを試してみてください:"Write comprehensive unit tests for the sorting functions in this file. Create the tests in a new file using Jest, and make sure to test edge cases like empty arrays and single elements."(このファイルのソート関数の包括的なユニットテストを書いてください。Jestを使用して新しいファイルにテストを作成し、空の配列や単一要素などのエッジケースも必ずテストしてください。)
3

エージェントモードの働きを見る

エージェントモードは以下のことを行います:
  • ✅ 既存のコードを分析する
  • ✅ 新しいテストファイルを作成する
  • ✅ 包括的なテストを記述する
  • ✅ セットアップとインポートを処理する
  • ✅ 各ステップで行っていることを説明する
エージェントモードには、ファイルの作成や修正を含む強力な機能があります。エージェントモードによる変更は、承認する前に必ず内容を確認してください。
agent-demo

その他の拡張機能の例

さらに詳しく知りたいですか?Prometheusは、コーディングワークフローを強化する5つの強力な機能を提供します:
エージェントモードは、チャットモデルに幅広いコーディングタスクを処理するために必要なツールを装備させます。agent mode
エージェントモードの詳細はこちら

🚀 次のステップ

おめでとうございます!Prometheusの4つのコア機能をすべて体験しました。次に探索すべき内容は以下の通りです:

📚 機能の詳細ガイド

特定の機能をマスターしたいですか?以下の詳細ガイドをチェックしてください:
Hub設定組織管理設定の共有について学びます。
サポートが必要ですか? トラブルシューティングガイドを確認するか、コミュニティディスカッションで質問してください。