Shopify 2.0テーマ（Online Store 2.0）は、アプリがストアフロントと統合する方法を大きく変えました。アプリブロック、ネイティブセクション、JSONテンプレートが、従来のスクリプト注入方式に取って代わりました。Giga MenuとNavi+がどのように適応しているか、そしてそれがあなたのストアにとって何を意味するかをご説明します。
Shopify 2.0がナビゲーションアプリに与えた変化
ShopifyのOnline Store 2.0アーキテクチャが導入したもの：
- アプリブロック：テーマエディター内でドラッグ＆ドロップできるブロック
- JSONテンプレート：より高いカスタマイズ性を持つ柔軟なページテンプレート
- セクションのどこでも配置：アプリセクションをホームページだけでなく任意のページに配置可能
- テーマアプリ拡張：テーマファイルへのコード注入ではなく、拡張機能としてインストール
実際への影響：旧来の「theme.liquidを編集する」注入方式を使うナビゲーションアプリは、インストール体験が煩雑になり、テーマ更新後に競合が発生するリスクが高まります。
Giga MenuとShopify 2.0
Giga MenuはShopify 2.0互換性のためにアップデートされています。このアプリは以下をサポートしています：
- テーマエディター経由のインストール（一部2.0サポート）
- 旧バージョンと比較してコード注入を削減
- Dawn、Impulse、Prestigeを含む主要なOS 2.0テーマとの互換性
OS 2.0でのGiga Menuに残る懸念点：
- 一部の構成では依然として大量のJavaScript注入に依存
- テーマ更新によりカスタムGiga Menu CSSが壊れる場合がある
- 高度なカスタマイズ（カスタムCSS）が2.0テーマ更新と競合することがある
Navi+とShopify 2.0
Navi+は本質的にテーマに依存しないスクリプト埋め込みアーキテクチャで設計されています：
- Navi+のスクリプトは単一のscriptタグで読み込まれ、あらゆるShopifyテーマに対応
- Liquidテンプレートの編集不要
- テーマ更新によってNavi+が壊れることはなく、スクリプトは独立して読み込まれる
- オプションの深い統合のためにOS 2.0アプリブロックとも連携
Navi+のOS 2.0における優位点：
- テーマ更新との競合ゼロ
- 再設定なしでテーマをまたいで動作
- アプリアーキテクチャがShopifyのナビゲーションの長期的な方向性に沿っている
テーマ互換性
| テーマ | Giga Menu | Navi+ |
|---|---|---|
| Dawn（Shopifyデフォルト） | ✓ | ✓ |
| Impulse | ✓ | ✓ |
| Prestige | ✓ | ✓ |
| Debut（レガシー） | ✓ | ✓ |
| カスタムテーマ | ~（CSSの修正が必要な場合あり） | ✓ |
| ヘッドレス／カスタムストアフロント | ~ | ✓（スクリプト埋め込み） |
より広い視点：なぜアーキテクチャが重要か
テーマ更新のたびに壊れるShopifyナビゲーションアプリは、隠れたコストをもたらします：
- CSS競合の修正に要する開発者の時間
- 更新中のナビゲーション停止
- アプリ／テーマ更新後の不安定な体験
Navi+のテーマ非依存アーキテクチャにより、ナビゲーションの設定はテーマの変更から切り離されます。テーマを更新しても、Navi+は変わらず動作し続けます。
まとめ
Giga MenuもNavi+も、最新のShopify 2.0テーマで動作します。実際の違いはテーマ更新時の信頼性です。Navi+の独立したスクリプトアーキテクチャは、テーマ変更後に対応が必要になる可能性が低くなっています。テーマを頻繁に更新するストアや複数のテーマを使用するストア（A/Bテスト）には、Navi+のアーキテクチャがメンテナンスの手間が少ない選択肢です。
→ 詳細な比較はこちら： Navi+ vs Giga Menu