条件にあう要素の数など気にする必要なく、今のフラグが「ONなの?OFFなの?」が重要
-本文中

(最終更新 2024年12月23日)

【Shopify Liquid】ループの記録係!1回のみ実行に有用な「フラグ(Flag)」サンプルコード

Shopifyでは、ループ内での処理が多く、主に「1回のみ処理実行」に使われる「フラグ」の概念や活用シーンについて紹介します。

Shopifyの開発言語Liquidで、ECストア運営に必要な様々なカスタマイズができます。

Liqudiが持つ演算や処理を施す考え方は、他言語が持つそれと大きく違いはないと言われております。

今回は、他プログラミング言語の学習にもよく登場する「フラグ」の概念や活用シーンについて紹介します。

「フラグ(flag)」とは

プログラミングにおける「フラグ」は、もともと旗(flag)のように 特定の状態や条件を示す目印の役割を持つことから名前が来ています。

状態を記録し、処理を分岐する役割を持っており、いわば「記録係」として活用されております。

Shopifyでは、ループ内での「記録係」として主に「1回のみ処理実行」の場合によく使用されます。

「1回のみ実行」とは

「1回のみ実行」とは、ループ内で条件にあう要素があれば「1度だ処理を行う」という意味です。

要素が複数あっても、処理は1回のみ。たとえば、あるユーザーが「事務用品」というコレクションに属する、

・鉛筆
・ボールペン
・ハサミ

を1度に購入したとしましょう。

「事務用品」を購入したユーザーには、「事務用品の場合、受け取りまで3日以上かかる場合があります」という注意書きをしたい場合、ループ内で「その都度」処理をすると、条件と一致する要素が現れるたびに表示されるため、複数回にわたり表示されてしまいます。

フラグの使用により「事務用品」が1個でも、2個以上でも注意書きは1回だけ表示されるのです。

フラグの動きを簡単に説明すると、

・まず「OFF」と記されたフラグを立てる

・ループ内で「事務用品」要素が見つかったよ!→「OFF」フラグを「ON」フラグに変えよう!

・(要素がいくつ見つかっても)「ON」フラグだよね? じゃ、〇〇〇を1回実行しよう!

になります、

少しは分かりやすくなったのでしょうか。

要するに、条件にあう要素の数など気にする必要なく、今のフラグが「ONなの?OFFなの?」が重要です。

サンプルコード

では、実際のサンプルコードを見ていきましょう。

特定のタグを持つ商品

商品タグに「sale」が含まれている場合に、特定のメッセージを表示するサンプルコードです。

{% assign target_tag = 'sale' %}
{% assign has_sale_tag = false %} //まず「OFF」に

{% for tag in product.tags %}
{% if tag == target_tag %}
{% assign has_sale_tag = true %} //見つかったよ!「ON」に
{% endif %}
{% endfor %}

{% if has_sale_tag %} //「ON」の状態だったら
<p>この商品はセール中です!</p>
{% else %} //「OFF」の状態のままだったら
<p>この商品は通常価格です。</p>
{% endif %}

商品が特定のコレクションに属している

商品が特定のコレクションに属しているかを確認し、属していればメッセージを表示するサンプルコードです。

{% assign target_collection = '新商品' %}
{% assign is_in_collection = false %}  

{% for collection in product.collections %} 
{% if collection.title == target_collection %}
{% assign is_in_collection = true %} 
{% endif %}
{% endfor %}

{% if is_in_collection %}
この商品は「{{ target_collection }}」コレクションに含まれています!
{% else %}
この商品は「{{ target_collection }}」コレクションには含まれていません。
{% endif %}

在庫の有無チェック

商品のバリアントに在庫があるかを確認し、在庫がある場合とない場合でメッセージを表示します。

{% assign in_stock = false %}

{% for variant in product.variants %}
{% if variant.inventory_quantity > 0 %}
{% assign in_stock = true %}
{% endif %}
{% endfor %}

{% if in_stock %}
<p>この商品は在庫があります!</p>
{% else %}
<p>この商品は在庫切れです。</p>
{% endif %}

タグを複数チェック

商品のタグがいずれかの特定の値に一致しているか確認し、タグが見つかった場合にメッセージを表示します。

{% assign target_tags = '限定,新作,おすすめ' | split: ',' %}
{% assign has_target_tag = false %}

{% for tag in product.tags %}
{% if target_tags contains tag %}
{% assign has_target_tag = true %}
{% endif %}
{% endfor %}

{% if has_target_tag %}
この商品は限定、新作、またはおすすめ商品です!
{% else %}
この商品は限定、新作、またはおすすめ商品ではありません。
{% endif %}

以上、実際のサンプルコードを4つ紹介しました。フラグの概念を理解するポイントは(繰り返しになりますが)「ルーオ内で条件にあう要素が1つでも、複数でも、フラグがONなのか、OFFなのかで1回のみ実行する」という事です。

ぜひ活用してみてください!

Shopify小技のフリーマーケット

Shopifyを運営する中で、「こんなことできないのか?」という疑問は尽きません。特に初心者にとっては、難しく感じるけれども、実はすぐに活用できる小技がたくさんあります。
当サイトでは、実際に試してみて有効だったShopifyの小技を、誰でも簡単に再利用できるよう提供しています。

少し高度なLiquidのテクニックやアプリを使わずに実装できる機能、そしてカスタマイズのヒントになるアイデアなど、さまざまな情報をご用意しています。

現在、出品者は私1人ですが、 これからさらに充実させていく予定です!もしもShopifyでの設定やカスタマイズで悩んでいる方がいれば、お気軽にお問い合わせください。

もっと知りたい

このブログと運営者について

BLOG More

STORY

5日前

収入だけじゃないよ!40代男性「IT関連」副業のメリット5選と個人的な感想

40代男性にとってこのスキルアップは、単なる知識の習得以上の意味を持つことが多いのではないでしょうか。..

Liquid

5日前

【Shopify Liquid】店舗受取を希望する購入者への「注文通知メール」をカスタマイズ

「注文通知メール」にコピペすればOKなのでは?と思われがちですが、なぜか店舗情報が上手く表示されません。..

設定

7日前

Shopify「店舗受取」運用に必要な基本的なフローと操作まとめ

アパレルや雑貨など「実物を見てから購入したい」お客様に対しても、あらかじめ在庫を確保しておくことで、店舗でのスムーズな購買体験を提供できます。..

設定

1週間前

【Shopify小技】飲食店でのテイクアウトに応用可能!「店舗受取専用」商品を作成する方法

「どこで店舗受取専用の商品を作成すればいいの?」と迷ってしまう人も多いのではないでしょうか?..

Liquid

2週間前

【Shopify Liquid】恥ずかしいけど「CONTAINS」2つの使い方に今日気づいた‥

何の疑問も持っていなかった私、ちょっぴり衝撃でした。..

Liquid

3週間前

【Shopify Liquid】毎月「7」のつく日だけ!限定セールを自動表示する方法

Liquidにおける日にちの自動計算の仕組みはもちろん、for文やif文、フラグの概念も理解しやすくなるはずです。..

アプリ

4週間前

【Shopifyアプリ】注文に「任意の連番」をつける事もできる!「SeriaLogic」の使い方を解説

チケット購入順に入場番号を自動で割り振る事はできないの?..

Liquid

1か月前

【Shopify Liquid】土日など休日はスキップ!自動で最短の発送日を算出して案内する方法

Liquidを使って土日や祝日をスキップし、自動で最短の発送日を算出する方法を紹介します。..

Liquid

1か月前

【Shopify小技】15時までの購入で当日発送と案内&注文メール通知に実装

たとえば、「15時までの注文は当日発送」といった案内を、自動で表示できたら便利だと思いませんか?..

Js

1か月前

【Shopify小技】セール終了の日付と時間までのカウントダウンをJavascriptで実装

こうした視覚的な要素は、購入の後押しとなり、より多くの顧客を引き込む効果が期待できます。..

Liquid

1か月前

【Liquid日付計算】注文通知メールをカスタマイズ!支払期限を翌週月曜日の日付にする

特に「銀行振込」や「コンビニ決済」のような後払いの決済方法では、支払い期限を明示することが重要です。..

制作アイディア

2か月前

Shopifyでファンクラブを制作する人が押さえておくべき「リアルな要件定義」7項目

最初、ファンクラブサイトを作るには手軽なWordPressを考えました。しかし、会員情報を扱うことになるため、セキュリティの不安‥..

Js

2か月前

【JavaScript】Shopify ブログ関係なく特定タグを持つ全記事の一覧を作る(+時系列で並び替え)

残念ながら、Liquidでブログ記事を並び替えできる方法はない(2025年2月現在)ようです。..

Flow

2か月前

【Shopify Flow】注文をGoogleスプレッドシートに追加!つまずきやすい4つのポイントを解説

ただし1点注意点が必要です。注文のラインアイテムを一番最後に表示されるようにするという点です。..

Flow

2か月前

【Shopify Flow】「スケジュール」ワークフロー終了後に「実行対象リスト」を内部メールで送信

実はこのフロー、正確にいうと「実行後」ではなく、ほぼ同時進行になります。..

Flow

2か月前

Shopify Flowとはなに?使い方のヒントになる実践サンプル6選

日本語対応にはまだ課題があり、独自の組み合わせによって初心者には少々ハードルが高い領域と言えます。..

Liquid

2か月前

Shopify「ブログ」カスタマイズ&オリジナル記事一覧作成のヒント8選

商品ページだけでは伝えきれない情報を発信する事によってきっとECサイトの成長に役立つと考えられます。..

Liquid

2か月前

【Shopify カスタマイズ】メニュー カスタマイズ&作成するために知っておくべき事5選

オリジナルメニューを作成することで、サイトの使いやすさや視覚的魅力を向上させることができます。..

アプリ

3か月前

【Shopifyアプリ】会員のQRコードを簡単生成!イベントで入場チェックをする

QRコード入場が流行っているけど、うちでも導入できないか?..

アプリ

3か月前

Helium Customer Fieldsを使って顧客に任意のタグを付けるフォームを作成

会員からの退会希望の通知を受けたスタッフは、有効期限と会員番号のメタフィールドの値を削除し、「有料会員」タグを削除するなど、マニュアル作業が発生してしまいます。..

Liquid

3か月前

【Shopify小技】アプリなしでストア会員にメルマガ登録を促すボックスを作る

アプリなしでのカスタマイズは、AjaxリクエストやCustomerのAccount APIの用いる必要があるため難しい..

Flow

3か月前

【Shopify Flow】特別な日にロイヤリティの高い顧客にクーポン番号メールを送る

このパレートの法則に基づき、客単価の高いリピーターを増やす戦略が練られております。..

Flow

3か月前

【Shopify Flow】ちょっと気になる「Get product data」「Get customer data」データの絞り込みについて

上限100名にしかデータ取得ができないため、その中でさらに「苦情履歴あり」タグを持つユーザーを絞り込むと、9900人は対象から外れる・・..

Liquid

3か月前

【Shopify小技】アプリなしで商品公開後「販売開始日時」を指定(予約)する方法

可能であれば、商品ページが公開された状態で特定の日時に購入ができるようにしたい‥..

Js

3か月前

【Shopify小技】特定の商品オプションを選択すると注意書きがモーダル表示される

そうすると、知らなかった、読んでいないと苦情を言う人が続出する気が‥..

Liquid

3か月前

【Shopify小技】BtoBビジネスに有効かも?カートに入れた数をリアルタイムで制限

ブラウザの再読み込みをしないと「cart.item_count」にその数値が反映されません。..

Liquid

4か月前

【Shopify Liquid】空の変数で作る「重複しない」コレクションの商品タグリスト

ループ(for文)を使ってリスト化すると「小学生用」「セール中」が2回出現する事になります。..

Liquid

4か月前

【Shopify Liquid】在庫のある商品リスト(配列)を作る「空の変数」について

変数に格納する値が「空」の変数を指します。..

Flow

4か月前

【Shopify Flow】インターナルメールで支払い未確定注文をスタッフに知らせる

ワークフロー設計の抽象的なため、慣れるまでに時間がかかると言われています。..

Liquid

4か月前

【Shopify Liquid】ループ内の「回数記録係」カウンター変数について

ただ、forloop.indexは、全てのループ回数をカウントするため、条件に基づいたカウントアップには直接利用できない....