|
1 |
| -# LLM prompts and AI IDE setup |
2 |
| -Generating code with large language models (LLMs) is a rapidly growing area of interest for developers. While LLMs are often capable of generating working code it can be a challenge to generate code for consistently evolving frameworks like Angular. |
| 1 | +# LLMプロンプトとAI IDEセットアップ |
| 2 | +大規模言語モデル(LLM)によるコード生成は、開発者にとって急速に成長している関心分野です。LLMは動作するコードを生成できることが多い一方で、Angularのような常に進化するフレームワーク向けにコードを生成することは困難な場合があります。 |
3 | 3 |
|
4 |
| -Advanced instructions and prompting are an emerging standard for supporting modern code generation with domain specific details. This section contains curated content and resources to support more accurate code generation for Angular and LLMs. |
| 4 | +高度な指示とプロンプトは、ドメイン固有の詳細情報を用いた最新のコード生成をサポートするための新たな標準となっています。このセクションには、AngularとLLM向けにより正確なコード生成をサポートする厳選されたコンテンツとリソースが含まれています。 |
5 | 5 |
|
6 |
| -## Custom Prompts and System Instructions |
7 |
| -Improve your experience generating code with LLMs by using one of the following custom, domain specific files. |
| 6 | +## カスタムプロンプトとシステム指示 {#custom-prompts-and-system-instructions} |
| 7 | +LLMでコードを生成する体験を向上させるには、以下のカスタムのドメイン固有ファイルを使用してください。 |
8 | 8 |
|
9 |
| -NOTE: These files will be updated on a regular basis staying up to date with Angular's conventions. |
| 9 | +NOTE: これらのファイルは、Angularの規約に準拠するために定期的に更新されます。 |
10 | 10 |
|
11 |
| -Here is a set of instructions to help LLMs generate correct code that follows Angular best practices. This file can be included as system instructions to your AI tooling or included along with your prompt as context. |
| 11 | +これは、LLMがAngularのベストプラクティスに従った正しいコードを生成するのに役立つ一連の指示です。このファイルは、AIツールへのシステム指示として含めることも、プロンプトとともにコンテキストとして含めることもできます。 |
12 | 12 |
|
13 | 13 | <docs-code language="md" path="adev/src/context/best-practices.md" class="compact"/>
|
14 | 14 |
|
15 |
| -<a download href="/assets/context/best-practices.md" target="_blank">Click here to download the best-practices.md file.</a> |
| 15 | +<a download href="/assets/context/best-practices.md" target="_blank">ここをクリックしてbest-practices.mdファイルをダウンロードしてください。</a> |
16 | 16 |
|
17 |
| -## Rules Files |
18 |
| -Several editors, such as <a href="https://studio.firebase.google.com?utm_source=adev&utm_medium=website&utm_campaign=BUILD_WITH_AI_ANGULAR&utm_term=angular_devrel&utm_content=build_with_ai_angular_firebase_studio">Firebase Studio</a> have rules files useful for providing critical context to LLMs. |
| 17 | +## ルールファイル {#rules-files} |
| 18 | +いくつかのエディター(例: <a href="https://studio.firebase.google.com?utm_source=adev&utm_medium=website&utm_campaign=BUILD_WITH_AI_ANGULAR&utm_term=angular_devrel&utm_content=build_with_ai_angular_firebase_studio">Firebase Studio</a>)には、LLMに重要なコンテキストを提供するのに役立つルールファイルがあります。 |
19 | 19 |
|
20 |
| -| Environment/IDE | Rules File | Installation Instructions | |
| 20 | +| 環境/IDE | ルールファイル | インストール手順 | |
21 | 21 | |:----------------|:----------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------|
|
22 |
| -| Firebase Studio | <a download href="/assets/context/airules.md" target="_blank">airules.md</a> | <a href="https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions">Configure `airules.md`</a> | |
23 |
| -| Copilot powered IDEs | <a download="copilot-instructions.md" href="/assets/context/guidelines.md" target="_blank">copilot-instructions.md</a> | <a href="https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions" target="_blank">Configure `.github/copilot-instructions.md`</a> | |
24 |
| -| Cursor | <a download href="/assets/context/angular-20.mdc" target="_blank">cursor.md</a> | <a href="https://docs.cursor.com/context/rules" target="_blank">Configure `cursorrules.md`</a> | |
25 |
| -| JetBrains IDEs | <a download href="/assets/context/guidelines.md" target="_blank">guidelines.md</a> | <a href="https://www.jetbrains.com/help/junie/customize-guidelines.html" target="_blank">Configure `guidelines.md`</a> | |
26 |
| -| VS Code | <a download=".instructions.md" href="/assets/context/guidelines.md" target="_blank">.instructions.md</a> | <a href="https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions" target="_blank">Configure `.instructions.md`</a> | |
27 |
| -| Windsurf | <a download href="/assets/context/guidelines.md" target="_blank">guidelines.md</a> | <a href="https://docs.windsurf.com/windsurf/cascade/memories#rules" target="_blank">Configure `guidelines.md`</a> | |
| 22 | +| Firebase Studio | <a download href="/assets/context/airules.md" target="_blank">airules.md</a> | <a href="https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions">`airules.md`を設定</a> | |
| 23 | +| Copilot powered IDEs | <a download="copilot-instructions.md" href="/assets/context/guidelines.md" target="_blank">copilot-instructions.md</a> | <a href="https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions" target="_blank">`.github/copilot-instructions.md`を設定</a> | |
| 24 | +| Cursor | <a download href="/assets/context/angular-20.mdc" target="_blank">cursor.md</a> | <a href="https://docs.cursor.com/context/rules" target="_blank">`cursorrules.md`を設定</a> | |
| 25 | +| JetBrains IDEs | <a download href="/assets/context/guidelines.md" target="_blank">guidelines.md</a> | <a href="https://www.jetbrains.com/help/junie/customize-guidelines.html" target="_blank">`guidelines.md`を設定</a> | |
| 26 | +| VS Code | <a download=".instructions.md" href="/assets/context/guidelines.md" target="_blank">.instructions.md</a> | <a href="https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions" target="_blank">`.instructions.md`を設定</a> | |
| 27 | +| Windsurf | <a download href="/assets/context/guidelines.md" target="_blank">guidelines.md</a> | <a href="https://docs.windsurf.com/windsurf/cascade/memories#rules" target="_blank">`guidelines.md`を設定</a> | |
28 | 28 |
|
29 |
| -## Providing Context with `llms.txt` |
30 |
| -`llms.txt` is a proposed standard for websites designed to help LLMs better understand and process their content. The Angular team has developed two versions of this file to help LLMs and tools that use LLMs for code generation to create better modern Angular code. |
| 29 | +## Angular CLI MCPサーバーのセットアップ {#angular-cli-mcp-server-setup} |
| 30 | +Angular CLIには、開発環境のAIアシスタントがAngular CLIと連携できるようにする実験的な[Model Context Protocol (MCP)サーバー](https://modelcontextprotocol.io/)が含まれています。 |
31 | 31 |
|
| 32 | +[**Angular CLI MCPサーバーのセットアップ方法を学ぶ**](/ai/mcp) |
32 | 33 |
|
33 |
| -* <a href="/llms.txt" target="_blank">llms.txt</a> - an index file providing links to key files and resources. |
34 |
| -* <a href="/context/llm-files/llms-full.txt" target="_blank">llms-full.txt</a> - a more robust compiled set of resources describing how Angular works and how to build Angular applications. |
| 34 | +## llms.txtによるコンテキスト提供 {#providing-context-with-llms.txt} |
| 35 | +`llms.txt`は、LLMがコンテンツをより良く理解し処理できるよう設計されたウェブサイト向けの提案されている標準です。Angularチームは、LLMおよびコード生成にLLMを使用するツールが、より良いモダンなAngularコードを作成できるようにするため、このファイルの2つのバージョンを開発しました。 |
35 | 36 |
|
36 |
| -Be sure [to check out the overview page](/ai) for more information on how to integrate AI into your Angular applications. |
| 37 | + |
| 38 | +* <a href="/llms.txt" target="_blank">llms.txt</a> - 主要なファイルとリソースへのリンクを提供するインデックスファイル。 |
| 39 | +* <a href="/context/llm-files/llms-full.txt" target="_blank">llms-full.txt</a> - Angularの動作方法とAngularアプリケーションの構築方法を記述した、より堅牢なコンパイル済みリソースセット。 |
| 40 | + |
| 41 | +AngularアプリケーションにAIを統合する方法に関する詳細情報については、[概要ページ](/ai)もご確認ください。 |
0 commit comments