顧客アカウントにおける全ページ拡張の制限

顧客アカウントにおけるフルページエクステンションの制限

1. 技術的課題の定義と現状分析

Shopifyでは、顧客アカウントページのカスタマイズにフルページエクステンションを利用することができます。しかし、これまでフルページエクステンションは他のエクステンションと同時に存在することができました。これにより、チェックアウトやアカウントエディターでのパフォーマンスが低下し、商人の体験が悪化する可能性がありました。

2. 具体的な技術的ソリューションの提案

このため、Shopifyはフルページエクステンション(customer-account.page.renderまたはcustomer-account.order.page.render)が他のエクステンションと同時に存在することを制限する変更を行いました。これにより、パフォーマンスが向上し、チェックアウトやアカウントエディターでの商人の体験が改善されます。フルページエクステンションが他のエクステンションと一緒に最適に機能する場合は、エディターエクステンションコレクションを作成し、商人にコレクション内のすべてのエクステンションを追加するよう推奨します。

3. 実装手順とコード例

エディターエクステンションコレクションを作成するには、以下の手順を実行します。

1. 新しいエディターエクションを作成します。
2. エクステンションコレクションの名前と説明を設定します。
3. コレクションに含めるエクステンションを選択します。
4. コレクションを保存します。

4. パフォーマンス・コスト分析

この変更により、フルページエクステンションのパフォーマンスが大幅に向上します。また、同時に存在するエクステンションの数を制限することで、サーバーのリソース使用量が削減され、コストが節約されます。

5. 実装時の注意点・ベストプラクティス

この変更は新しいエクステンションのデプロイや既存のエクステンションの新しいバージョンのデプロイにのみ影響します。既存のエクステンションは新しいバージョンがデプロイされるまで影響を受けません。したがって、変更に対応するためには、適切なタイミングでエクステンションのアップデートを計画することが重要です。

6. 次のステップ・発展案

フルページエクステンションを最適に活用するためには、他のエクステンションとの組み合わせを検討することも重要です。エディターエクステンションコレクションを活用することで、効率的にエクステンションを管理し、最適なパフォーマンスを実現することができます。

参考記事: Limit for full-page extensions in customer accounts