アシスタントエンジニアの石垣です。いうEコマース用プラットフォームのテーマ開発を行っています。デフォルトテーマの「Debut」テーマのスタックコンテキストを調べてみました。テーマ開発については、こちらの記事もご覧ください。ストア開設時のデフォルトテーマである「Debut」というテーマを改変する形で行っています。テーマの実装を理解することが、円滑なテーマ開発や運用を見据え破綻しないコード設計に直結しています。テーマに実装されているコンポーネントのスタックコンテキストを調査しました。カスタマイズから参照できる以下のページで行いました。ホームページ商品ページコレクションリストコレクションページブログカート404ページまた、以下の内容は記事執筆時点での情報です。テーマのアップデートによりコードが変更されている可能性があることをご留意ください。テーマの初期状態でスタックコンテキストを持っているコンポーネントは以下の7つです。下に行くほど重なり順は上になります。7以下、コンポーネントごとに詳述します。テキストオーバーレイ付き画像ホームページ(トップページ)にのみ追加できるテキストオーバーレイ付き画像のコンポーネントです。商品リンクサイト全体で使われる商品詳細ページへの画像+タイトルのリンクコンポーネントです。お客様の声ホームページにのみ表示できるテキストのコンポーネントです。検索バー表示時オーバーレイヘッダー以下のページ内コンポーネントを全て覆うオーバーレイ検索バー、またハンバーガーメニュー表示時に表示される、ヘッダー以下全てのコンポーネントを覆うオーバーレイです。全ページに表示されるヘッダーです。スマートフォン表示時のハンバーガーメニューを内包しています。全ページに表示される検索バーです。カート追加時ポップアップ商品をカートに追加した際に表示されるポップアップです。これはどのコンポーネントよりも最上位に表示されます。デフォルトテーマの「Debut」テーマのスタックコンテキストを調査してみました。テーマ開発に関わらずどのようなケースでも重要なことだと考えています。テーマ開発に携わっている方々の参考にしていただければと思います。役割や領域を適切に捉えてカバーし、チーム全体の生産性と品質をアップするお手伝いをします。オンラインでのヒアリングとフルリモートでのプロセス支援に対応しています。使ったコンポーネント組み込みを担当。プロジェクトチームのリードとして共に組み込み作業をしているメンバーの進行管理も行っています。休日はだいたい家で音楽を聴いており、たまにライブに出かけています。