Skip to content

Commit ccf2c82

Browse files
authored
Add Japanese translations to Build (#2291)
## Motivation for the change, related issues Part of #2202 Add Japanese translations to Build
1 parent bdf820e commit ccf2c82

File tree

1 file changed

+191
-0
lines changed
  • packages/docs/site/i18n/ja/docusaurus-plugin-content-docs/current/main/about

1 file changed

+191
-0
lines changed
Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
---
2+
title: 構築
3+
slug: /about/build
4+
description: WP Playground で構築する
5+
sidebar_class_name: navbar-build-item
6+
---
7+
8+
# 構築
9+
10+
<!--
11+
# Build
12+
-->
13+
14+
WordPress Playground を使えば、モバイル端末からでも、電波の届かない場所でも、WordPress を素早く作成・学習できます。ブラウザ、Node.js、モバイルアプリ、VS Code など、作業効率の良い場所で Playground をご利用いただけます。
15+
16+
<!--
17+
WordPress Playground can help you to create and learn WordPress quickly, even on mobile with no signal. You can use Playground where you work best, whether that’s in the browser, Node.js, mobile apps, VS Code, or elsewhere.
18+
-->
19+
20+
## ローカルの WordPress 環境を素早く設定する
21+
22+
<!--
23+
## Setting quickly a local WordPress environment
24+
-->
25+
26+
Playground を開発ワークフローにシームレスに統合することで、ローカルの WordPress 環境を素早く起動し、コードをテストできます。[ターミナル](/developers/local-development/wp-now) または [お好みの IDE](/developers/local-development/vscode-extension) から直接実行できます。
27+
28+
<!--
29+
You can seamlessly integrate Playground into your development workflow to launch a local WordPress environment quickly for testing your code. You can do this directly [from the terminal](/developers/local-development/wp-now) or [your preferred IDE.](/developers/local-development/vscode-extension)
30+
-->
31+
32+
## ブロックテーマの変更を保存し、Github プルリクエストを作成します
33+
34+
<!--
35+
## Save changes done on a Block Theme and create Github Pull Requests
36+
-->
37+
38+
Playground インスタンスを GitHub リポジトリに接続し、[Create Block Theme](https://wordpress.org/plugins/create-block-theme/) プラグインを利用して、WordPress UI から行った変更を含むプル リクエストを作成できます。
39+
40+
<!--
41+
You can connect your Playground instance to a GitHub repository and create a Pull Request with the changes you’ve done through the WordPress UI, leveraging the [Create Block Theme](https://wordpress.org/plugins/create-block-theme/) plugin.
42+
-->
43+
44+
このワークフローを使用すると、ブラウザ内でブロック テーマを完全に構築し、変更を GitHub に保存したり、既存のテーマを改善/修正したりできます。
45+
46+
<!--
47+
With this workflow, you could build a block theme completely in your browser and save your change to GitHub, or you could improve/fix an existing one.
48+
-->
49+
50+
<iframe width="800" src="https://www.youtube.com/embed/94KnoFhQg1g" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
51+
52+
<p></p>
53+
このワークフローのさらにいくつかの例:
54+
55+
<!--
56+
Some more examples of this workflow:
57+
-->
58+
59+
- [Developer Hours: テストとデモ用の WordPress Playground ブループリントの作成](https://www.youtube.com/watch?v=gKrij8V3nK0&t=2488s)
60+
- [Hallway Hangout のまとめ: Playground、Create-block-theme プラグイン、GitHub を使ったテーマ構築](https://make.wordpress.org/core/2024/06/25/recap-hallway-hangout-theme-building-with-playground-create-block-theme-plugin-and-github/)
61+
62+
<!--
63+
- [Developer Hours: Creating WordPress Playground Blueprints for Testing and Demos](https://www.youtube.com/watch?v=gKrij8V3nK0&t=2488s)
64+
- [Recap Hallway Hangout: Theme Building with Playground, Create-block-theme plugin, and GitHub](https://make.wordpress.org/core/2024/06/25/recap-hallway-hangout-theme-building-with-playground-create-block-theme-plugin-and-github/)
65+
-->
66+
67+
## プレイグラウンドインスタンスをローカルフォルダと同期し、Github プルリクエストを作成する
68+
69+
<!--
70+
## Synchronize your playground instance with a local folder and create Github Pull Requests
71+
-->
72+
73+
![Storage Type Device Snapshot](../_assets/storage-type-device.png)
74+
75+
Google Chrome を使用すると、Playground インスタンスを次のいずれかのローカル ディレクトリと同期できます。
76+
77+
<!--
78+
With Google Chrome you can synchronize your Playground instance with a local directory, that can be either:
79+
-->
80+
81+
- 空のディレクトリ – このプレイグラウンドを保存して同期を開始します
82+
- 既存のディレクトリ – ここで読み込み、同期を開始します
83+
84+
<!--
85+
- And empty directory – to save this Playground and start syncing
86+
- An existing directory – to load it here and start syncing
87+
-->
88+
89+
:::info
90+
91+
この機能は現在 Google Chrome でのみご利用いただけます。他のブラウザではご利用いただけません。
92+
93+
:::
94+
95+
<!--
96+
:::info
97+
98+
This feature is only available for Google Chrome for now. It won't work with other browsers, yet.
99+
100+
:::
101+
-->
102+
103+
接続の両側で行われた変更について:
104+
105+
<!--
106+
Regarding changes done on both sides of the connection:
107+
-->
108+
109+
- Playground で変更されたファイルはコンピュータに同期されます。
110+
- コンピュータで変更されたファイルは Playground に同期されません。「ローカルファイルを同期」ボタンをクリックする必要があります。
111+
112+
<!--
113+
- Files changed in Playground will be synchronized to your computer.
114+
- Files changed on your computer will not be synchronized to Playground. You'll need to click the "Sync local files" button.
115+
-->
116+
117+
このワークフローを使用すると、ローカル ディレクトリで行われた変更から直接 GitHub PR を作成できます。
118+
119+
<!--
120+
With this workflow you can create directly GitHub PRs from your changes done on your local directory.
121+
-->
122+
123+
このワークフローの実際のデモを次に示します。
124+
125+
<!--
126+
See here a little demo of this workflow in action:
127+
-->
128+
129+
<iframe width="800" src="https://www.youtube.com/embed/UYK88eZqrjo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
130+
131+
<p></p>
132+
133+
## 他の API と統合して新しいツールを作成します。
134+
135+
<!--
136+
## Integrate with other APIs to create new tools.
137+
-->
138+
139+
Playground はさまざまな API と組み合わせることで、素晴らしいツールを作成できます。可能性は無限大です。
140+
141+
<!--
142+
Playground can be combined with different APIs to create amazing tools. The possibilities are endless.
143+
-->
144+
145+
[Node.js で WordPress Playground を使用](/developers/local-development/php-wasm-node)して新しいツールを作成できます。PHP WebAssembly ランタイムを同梱する [@php-wasm/node パッケージ](https://npmjs.org/@php-wasm/node) は、例えば [https://playground.wordpress.net/](https://playground.wordpress.net/) で使用されているパッケージです。
146+
147+
<!--
148+
You can [use WordPress Playground in Node.js](/developers/local-development/php-wasm-node) to create new tools. The [@php-wasm/node package](https://npmjs.org/@php-wasm/node), which ships the PHP WebAssembly runtime, is the package used for [https://playground.wordpress.net/](https://playground.wordpress.net/), for example.
149+
-->
150+
151+
Playground をベースに構築されたもう一つの興味深いアプリは、**Translate Live** です([](https://translate.wordpress.org/projects/wp-plugins/friends/dev/de/default/playground/) を参照)。Open AI と組み合わせることで、WordPress 翻訳ツールを「その場で」提供し、翻訳を実際の文脈で確認・修正できます(例を参照)。このツールの詳細については、[Translate Live: Translation Playground のアップデート](https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/) をご覧ください。
152+
153+
<!--
154+
Another interesting app built on top of Playground is **Translate Live** (see [example](https://translate.wordpress.org/projects/wp-plugins/friends/dev/de/default/playground/)) which, in combination with Open AI provides a WordPress translations tool “in place” where translations can be seen and modified in their real context (see example). Read more about this tool at [Translate Live: Updates to the Translation Playground](https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/)
155+
-->
156+
157+
## オフラインでもネイティブアプリとしても動作
158+
159+
<!--
160+
## Work offline and as a native app
161+
-->
162+
163+
[playground.wordpress.net](https://playground.wordpress.net/) に初めてアクセスすると、Playground の使用に必要なすべてのファイルがブラウザに自動的にキャッシュされます。それ以降は、インターネット接続がなくても [playground.wordpress.net](https://playground.wordpress.net/) にアクセスできるようになり、中断することなくプロジェクトの作業を継続できます。
164+
165+
<!--
166+
When you first visit [playground.wordpress.net](https://playground.wordpress.net/), your browser automatically caches all the necessary files to use Playground. From that point on, you can access [playground.wordpress.net](https://playground.wordpress.net/), even without internet connection, ensuring you can continue working on your projects without interruptions.
167+
-->
168+
169+
Playground をプログレッシブ ウェブ アプリ (PWA) としてデバイスにインストールし、ネイティブ アプリと同じようにホーム画面から直接 Playground を起動することもできます。
170+
171+
<!--
172+
You can also install Playground on your device as a Progressive Web App (PWA) to launch the Playground directly from your home screen—just like a native app.
173+
-->
174+
175+
詳細については、[WordPress Playground のオフライン モードと PWA サポートの導入](https://make.wordpress.org/playground/2024/08/05/offline-mode-and-pwa-support/) をお読みください。
176+
177+
<!--
178+
Read [Introducing Offline Mode and PWA Support for WordPress Playground](https://make.wordpress.org/playground/2024/08/05/offline-mode-and-pwa-support/) for more info.
179+
-->
180+
181+
## ウェブ以外の環境に WordPress サイトを埋め込む
182+
183+
<!--
184+
## Embed a WordPress site in non-web environments
185+
-->
186+
187+
[Playground 経由でネイティブ iOS アプリで実際の WordPress サイトを配布する方法](../guides/wordpress-native-ios-app) ガイドでは、Playground を活用して WordPress サイトを iOS アプリにラップする方法を説明しています。
188+
189+
<!--
190+
The [How to ship a real WordPress site in a native iOS app via Playground?](../guides/wordpress-native-ios-app) guide shows how we can leverage Playground to wrap a WordPress site into an IOS app.
191+
-->

0 commit comments

Comments
 (0)