|
| 1 | +--- |
| 2 | +slug: /developers/local-development/vscode-extension |
| 3 | +--- |
| 4 | + |
| 5 | +# VS Code 拡張機能 |
| 6 | + |
| 7 | +<!-- |
| 8 | +# VS Code extension |
| 9 | +--> |
| 10 | + |
| 11 | +[VS Code 拡張機能](https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground) を使用してセットアップ不要の開発環境を開始し、Apache や MySQL をインストールせずにプラグインやテーマをローカルで開発します。 |
| 12 | + |
| 13 | +<!-- |
| 14 | +# VS Code extensionStart a zero-setup development environment using the [VS Code extension](https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground), and develop your plugin or theme locally without installing Apache or MySQL. |
| 15 | +--> |
| 16 | + |
| 17 | +主な機能: |
| 18 | + |
| 19 | +<!-- |
| 20 | +Key Features: |
| 21 | +--> |
| 22 | + |
| 23 | +- **統合開発**: VS Code 内で直接 WordPress サイトを開発できます。 |
| 24 | +- **使いやすさ**: 統合ツールにより開発ワークフローが簡素化されます。 |
| 25 | + |
| 26 | +<!-- |
| 27 | +- **Integrated Development**: Develop WordPress sites directly within VS Code. |
| 28 | +- **Ease of Use**: Simplifies the development workflow with integrated tools. |
| 29 | +--> |
| 30 | + |
| 31 | +:::info **ドキュメント** |
| 32 | + |
| 33 | +VS Code 拡張機能は、別の GitHub リポジトリ[Playground Tools](https://github.com/WordPress/playground-tools/)で管理されています。最新のドキュメントは[専用の README ファイル](https://github.com/WordPress/playground-tools/blob/trunk/packages/vscode-extension/README.md)をご覧ください。 |
| 34 | + |
| 35 | +::: |
| 36 | + |
| 37 | +<!-- |
| 38 | +:::info **Documentation** |
| 39 | +
|
| 40 | +The VS Code extension is maintained in a different GitHub repository, [Playground Tools](https://github.com/WordPress/playground-tools/). You can find the latest documentation in the [dedicated README file](https://github.com/WordPress/playground-tools/blob/trunk/packages/vscode-extension/README.md). |
| 41 | +
|
| 42 | +::: |
| 43 | +--> |
| 44 | + |
| 45 | +## インストールと使用方法: |
| 46 | + |
| 47 | +<!-- |
| 48 | +## Installation and Usage: |
| 49 | +--> |
| 50 | + |
| 51 | +1. **拡張機能のインストール**: VS Code 拡張機能マーケットプレイスで「WordPress Playground」を検索してインストールします。 |
| 52 | +2. **セットアップ**: 拡張機能に記載されているセットアップ手順に従って、開発環境を構成します。 |
| 53 | +3. **開発とデバッグ**: 統合ツールを使用して、WordPress サイトの開発とデバッグを行います。 |
| 54 | + |
| 55 | +<!-- |
| 56 | +1. **Install the Extension**: Search for “WordPress Playground” in the VS Code extensions marketplace and install it. |
| 57 | +2. **Setup**: Follow the setup instructions provided in the extension to configure your development environment. |
| 58 | +3. **Develop and Debug**: Use the integrated tools to develop and debug your WordPress site. |
| 59 | +--> |
| 60 | + |
| 61 | +この拡張機能には、ポータブルな WebAssembly 版の PHP が同梱されており、WordPress で SQLite を使用するようにセットアップします。インストールが完了したら、VS Code で**WordPress サーバーを開始**ボタンをクリックするだけです。 |
| 62 | + |
| 63 | +<!-- |
| 64 | +The extension ships with a portable WebAssembly version of PHP and sets up WordPress to use SQLite. Once installed, all you have to do is click the **Start WordPress Server** button in VS Code: |
| 65 | +--> |
| 66 | + |
| 67 | +import Image from '@theme/IdealImage'; |
| 68 | +import vsCodeScreenshot from '@site/static/img/start-wordpress-server.png'; |
| 69 | + |
| 70 | +<div style={{maxWidth:350}}><Image img={vsCodeScreenshot} /></div> |
0 commit comments