はじめに

Shopifyのテーマカスタマイズやアプリ開発をしていると、Liquidを使う場面に直面することが数多くあります。この記事ではShopifyのLiquidを学ぶ上で参考になる情報やツールなどをまとめます。

Shopify公式 Liquidリファレンス

https://shopify.dev/docs/api/liquid

Shopify公式のリファレンス。Shopifyストア上で参照するObjectsのプロパティを確認するときや、フィルターを確認するときに使う

Shopify公式 チートシート

https://www.shopify.com/ca/partners/shopify-cheat-sheet

同じくShopify公式のチートシート。普通に読む分には前述のリファレンスの方が読みやすいが、フィルタリングできるのが便利。

Visual Studio Codeプラグイン Shopify Liquid

https://marketplace.visualstudio.com/items?itemName=Shopify.theme-check-vscode

Liquidを記述する上で必須級のVS Codeプラグイン。Liquidの構造に応じてハイライト表示してくれたり、コード補完などもしてくれる。