WooCommerce Blocks Handbook

Posted2024年3月10日

Updated2024年3月11日

Byadmin_artws

WooCommerce Blocks Handbook を2024年3月に日本語訳したドキュメントとなります。

WooCommerce に関わるブロックの開発をするためには、少なからず、WooCommerce での仕様や開発方針を把握しておかないと対応できませんので、少なからず全体像を把握するようにした方がいいです。

個人的なコントリビュートの観点から重要度が高そうなものから翻訳を進めていきます。翻訳を共同作業してくれる人を常に募集しています。

貢献(Contributors)

WooCommerce Blocks プラグインに貢献したいですか? 次のドキュメントには、作業を開始するのに役立つ情報が記載されています。

貢献する
- はじめる
- コーディングガイドライン
- ブロックスクリプトアセット
- CSS ビルドシステム
- JavaScript ビルドシステム
- JavaScript のテスト
- ストーリーブックとコンポーネント

内部の開発者

あなたは内部の開発者ですか? 次のドキュメントでは、さまざまなブロック、ブロッククライアント API、ストア API、テンプレート、およびテストプロセスに関する情報が提供されます。

ブロック
- チェックアウト中の在庫予約
- 機能フラグと実験的インターフェイス
ブロックデータ
- コレクションストア
- クエリ状態ストア
- スキーマストア
クライアント API ブロック
- チェックアウトAPIインターフェース
- チェックアウトの流れとイベント
- お知らせ
データストア
- 検証(Validation)
エディターのコンポーネント
- 検索リストコントロール(SearchListControl)
- タグ(Tag)
- テキストツールバーボタン(TextToolbarButton)
アイコン
ストア API(REST API)
ストーリーブック
テンプレート
- BlockTemplateController.php
- ClassicTemplate.php
- クラシックテプレートブロック
テスト
- エンドツーエンドテストをいつ採用するか
- スモークテスト
- カートとチェックアウトのテスト
  - 全体の流れ
  - 編集者
  - 配送
  - 支払い
  - アイテム
  - 税金
  - クーポン
  - 互換性
- リリース
翻訳
- 翻訳の基本
- PHP ファイルの翻訳
- JS/TS ファイルの翻訳
- FSE テンプレートの翻訳
- 遅延ロードされたコンポーネントの変換
- 翻訳の読み込み
- 翻訳管理

サードパーティ開発者

サードパーティの開発者ですか? 次のドキュメントでは、カスタム拡張機能を使用して WooCommerce Blocks プラグインを拡張する方法について説明します。

拡張性
- フック
  - アクション
  - フィルター
- REST API
  - Store API でのデータの公開
  - ExtendSchema で拡張できるエンドポイント
  - ExtendSchema へのエンドポイントの追加
  - 利用可能なフォーマッタ
  - Store API を使用してカートを更新する
- チェックアウトの支払い方法
  - チェックアウトの流れとイベント
  - 支払い方法の統合
  - 支払い方法のフィルタリング
- チェックアウトブロック
  - 統合インターフェース
  - 利用可能なフィルター
  - スロットとフィル
  - 利用可能なスロットフィル
  - DOM イベント
  - ブロックレジストリ
  - コンポーネント
  - フィルターレジストリ
  - スロットアンドフィル
  - ユーティリティ

デザイナー

あなたはデザイナーですか？次のドキュメントでは、WooCommerce Blocks プラグインにデザイン変更を適用する方法について説明します。

テーマ設定
- フィルターブロック
- カートとチェックアウト
- 4.6.0 でのクラス名更新
- 3.4.0 でのクラス名更新
- 3.3.0 でのクラス名更新
- 2.8.0 でのクラス名更新
- 2.7.0 でのプロダクトグリッドブロックスタイルの更新

開発者向けリソース

ツール

@woocommerce/extend-cart-checkout-block これは、WooCommerce Blocks 拡張機能の開始点を作成するために @wordpress/create-block とともに使用するテンプレートです。また、いくつかの拡張ポイントの使用方法も紹介します。チェックアウトブロック内の内部ブロックの登録、注文ボタンなどの特定のテキストへのフィルターの適用、スロット/フィルの使用、およびストア API の動作の変更方法。

記事

developer.woo.com からの次の投稿は、WooCommerce Blocks の開発についてのより深い洞察を提供します。

チュートリアル

次の developer.woo.com のチュートリアルは、WooCommerce Blocks プラグインの拡張に役立ちます。