Title: パッケージリファレンス
Author: Akira Tachibana
Published: 2020年2月29日
Last modified: 2023年10月8日

---

# パッケージリファレンス

## この投稿内

 * [WordPress グローバルからのパッケージの使用](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#WordPress-グローバルからのパッケージの使用)
 * [npm 経由のパッケージの使用](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#npm-経由のパッケージの使用)
 * [WordPress の特定のメジャーバージョンでの JavaScript コードのテスト](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#WordPress-の特定のメジャーバージョンでの-JavaScript-コードのテスト)
 * [パッケージ一覧 (翻訳のあるもの)](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#パッケージ一覧-翻訳のあるもの)

[↑ ページの先頭へ戻る](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#wp--skip-link--target)

WordPress は開発用に JavaScript のパッケージとツールをエクスポーズします。

## 󠀁[WordPress グローバルからのパッケージの使用](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#WordPress-グローバルからのパッケージの使用)󠁿

JavaScript パッケージは WordPress 内で登録済みスクリプトとして利用可能で、`wp` グローバル
変数を使用してアクセスできます。

たとえばブロックエディターモジュールから `PlainText` コンポーネントを使用する場合、
スクリプトをエンキューする際に依存として `wp-block-editor` を指定します。

    ```notranslate
    wp_enqueue_script(
    	'my-custom-block',
    	plugins_url( $block_path, __FILE__ ),
    	array( 'react', 'wp-blocks', 'wp-block-editor', 'wp-i18n' )
    );
    ```

依存の定義後は、JavaScript コードの中からグローバル変数 `wp` を使用して以下のよう
にモジュールにアクセスできます。

    ```notranslate
    const { PlainText } = wp.blockEditor;
    ```

## 󠀁[npm 経由のパッケージの使用](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#npm-経由のパッケージの使用)󠁿

すべてのパッケージは [npm](https://www.npmjs.com/org/wordpress) で利用可能です。
コード内にパッケージをバンドルできます。

同じ `PlainText` の例を使用すると、npm を使用して次のようにブロックエディターモジュール
をインストールできます。

    ```notranslate
    npm install @wordpress/block-editor --save
    ```

一度インストールすれば、コード内で次のようにコンポーネントにアクセスできます。

    ```notranslate
    import { PlainText } from '@wordpress/block-editor';
    ```

## 󠀁[WordPress の特定のメジャーバージョンでの JavaScript コードのテスト](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#WordPress-の特定のメジャーバージョンでの-JavaScript-コードのテスト)󠁿

ある WordPress のメジャーバージョンで使用されている、個々の WordPress パッケージ
のバージョンを素早くインストールする方法があります。これには、[npm distribution tags](https://docs.npmjs.com/cli/v8/commands/npm-dist-tag)
を使用します。WordPress `5.8.x` の例です。

    ```notranslate
    npm install @wordpress/block-editor@wp-5.8
    ```

It’s also possible to update all existing WordPress packages in the project with
a single command:
また、プロジェクト内の既存のすべての WordPress パッケージを1つ
のコマンドで更新できます。

    ```notranslate
    npx @wordpress/scripts packages-update --dist-tag=wp-5.8
    ```

`5.7.x` から始まるすべての WordPress のメジャーバージョンがサポートされています (
例: `wp-5.7` や `wp-6.0` など)。個々の dist-tag は、常にそのメジャーバージョンの
最新のバグフィックスリリースを指します。

## 󠀁[パッケージ一覧 (翻訳のあるもの)](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/?output_format=md#パッケージ一覧-翻訳のあるもの)󠁿

 * [create-block](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/packages-create-block/)
 * [env](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/packages-env/)
 * [i18n](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/packages-i18n/)

完全なパッケージ一覧は原文およびその下のページを参照してください。

> [Home](https://developer.wordpress.org/)

[原文](https://github.com/WordPress/gutenberg/blob/trunk/docs/reference-guides/packages.md)

公開日

2020年2月29日

最終更新

2023年10月8日

[  前へ: コンポーネントリファレンス](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/components/)

[  次へ: @wordpress/create-block](https://ja.wordpress.org/team/handbook/block-editor/reference-guides/packages/packages-create-block/)