Shopify

Shopifyのテンプレート開発言語Liquidとは?機能と注意点を徹底解説

Shopifyについての情報を調べているときに”Liquid”という単語を目にしたことはないでしょうか?

Shopifyのカスタマイズを行う上で、Liquidは必須の知識と言えます。今回は、Shopifyのテンプレート言語であるLiquidについてまとめました。

Liquidとは?

Shopifyは、カナダで開発された越境ECプラットフォームです。

言語・通貨・決済システムの面で海外向けに展開しやすいことに加えて、デザイン面でのカスタマイズの自由度の高さも特徴といえます。Netflixが展開するECサイトnetflix.shopも、Shopifyで作成されたECサイトです。

netflix.shopのような独自性の強いカスタマイズを行うために使われるのが、Shopifyが開発したテンプレート言語Liquidです。

Liquidはテンプレート言語と呼ばれることもあれば、テンプレートエンジンと言う人もいます。(中略)従来のプログラミング言語のように構文があり、アウトプット、ロジック、ループといったコンセプトがあり、変数(データ)を扱います。PHPのようなWeb中心の言語と似ています。

しかし類似点はそれくらいです。設計上Liquidでできないこともたくさんあります。(中略)ですがこれは十分に考えられたうえでのことなので、最初は制限と感じられる部分も正当な理由があります。

Shopify公式ブログ(https://www.shopify.jp/blog/partner-shopify-template-language-liquid-overview)より

テンプレート言語(またはテンプレートエンジン)とは、特定のデータを加工したりアウトプットしたりするのに特化したシステムのことで、プログラミング言語に非常に似ていますが、一部制限が存在します。

LiquidはShopifyの開発を前提に作られたテンプレート言語であり、Shopifyの商品データを受け取り、美しく表示させるのに役立ちます。

Liquidでできること

Liquidは、主に表示側のカスタマイズに使われます。MVCモデルで言うところのView側の制御で、HTML/CSS/JavaScriptと一緒に用いられます。

View側の開発では、画一で同じものが表示される静的な画面と商品やユーザーによって表示が変わる動的な画面という考え方がありますが、Liquidは動的な画面を作るのに最適です。

Shopifyのデータに適しており、シンプルな記述でShopifyのデータを扱うことができます。

PHPなどのウェブ開発言語に似ていますが、プログラミング言語に比べて行えることは制限されています。

Liquidの注意点

Liquidはテンプレート言語なので、通常のプログラミング言語とは少し勝手が違います。Liquidをつかって開発する際の注意点をまとめます。

カスタマイズできないプランがある

Shopifyにはプランがあり、プランによってはできないカスタマイズがあります。

例えば、チェックアウト画面(カートの次ページから注文完了ページまで)のカスタマイズは、「Shopify Plus」プランでなければできません。

プランによってできることとできないことがあるので注意しましょう。

外部アプリを利用するとLiquidファイルが増える

カスタマイズ時、外部アプリをインストールすると、Liquidファイルが自動で作成されます。そのまま使う分には問題ありませんが、必要なくなった外部アプリをアンインストールする際には注意が必要です。

アンインストール時、作成されたLiquidファイルは自動で削除されません。余計なファイルの存在は、エラーの原因になりかねないため、アンインストール時はインストール時に作成されたファイルを削除するようにしたほうが良いでしょう。

対策として、外部アプリをインストールする前に、元のテーマのバックアップを作っておくことをおすすめします。
バックアップは、Shopify管理画面の”オンラインストア>テーマ>現在のテーマ>アクション>複製する”で行えます。

Shopifyのカスタマイズならdehaにご相談ください

以上、Shopifyのテンプレート言語であるLiquidについてまとめました。

  • Liquidを使えば、独自性の高いオリジナルデザインのECサイトを作ることができる
  • Liquidは、View側のカスタマイズに用いられるテンプレート言語
  • プログラミング言語に似ているが、Liquid独特の記述もあるので、開発には注意が必要

ただ単にShopifyを使う分には、特別な知識は必要ありませんが、独自性の高いサイトを構築するには、ウェブ開発の知識に加えてLiquidの知識が必要になります。

dehaは、Shopifyの公式パートナーとして、Shopifyの開発案件を受けてきました。ベトナムオフショアですので、国内での開発より低いコストで、高品質な開発を行うことができます。

自社ブランドをShopifyで展開したい企業様や、Shopify案件を受けたものの開発リソースが足りないITベンダー様など、Shopify開発でお困りの場合はぜひ一度dehaにお問い合わせください。

kataokayusuke

Recent Posts

【2025年版】ベトナムオフショア開発の人月単価相場

近年、IT人材不足が深刻化する日本市場では、オフショア開発の活用がますます一般的になっています。 なかでも、ベトナムは高い技術力とコスト競争力を兼ね備えた国として、依然として人気を維持しています。 この記事では、2025年最新のベトナムオフショア開発における人月単価相場を役割別に解説し、最新動向までを詳しくご紹介します。 ベトナムオフショアに興味がある方 開発コストを抑えたいとお考えの方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばベトナムオフショアの具体的なコストがわかりますよ。 (more…)

6 days ago

【2025年】円安がいつまで続く?オフショア開発に与える影響

2025年8月時点におけるドル/円(USD/JPY)の為替レートは、およそ ¥146.9です。 円安傾向は続いており、過去数十年のトレンドとも重なりつつ、依然として投資・政策動向から注目を浴びています。 この記事ではそんな円安に着目してオフショア開発に与える影響を見ていこうと思います。 オフショア開発を始めたい方 社内のIT人材が不足している方 開発効率を上げたい方 これらに当てはまる方におすすめの記事となっています。これを読めばオフショア開発に円安がどう影響するのかがわかるのはもちろん、いつ始めるべきかまで丸わかりですよ。 (more…)

2 weeks ago

エンタープライズ向け生成AI導入の活用事例、今後の展望

近年、生成AI(Generative AI)はビジネスの在り方を大きく変革する技術として急速に普及しています。 文章、画像、音声、コードなど、多様なコンテンツを自動生成できるこの技術は、従来の業務効率化だけでなく、新たな価値創出や顧客体験の革新にも直結します。 特にエンタープライズ(大企業)においては、膨大なデータ資産や高度なセキュリティ要件、複雑な業務プロセスを背景に、生成AIの導入が戦略的な投資対象として注目されています。 この記事ではそんなエンタープライズ向け生成AIについて具体的な活用事例や導入ステップなど徹底解説していきます。 (more…)

3 weeks ago

生成AIサービスの導入形態:3つのタイプと最適な選び方

近年、生成AI(Generative AI)は文章生成、画像生成、音声合成、プログラムコードの自動生成など、幅広い分野で実用化が進んでいます。 業務効率化や新しい価値創造の手段として注目され、さまざまな業種で導入が加速しています。 しかし、生成AIサービスを導入するにあたり、どのような形態で利用するかは企業の戦略や要件によって異なります。 この記事では、主な導入形態としてSaaS型の生成AIサービス、オンプレミス型生成AIサービス、API/PaaS活用型生成AIサービスに着目し、それぞれの特徴・メリット・デメリット・選び方のポイントを整理します。 生成AIサービスを導入したい方 生成AIサービスのタイプを知りたい方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めば生成AIサービスについてどんな特徴があるのかがわかるのはもちろん、適切な選び方まで丸わかりですよ。 (more…)

3 weeks ago

【2025年予測】生成AI市場展望と業務への活用動向

2025年、生成AIはビジネスと社会の在り方を大きく変えつつあります。 大規模言語モデル(LLM)、マルチモーダルAI、RAG、AIエージェントといった技術革新が進み、企業の業務効率化から新しい価値創造まで、その活用範囲は急速に広がっています。 この記事ではそんな生成AI市場について、今後の展望や業務への活用について動向などを見ていきます。 生成AIを活用したい企業の方 業務を効率化したい方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めば生成AI市場について現状と今後の展望が丸わかりですよ。 (more…)

3 weeks ago

AIエージェントの活用による弊社の成功事例をご紹介

近年、AI技術の進化とともに、業務効率化やサービス向上を目的とした「AIエージェント」の導入が急速に進んでいます。 弊社でも、この流れを受けてAIエージェントの導入を進め、多くの現場で業務の質とスピードの両立を実現することができました。 この記事では、実際に弊社が取り組んだAIエージェントの活用事例を紹介しながら、AI導入によるメリットとその可能性についてご紹介いたします。 AIエージェントが気になる方 AIエージェントの事例が知りたい方 社内の人材不足にお悩みの方 これらに当てはまる方におすすめの記事となっています。これを読めばAIエージェントの成功事例が丸わかりですよ。 (more…)

1 month ago