Shopifyのテーマ構築に必要な基礎知識です。Liquid言語（Shopifyで使用するテンプレート言語）の基本、CSS・JavaScript・HTMLのコーディング規約、そしてWCAG（ウェブアクセシビリティの国際標準）に準拠したアクセシビリティパターン（すべてのユーザーが使いやすくするための実装方法）について解説します。
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
Shopify Liquid テーマで WCAG 2.2（ウェブアクセシビリティガイドライン）のアクセシビリティパターンを実装します。 商品カード、画像スライダー、カート表示、価格表示、フォーム、フィルター、ポップアップウィンドウなど、ネットショップ特有のコンポーネント（部品）に対応しています。 次のような場合に使用： - アクセシビリティに対応したテーマ…
Shopify Liquid テーマ向けのCSS、JavaScript、HTMLのコーディング基準です。 スタイルシート内の BEM 命名法（クラス名を「ブロック__要素--状態」の形式で統一する方法）、デザイントークン（色やサイズなど繰り返し使う値を定義したもの）、CSS カスタムプロパティ、テーマ用ウェブコンポーネント、防御的CSS（予期しない使われ方…
Shopify Liquid（Shopifyのテーマ開発用プログラミング言語）のテーマコードを生成します。セクション（ページの構成要素）、ブロック（セクション内の部品）、スニペット（再利用可能なコード片）に対応し、正しいスキーマ（構造定義）のJSON、LiquidDoc（ドキュメント）ヘッダー、翻訳キー、CSS/JavaScript（スタイルと動作の記述方…
原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。