タイトル: 無料の AI コード生成ツール
日付: 2023-08-13
カテゴリー:

AI
タグ:
AI

無料の AI コード生成ツール

CodeWhisperer の概要

CodeWhisperer は、Amazon が開発した汎用の機械学習ベースのコードジェネレーターであり、リアルタイムでコードの提案を提供します。

コードを作成すると、既存のコードとコメントに基づいて提案が自動的に生成されます。1 行のコード提案から完全な機能に至るまで、あらゆる規模と範囲のパーソナライズされたアドバイスを提供します。

CodeWhisperer は、コードをスキャンしてセキュリティ問題を強調表示し、定義することもできます。

主に彼は自由だから

公式サイトアドレス

無料版の権限

個人使用は無料

無制限のコード提案

参照追跡

50 回のセキュリティスキャン (ユーザーあたり毎月)

インストール

親切なヒント

インストールプロセスでは、マジックツールを開く必要があります。アイデアと vscode の下位バージョンでは、このツールはサポートされていません。電子メールアカウントが必要です。CodeWhisperer を登録し、確認コードを受け取ります。

IntelliJ IDEAのインストール

以前のバージョンは使用できません。私のバージョンは 2023.2 (2021.1 は使いにくいです)

以下に示すように、IDEA で構成ウィンドウを開き、プラグインを選択して検索しAWS Toolkit、「インストール」をクリックして、「OK」ボタンをクリックします。

画像-20230813231825540

インストール後にIDEAを再起動すると、awsが表示されたらOKです。

画像-20230813231934086

AWS アカウントにログインします

以下の図に示すように、ポップアップウィンドウで [個人メールを使用してサインアップし、AWS Builder ID でサインインする] を選択し、[接続] ボタンをクリックします。

画像-20230813232107232

「開いてコードをコピー」をクリックします

画像-20230813232208574

このページに到達したら、Ctrl+V で直接貼り付けます。上で生成されたコードがここに自動的に貼り付けられます。

画像-20230813232247523

次に、メールアドレスを入力します。私は 163 メールアドレスを使用します

画像-20230813232350010

最後のページで [許可] ボタンをクリックします (vscode のインストール手順が表示されます。私のアイデアバージョン 2022 はこのプラグインをサポートしていないため、最初の操作 vscode、アイデア、vscode で AWS ビルダー用の同じ手順が作成されます) ID)

成功すると、アイデアは次のように表示されます

画像-20230813232810269

コード生成機能は、以下の図に示すように、AWS Toolkit ビューの開発者ツールでオンまたはオフにすることができます。

画像-20230813233005190

テストのために、[ユーザーコレクションの ID に従ってユーザーをクエリするインターフェイス] を例として取り上げます。

画像-20230813234048217

最初に要件を書き出してから、ショートカットキーを使用してコードを生成します

ショートカットキーの使い方

Codewhisperer を呼び出すには、プロセス全体を通してショートカットキーを押す必要があります。主な使用方法は次のとおりです。

ショートカットキーの機能

ALT + C	提案を求める (ダークワードが表示されたときにタブを押して提案を受け入れる)
タブ	提案を受け入れる
ESC	提案をキャンセルする
→	次の提案を選択してください
←	前の提案を選択

画像-20230813234435534

最終的に生成されたコードは次のとおりです

    //根据用户集合的id查询用户集合
    /***********************************
     * 用途讀述:
     * @param ids
     * 返回値讀述:
     * @return List<User>
     ***********************************/
    @PostMapping("/list")
    public List<User> findList(@RequestBody List<Integer> ids){
    
    
        return userService.listByIds(ids);
    }

vscodeのインストール

拡張機能ストアで検索しAWS Toolkitてインストールします

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-JPOaa1k7-1692363616508)(/assets/ai/money/1-1/1. png)]

インストールが完了すると、左側に「aws」という文字が表示されます

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-kY1V1tp1-1692363616508)(/assets/ai/money/1-1/2. png)]

次に、「アカウントログイン」をクリックします

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-NbZ9rI2j-1692363616509)(/assets/ai/money/1-1/3. png)]

以下のポップアップボックスが表示されるので、クリックします。

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-irsDjbFz-1692363616509)(/assets/ai/money/1-1/4. png)]

クリックして開きます

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-hibnbtYJ-1692363616510)(/assets/ai/money/1-1/5. png)]

このページに到達したら、Ctrl+Vで直接貼り付けます

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-pOODms60-1692363616510)(/assets/ai/money/1-1/6. png)]

次に、メールアドレスを入力してください

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-pyo4UCF3-1692363616511)(/assets/ai/money/1-1/7. png)]

続いて通常のメール認証とアカウント登録リンクが表示されます

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-MfX1klPa-1692363616511)(/assets/ai/money/1-1/8. png)]

メール認証コードを入力してください

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-Ox5duyoJ-1692363616511)(/assets/ai/money/1-1/9. png)]

パスワードを入力する

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-dMAQsqXf-1692363616512)(/assets/ai/money/1-1/10. png)]

「許可」をクリックします

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-1X4Hu1oj-1692363616512)(/assets/ai/money/1-1/11. png)]

仕上げる

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-JpWvQBz2-1692363616513)(/assets/ai/money/1-1/12. png)]

vsで成功した後

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-pDGKVJJY-1692363616513)(/assets/ai/money/1-1/13. png)]

テスト

生成されたコードに注釈を付ける

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-meyBduRf-1692363616514)(/assets/ai/money/1-1/14. png)]

Tabを押してコードを受け入れます

[外部リンク画像の転送に失敗しました。ソースサイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-X91IgUqa-1692363616514)(/assets/ai/money/1-1/15. png)]

[外部リンク画像転送...(img-pDGKVJJY-1692363616513)]

テスト

生成されたコードに注釈を付ける

[外部リンク画像転送...(img-meyBduRf-1692363616514)]

Tabを押してコードを受け入れます

[外部リンク画像転送...(img-X91IgUqa-1692363616514)]