Shopifyアプリ開発

Shopifyのメタオブジェクトページの作成方法を解説!

Shopifyのメタオブジェクトページの作成方法を解説!

森本竜治

Shopifyで、今までのページと違う、メタオブジェクトページ(Metaobject Pages)が作成できるようになりました。 このページができたことで、これまでバックエンド側の管理として使っていたメタオブジェクトを簡単にフロントエンドにも反映できるようになりました。 このメタオブジェクトページがどのようなメリットがあるのか、どうやって作成するのかを解説していきます。 メタオブジェクトとは メタオブジェクトとは、Shopifyのデータを拡張することのできる機能です。 これまで、メタフィールドを使って顧客情報や商品情報など、既存のデータ構造に変数を追加することができました。 しかし、新しくデータ構造自体を作成できるのがメタオブジェクトになります。 これにより、新しい商品の機能一覧、サイズチャートなど新しいデータ構造を登録することが可能になります。 テックギークのこのサイトでは、受講生をメタオブジェクトとして登録しています。 このサイトもShopifyで構築しているので、ぜひ参考にしてください。 メタオブジェクトページとは メタオブジェクトページとは、メタオブジェクト固有のページになります。 例えば、受講生というメタオブジェクトがあるとします。 受講生には、 Aさん Bさん のエントリーが登録されているとします。 メタオブジェクトページを使うことで、Aさんのプロフィールページ、Bさんのプロフィールページといったように、Shopifyのメタオブジェクトのエントリーごとにページが作成されます。 これが、メタオブジェクトページです。 テックギークの受講生のメタオブジェクトページは下記のリンクで確認できます。 https://techgeek-school.com/pages/student/7136055689528 メタオブジェクトページのメリット・デメリット 通常のページとメタオブジェクトページの違いは、 Liquidを使ってページ内でmetaobjectオブジェクトを呼び出せることにあります。 逆にデメリットとしては、Liquidを使わないとほぼ構築できない点にあります。 そのため、Shopifyのテーマ開発エンジニアに構築を依頼する必要があります。 メタオブジェクトページの作成方法 まず、Shopifyストア管理画面の「設定 >...

Shopifyのメタオブジェクトページの作成方法を解説!

森本竜治

Shopifyで、今までのページと違う、メタオブジェクトページ(Metaobject Pages)が作成できるようになりました。 このページができたことで、これまでバックエンド側の管理として使っていたメタオブジェクトを簡単にフロントエンドにも反映できるようになりました。 このメタオブジェクトページがどのようなメリットがあるのか、どうやって作成するのかを解説していきます。 メタオブジェクトとは メタオブジェクトとは、Shopifyのデータを拡張することのできる機能です。 これまで、メタフィールドを使って顧客情報や商品情報など、既存のデータ構造に変数を追加することができました。 しかし、新しくデータ構造自体を作成できるのがメタオブジェクトになります。 これにより、新しい商品の機能一覧、サイズチャートなど新しいデータ構造を登録することが可能になります。 テックギークのこのサイトでは、受講生をメタオブジェクトとして登録しています。 このサイトもShopifyで構築しているので、ぜひ参考にしてください。 メタオブジェクトページとは メタオブジェクトページとは、メタオブジェクト固有のページになります。 例えば、受講生というメタオブジェクトがあるとします。 受講生には、 Aさん Bさん のエントリーが登録されているとします。 メタオブジェクトページを使うことで、Aさんのプロフィールページ、Bさんのプロフィールページといったように、Shopifyのメタオブジェクトのエントリーごとにページが作成されます。 これが、メタオブジェクトページです。 テックギークの受講生のメタオブジェクトページは下記のリンクで確認できます。 https://techgeek-school.com/pages/student/7136055689528 メタオブジェクトページのメリット・デメリット 通常のページとメタオブジェクトページの違いは、 Liquidを使ってページ内でmetaobjectオブジェクトを呼び出せることにあります。 逆にデメリットとしては、Liquidを使わないとほぼ構築できない点にあります。 そのため、Shopifyのテーマ開発エンジニアに構築を依頼する必要があります。 メタオブジェクトページの作成方法 まず、Shopifyストア管理画面の「設定 >...