# ドキュメント

> Blockstudioのドキュメントを紹介します。

このファイルには、https://blockstudio.dev/ja/docs/配下のページが一覧表示されています。サイト全体のインデックスはhttps://blockstudio.dev/ja/llms.txtです。

## 開始
- [はじめに (開始 / Overview)](https://blockstudio.dev/ja/docs.md): Blockstudioのドキュメントを紹介します。
- [はじめに (開始 / Setup)](https://blockstudio.dev/ja/docs/general/getting-started.md): 最初のBlockstudioプロジェクトをセットアップする方法を説明します。
- [設定](https://blockstudio.dev/ja/docs/general/settings.md): Blockstudioをblockstudio.jsonまたはフィルターで設定します。
- [Composer](https://blockstudio.dev/ja/docs/dev/composer.md): Composerを使ってBlockstudioをインストール。
- [翻訳](https://blockstudio.dev/ja/docs/general/translations.md): Blockstudioをお使いの言語に翻訳し、翻訳にご協力ください。

## ブロック
- [登録](https://blockstudio.dev/ja/docs/blocks/registration.md): Blockstudioでカスタムブロックを登録する方法を紹介します。
- [スキーマ](https://blockstudio.dev/ja/docs/blocks/schema.md): JSONブロックのBlockstudioスキーマに対応。
- [上書き](https://blockstudio.dev/ja/docs/blocks/overrides.md): ブロックを細かく上書きします。
- [Twig](https://blockstudio.dev/ja/docs/blocks/templating/twig.md): BlockstudioブロックにTwigテンプレートを使います。
- [Blade](https://blockstudio.dev/ja/docs/blocks/templating/blade.md): BlockstudioブロックでLaravel Bladeテンプレートを使用。
- [一般 (ブロック / Assets)](https://blockstudio.dev/ja/docs/blocks/assets.md): ブロックのCSS、SCSS、JavaScriptファイルを自動で処理します。
- [アセットの登録](https://blockstudio.dev/ja/docs/blocks/assets/registering.md): ブロックのCSSとJavaScriptファイルを自動で読み込みます。
- [アセットの処理](https://blockstudio.dev/ja/docs/blocks/assets/processing.md): SCSSをコンパイルし、ESモジュールにも対応。
- [コードフィールドのアセット](https://blockstudio.dev/ja/docs/blocks/assets/code-field.md): コードフィールドを使って動的アセットブロックを作成。
- [属性の登録](https://blockstudio.dev/ja/docs/blocks/attributes/registering.md): ブロック用のカスタム属性を登録する方法を説明します。
- [フィールドタイプ](https://blockstudio.dev/ja/docs/blocks/attributes/field-types.md): Blockstudioの全フィールドタイプと各プロパティ。
- [カスタムフィールドタイプ](https://blockstudio.dev/ja/docs/blocks/attributes/custom-field-types.md): カスタムエディターコントロールと構造化された属性値を登録。
- [カスタムフィールド](https://blockstudio.dev/ja/docs/blocks/attributes/custom-fields.md): Blockstudioブロック用の再利用可能なフィールド定義。
- [ブロックフィールド](https://blockstudio.dev/ja/docs/blocks/attributes/block-field.md): 別のブロックをフィールドとして参照し、属性をインラインで展開します。
- [属性のフィルタリング](https://blockstudio.dev/ja/docs/blocks/attributes/filtering.md): PHPフックでブロック属性をフィルタリング、変更します。
- [属性のレンダリング](https://blockstudio.dev/ja/docs/blocks/attributes/rendering.md): ブロックテンプレートで属性値にアクセスします。
- [ブロック属性](https://blockstudio.dev/ja/docs/blocks/attributes/block-attributes.md): 配置やタイポグラフィなど、標準のWordPressブロック属性を利用できます。
- [HTMLユーティリティ](https://blockstudio.dev/ja/docs/blocks/attributes/html-utilities.md): 属性値をデータ属性またはCSS変数として出力します。
- [ストレージ](https://blockstudio.dev/ja/docs/blocks/storage.md): フィールド値を投稿メタやオプションに保存。
- [拡張エディター](https://blockstudio.dev/ja/docs/blocks/attributes/expanded-editor.md): サイドバーが狭い場合に、幅広のドロワーでBlockstudioフィールドを編集。
- [条件付きロジック](https://blockstudio.dev/ja/docs/blocks/attributes/conditional-logic.md): 条件に応じてフィールドを表示または非表示にします。
- [選択肢の設定](https://blockstudio.dev/ja/docs/blocks/attributes/populating-options.md): クエリ、関数、外部ソースからフィールドの選択肢を動的に設定します。
- [属性の無効化](https://blockstudio.dev/ja/docs/blocks/attributes/disabling.md): 値を保持したまま属性を一時的に無効化。
- [一般 (ブロック / React Components)](https://blockstudio.dev/ja/docs/blocks/react-components.md): React対応のエディターコンポーネントをPHP、Twig、Bladeのテンプレートで使えます。
- [useBlockProps](https://blockstudio.dev/ja/docs/blocks/react-components/useblockprops.md): エディターとフロントエンドのマークアップを一致させます。
- [内部ブロック](https://blockstudio.dev/ja/docs/blocks/react-components/innerblocks.md): カスタムブロック内でブロックをネストできるようにします。
- [リッチテキスト](https://blockstudio.dev/ja/docs/blocks/react-components/richtext.md): ブロックテンプレートに編集可能なテキストフィールドを追加します。
- [メディアプレースホルダー](https://blockstudio.dev/ja/docs/blocks/react-components/mediaplaceholder.md): ブロックにメディアアップロード用のプレースホルダーを追加します。
- [バリエーション](https://blockstudio.dev/ja/docs/blocks/variations.md): デフォルト属性値を変えたブロックバリエーションを作成。
- [変換](https://blockstudio.dev/ja/docs/blocks/transforms.md): ブロックを別のブロックに変換する方法を定義します。
- [プレビュー](https://blockstudio.dev/ja/docs/blocks/preview.md): ブロックインサーターでブロックのプレビューを有効にします。
- [読み込み](https://blockstudio.dev/ja/docs/blocks/loading.md): エディターでブロックを読み込む方法を制御します。
- [SEO](https://blockstudio.dev/ja/docs/blocks/seo.md): BlockstudioとSEOプラグインのリアルタイムコンテンツ分析連携について。
- [環境](https://blockstudio.dev/ja/docs/blocks/environment.md): レンダリングコンテキストに応じてコンテンツを条件付きで表示。
- [コンテキスト](https://blockstudio.dev/ja/docs/blocks/context.md): ブロックテンプレートからループや投稿のコンテキストデータにアクセス。
- [投稿メタ](https://blockstudio.dev/ja/docs/blocks/post-meta.md): ブロックテンプレートで投稿メタデータにアクセスします。
- [プログラムによるレンダリング](https://blockstudio.dev/ja/docs/blocks/rendering.md): BlockstudioブロックをPHP関数やHTMLタグでレンダリングします。
- [コンポーネント](https://blockstudio.dev/ja/docs/blocks/components.md): プログラムからレンダリングできる、エディターに表示されないブロック。
- [UIコンポーネント](https://blockstudio.dev/ja/docs/blocks/ui-components.md): bsuiコンポーネントライブラリとデザインシステム、テーマ設定の方法を解説します。
- [アイランド](https://blockstudio.dev/ja/docs/blocks/islands.md): ブロックをキャッシュ安全なプレースホルダーと、クライアントでレンダリングされるフラグメントに分割します。
- [インタラクティビティ](https://blockstudio.dev/ja/docs/blocks/interactivity.md): WordPressのInteractivity APIで、ブロックにリアクティブなクライアント側の動作を追加できます。
- [初期化](https://blockstudio.dev/ja/docs/blocks/block-api/initialization.md): WordPressの初期化中にコードを実行します。
- [RPC](https://blockstudio.dev/ja/docs/blocks/block-api/rpc.md): tRPCに着想を得た軽量なRPCシステムで、フロントエンドからサーバー側のPHP関数を呼び出せます。
- [データベース](https://blockstudio.dev/ja/docs/blocks/block-api/database.md): ブロックのデータモデルを定義し、CRUDエンドポイントの自動生成、検証、複数のストレージに対応します。
- [Cron](https://blockstudio.dev/ja/docs/blocks/block-api/cron.md): WordPress Cronを使い、ブロックごとにバックグラウンドタスクをスケジュールします。
- [PHPフック](https://blockstudio.dev/ja/docs/blocks/hooks/php.md): Blockstudioで利用できるPHPのフィルターとアクション。
- [JavaScriptフック](https://blockstudio.dev/ja/docs/blocks/hooks/javascript.md): Blockstudioで利用できるJavaScriptのフィルターとアクション。
- [Tailwind CSS](https://blockstudio.dev/ja/docs/tailwind.md): サーバーサイドでTailwind CSSをコンパイルし、自動キャッシュ。
- [拡張機能](https://blockstudio.dev/ja/docs/extensions.md): 登録済みブロックにカスタム属性を追加。

## ページとパターン
- [一般 (ページとパターン / File Templates)](https://blockstudio.dev/ja/docs/pages-and-patterns.md): ファイルテンプレートからWordPressページやブロックパターンを作成し、解析を自動化します。
- [ページ](https://blockstudio.dev/ja/docs/pages-and-patterns/pages.md): WordPressページをファイルテンプレートから作成し、明示的に同期します。
- [パターン](https://blockstudio.dev/ja/docs/pages-and-patterns/patterns.md): ファイルテンプレートからWordPressブロックパターンを作成。
- [サイトテンプレート](https://blockstudio.dev/ja/docs/pages-and-patterns/site-templates.md): BlockstudioファイルからWordPressサイトエディターのテンプレートを作成。
- [フック](https://blockstudio.dev/ja/docs/pages-and-patterns/template-hooks.md): ページ、パターン、サイトテンプレート、HTMLパーサー用のPHPフック。
- [コンテンツ同期](https://blockstudio.dev/ja/docs/content-sync.md): 許可リストに登録したWordPressレコードをファイルに変換し、Blockstudioのワークフローに追加。

## 本番環境
- [パフォーマンス](https://blockstudio.dev/ja/docs/production/performance.md): 本番向けフロントエンドの設定とプロファイラー、レンダリング手法を解説します。
- [静的プリレンダリング](https://blockstudio.dev/ja/docs/production/static-prerendering.md): 匿名ページを静的HTMLとして配信し、WordPressの起動前にも配信できます。
- [キャッシュ](https://blockstudio.dev/ja/docs/production/caching.md): 生成されたすべてのランタイム成果物を管理する、単一のファイルベースキャッシュディレクトリ。
- [メディア](https://blockstudio.dev/ja/docs/production/media.md): 画像サイズの固定、遅延読み込み、メディアメタデータマニフェスト。

## 開発
- [コードスニペット](https://blockstudio.dev/ja/docs/code-snippets.md): Blockstudioのファイル優先方式でコードスニペットを作成。
- [管理](https://blockstudio.dev/ja/docs/dev/admin.md): 登録済みのBlockstudioブロックやレジストリ、wp-adminのデータベースレコードを確認。
- [キャンバス](https://blockstudio.dev/ja/docs/dev/canvas.md): Blockstudioコンテンツのためのビジュアルワークスペースと公開インベントリAPI。
- [要素グラバー](https://blockstudio.dev/ja/docs/dev/grab.md): フロントエンドでブロックテンプレートを特定する要素インスペクター。
- [CLI](https://blockstudio.dev/ja/docs/dev/cli.md): コマンドラインからWP-CLI経由でBlockstudioのブロック、ページ、データベース、RPC、cronを管理します。
- [PHPStan](https://blockstudio.dev/ja/docs/dev/phpstan.md): 型安全なテンプレート、スキーマ検証、フックチェックでBlockstudioプロジェクトを解析します。
- [AI連携](https://blockstudio.dev/ja/docs/dev/ai.md): コーディングエージェント向けの参照可能なドキュメントインデックスと、プロジェクト用に生成される契約です。
- [論理的な検出ソース](https://blockstudio.dev/ja/docs/dev/discovery-sources.md): 合成したファイル一覧をBlockstudioの検出と実行時キャッシュに提供。
- [WPML](https://blockstudio.dev/ja/docs/dev/wpml.md): Blockstudioブロックのテキストフィールドを翻訳可能にする、WPML言語設定を生成します。
- [v7への移行](https://blockstudio.dev/ja/docs/dev/migration/v7.md): Blockstudio 7の変更点と移行手順。

## 任意
- [ドキュメントを1つのファイルにまとめたもの](https://blockstudio.dev/ja/docs/llms-full.txt): /docs/配下の全ページのMarkdownソース、約125,000トークン分の830 KB
- [サイトインデックス](https://blockstudio.dev/ja/llms.txt): Blockstudioのすべてのページ