【2022年版】Shopifyの目次生成アプリを紹介！目次を入れるメリットは？

Shopifyに目次を入れるメリット｜目次を作成できるShopifyアプリも紹介

みなさんは、Shopifyでブログ記事（またはニュースやジャーナル、マガジンなど）を書いていますか。
まだ書いていないという方は、まずはこちらの記事を参考にしてください。

Shopifyのブログ機能をフル活用しよう｜機能や拡張アプリを紹介

本記事では、Shopifyストアのブログ記事に目次を追加するメリットや目次追加におすすめのShopifyアプリをご紹介します。

Shopifyに目次を入れるメリット

Shopifyストアに目次のを入れるメリットは下記になります

  • 読者（訪問者）の利便性が上がる
  • 書き手（ストア側）思考の整理になる
  • アクセス数が増加する
  • ユーザーニーズを把握できる
  • SEOにも良い効果が期待できる

それぞれ詳しく解説していきます。

読者（訪問者）の利便性が上がる

目次は下記のように読者の利便性を向上させます。

  • ブログ記事の内容がひと目でわかる
  • 読みたい箇所にすぐにアクセスできる

書き手（ストア側）思考の整理になる

目次を利用することで、書き手側の思考の整理にも役立ちます。思考の整理として下記の項目を目次でチェックすることがおすすめです。

  • 論理的に整理されているか
  • 読者（訪問者）目線で書かれているか
  • 読者（訪問者）が得たい情報が書かれているか

アクセス数が増加する

Googleの検索結果で記事タイトルの下にいくつかリンクが表示されているのを見たことはありませんか？

検索結果に目次の内容が表示されるケース

目次はGoogleの検索結果にも表示されることがあるため、目次が検索結果に表示されるとクリック率が増え、アクセス数の増加も期待できます。 

ユーザーニーズを把握できる

ヒートマップツールと組み合わせることで、読者がブログ記事内のどの内容に興味を持ち、よく読まれているのかを把握することができます。

ヒートマップを利用して、ユーザーニーズを把握する

ユーザーニーズを見つける方法としては、ヒートマップツールのクリック（タップ）が多い箇所を赤く染めてくれる機能を利用し、目次内のどの見出しが多くクリックされているのかを確認することで特定できます。

下記の記事では、弊社おすすめのヒートマップツール「Clarity（クラリティ）」をShopifyへ導入する方法を解説していますので、ご参考にしてください。

Clarity（クラリティ）とは？ | ShopifyにClarityを設定する方法 

SEOにも良い効果が期待できる

目次がSEOに直接的な効果をもたらすわけではありませんが、間接的にSEOに良い効果をもたらすと考えています。

SEOで一番大事なことは、ユーザーにとって良いコンテンツかどうかです。

上述のとおり、目次を出すことでユーザーの利便性が向上しますし、ユーザーニーズを把握した上でブログ記事の改善を続けられるため、自ずとSEOでも評価される良質なコンテンツになっていくと考えられます。 

下記の記事では、SEOのメリットやShopifyで出来るSEO対策について解説しています。参考にしてください。

SEOのメリット・デメリット｜Shopifyで出来るSEO対策

Shopifyで目次を作る3つの方法

Shopifyで目次を作る方法は下記になります

  • アプリを導入する
  • ソースコードをカスタマイズする
  • 目次対応の有料テーマを購入する

それぞれ詳しく解説していきます。

アプリを導入する

まずはじめに、Shopifyアプリを利用する方法です。

アプリを利用するメリットとして、簡単に導入ができ、好みのデザイン（色味）にカスタマイズができることです。

また、細かな調整や動作テスト等に貴重なエンジニアのリソースを割かなくて済むのも大きなメリットと言えます。

デメリットとしては、月額費用として数ドルで発生する場合があります。
ただし、自動で目次生成するShopifyアプリ「RuffRuff 目次作成」では無料から利用できます。

ソースコードをカスタマイズする

次に、Shopifyのソースコードをカスタマイズして導入する方法です。

メリットとしては無料で作ることができ、自由にデザインをカスタマイズ出来ることです。

デメリットとしては、HTMLやCSS、JavaScriptなどのプログラミング知識が必要になることです。また、開発だけでなく、意図したとおりに動くかテストする時間や継続的なメンテナンスが発生するのがデメリットです。

下記の記事では、ソースコードを独自でカスタマイズして、Shopifyサイトに目次を自動生成する方法を解説しています。参考にしてみてください。

Shopifyのブログ記事に目次を自動で生成する方法

目次対応の有料テーマを購入する

最後に、目次を自動生成してくれるShopifyの有料テーマを購入する方法です。

メリットとしては、プログラミング知識が不要で、買い切りなので長く利用する場合はアプリよりも安く抑えることが出来ます。

デメリットとしては、デザインの自由に変更できないことや費用が$180以上は発生することです。また、対応しているテーマを探すのにも時間がかかります。

Shopifyの目次作成アプリの選び方

目次作成アプリを選ぶ際に確認しておきたいのが下記の項目になります

  • 日本語に対応しているか
  • 目次を自動で生成してくれるか
  • コスト（月額費用）はいくらか

それぞれ詳しく解説していきます。

日本語に対応しているか

安さだけでアプリを選んでしまうと見えない作業コスト（日本語変換やなにか問題が発生したときの問い合わせなど）が発生するため、十分に注意が必要です。まずは、下記が日本語に対応されているか確認しましょう。

  • ストアフロント部分（ユーザー側のサイト表示部分）
  • アプリの管理画面
  • ヘルプページ
  • 問い合わせ担当者

目次を自動で生成してくれるか

目次を生成できるだけでなく、目次を自動で生成してくれることが大事です。
目次作成できるShopifyアプリの中には毎回手動で目次作成作業を行わないといけないアプリもあります。１回の作業はそこまで時間がかからないかもしれませんが、作業漏れなどの原因になりますので、極力目次を自動で生成してくれるアプリを選びましょう。

コスト（月額費用）はいくらか

目次作成アプリのコストは無料で使えるものから月額数ドルのものまであります。読者（訪問者）の利便性や目次作成の手間削減にいくらまでコストを割けれるかを並べて判断しましょう

目次作成アプリのプラン比較

アプリ名 プラン名 月額利用料
RuffRuff 目次作成 Free 無料
Light $3.99
Regular $9.99
Easy Table Of Contents BASIC $1.99
ジャンプリンクス FULL ACCESS $1.99

Shopifyの目次作成アプリを紹介

RuffRuff 目次作成


ブログ記事だけでなく、商品ページやコレクション、Pagesなどにも目次を自動生成できる世界に1つしかないShopifyアプリです。
無料から利用でき、ノーコードで導入可能です。
文言やデザイン、スクロールのオン・オフ、目次の表示位置の調整など、様々なカスタマイズが可能です。また、ライブプレビュー機能で、リアルタイムで確認しながら目次のカスタマイズが可能です。

料金

$0 / 月〜

機能

  •  目次の自動生成
  •  目次に利用する見出しの選択（h1からh6の中から）
  •  タイトルの文言変更
  •  区切り線の有無を変更
  •  カラー変更（背景、枠、区切り線、タイトル、リンク）
  •  章番号の表記の変更（なし、点、数字の３種類から選択可能）
  •  字下げ（インデント）の有無を変更
  •  スクロールの有無を変更
  •  スクロールオフセットの調整
  •  ライブプレビュー
無料でインストール

Easy Table Of Contents

コンテンツに手を加えることなく、自動で目次を生成してくれるShopifyアプリです。

目次のデザインは1種類のみですが、色を調整できる箇所が多く、自身のサイトデザインに合わせて調整することが可能です。

また、目次として利用する見出しをh1タグ〜h6タグの中から選択できたり、目次の表示位置の変更できたりします。

料金

$1.9 / 月 ※ 14日間の無料体験 

機能

  • 目次デザイン 1種類
  • スクロール（Smooth Scroll）のオン・オフ切り替え
  • 目次に含む見出しをh1~h6の中から選択
  • 特定の記事で目次を非表示
  • 段落表示を「丸表記(Bullet)」「数値表示 (Numeric)」「なし（None）」から選べる
  • 字下げ（インデント）のオン・オフ切り替え
  • 下記の色味の変更が可能
    •  背景、枠、タイトル、リンク、hover時のリンク、クリック後のリンク

ジャンプリンクス

数少ない目次生成アプリの１つで、「Easy Table Of Contents」と機能も料金も大差ありません。

料金

$1.9/月 ※ 7日間の無料体験

機能

  • 目次デザイン 1種類
  • スクロール（Smooth Scroll）のオン・オフ切り替え
  • スクロールの表示領域の調整（オフセット調整）
  • 目次の表示位置の調整
    • 最初の見出しの上部
    • アプリブロックによる指定位置
  • 目次に含む見出しをh1~h6の中から選択
  • 特定の記事で目次を非表示
  • 段落表示を「丸表記(Bullet)」「数値表示 (Numeric)」「なし（None）」から選べる
  • 下記の色味の変更が可能
    • 背景、枠、タイトル、リンク、hover時のリンク、クリック後のリンク

目次を作成できるShopifyアプリを徹底比較

目次を表示できる箇所で比較

アプリ名 RuffRuff 目次作成 Easy Table Of Contents ジャンプリンクス
ブログ記事で目次表示 ◯ ◯ ◯
商品で目次表示 ◯ ✕ ✕
Pagesで目次表示 ◯ ✕ ✕
コレクションで目次表示 ◯ ✕ ✕

目次のカスタマイズ機能で比較

アプリ名 RuffRuff 目次作成 Easy Table Of Contents ジャンプリンクス
見出し選択
（目次に利用する） 		◯
h1~h6 		◯
h1~h6 		◯
h1~h6
スクロール
（Smooth Scroll） 		◯ ◯ ◯
段落表示 ◯
3種類 		◯
3種類 		◯
3種類
区切り線 ◯ ✕ ✕
字下げ
（インデント） 		◯ ◯ ✕
カラー変更 ◯ ◯ ◯
開閉ボタン ◯ ✕ ✕
初期表示行数の設定 ◯ ✕ ✕
目次の
表示位置調整 		◯
3種類 		◯
3種類 		◯
2種類
目次の
配置 		◯
左寄せ、中央寄せ、右寄せ 		✕ ✕
目次の
余白 		◯
上下左右 		✕ ✕

その他の機能で比較

アプリ名 RuffRuff 目次作成 Easy Table Of Contents ジャンプリンクス
目次の自動生成 ◯ ◯ ✕
1クリックON/OFF ◯ ✕ ✕
ライブプレビュー ◯ ✕ ✕
見出しを利用した
アンカーリンク 		◯ ✕ ✕

最後に

下記の記事では目次を追加できるShopifyアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。

おすすめのShopifyアプリ｜ジャンル別に紹介

ブログに戻る

ブログ

すべてを表示する
  • Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Tsunライターチーム

    「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。 引用元: RuffRuff 予約販売 アプリを見る デモページを見る 本記事では、Shopifyストアにポイントサービスを導入するメリットやデメリット、ポイントサービスを導入できるShopifyアプリをご紹介します。 ポイントサービスとは ポイントサービスとは、お客様の購入金額に応じて自身のShopifyストアで利用できるポイントを付与するサービスの事です。 ポイントを付与することでお客様の利用頻度を向上させるのと併せて、商品やサービスのファンを増やす事に役立ちます。 Shopifyストアにポイントサービスを導入することで競合ストアよりも選ばれやすくする事にも役立ちます。 同義として「ポイントプログラム」や「ポイントシステム」と呼ばれることもあります。 ポイントサービスを導入するメリット リピート率を向上できる ポイントサービスを導入する最大のメリットは、リピーターを獲得できる点です。ポイントが貯まっているから、貯めているからという理由で、既存顧客に自社ストアを選んでもらいやすくなります。 Shopifyストアを安定運営するには、既存顧客が他社の商品やサービスに乗り換えること（顧客離れ）を防ぐことが大切です。ポイントサービスは既存顧客の囲い込みに役立ち、売り上げの安定化も期待できます。 顧客単価・LTVを向上できる 上述のように、ポイントサービスを導入することで、リピート率が上がるのと比例して、LTVの向上も期待できます。また、「〜円以上の買い物でポイント5倍」や「５のつく日だけポイント５倍」などポイントを絡めたマーケティング施策を行うことで、購入単価の向上も期待できます。 競合ストアと差別化ができる メーカーの意向で値段をあまり下げることが困難な商品やどこでも扱える商品を販売している場合などは、ポイントサービスがあることで競合ストアよりもポイント分だけ差別化することができます。 マーケティング施策の選択肢が増える ポイントと絡めたマーケティングキャンペーンの実施ができるようになるのもメリットの一つです。たとえば、「会員登録したらポイント付与」や「誰かを紹介したらポイント付与」、「誕生日を入力したらポイント付与」、「〜円以上の買い物でポイント5倍」、「５のつく日だけポイント５倍」など、ポイントをインセンティブに様々なマーケティング施策を企画・実施することができます。 ポイントサービスを導入するデメリット 導入や維持にコストがかかる ポイントサービスをShopifyストアに導入する方法として、独自実装またはShopifyアプリの2種類があります。 独自実装する場合は外注費等のコストがかかる可能性もありますし、Shopifyアプリを利用する場合も月額費用だけでなく、顧客数に応じて追加コストが発生する場合があります。 また、dポイントなどの共通ポイントを導入する場合は、加盟店費用やポイント発行手数料など様々なコストも発生します。 手間もかかる ポイントサービスは導入して終わりではありません。導入後はキャンセルや返品が発生した際に、ポイントを取り消す手間が発生しますし、ポイントに関するお客様からの問い合わせも増えます。また、ポイント支払いは、会計上「ポイント引当金」として処理する必要があり、会計処理においても手間が発生します。 一度始めると終わらせるのも大変...

    Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Tsunライターチーム

    「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。 引用元: RuffRuff 予約販売 アプリを見る デモページを見る 本記事では、Shopifyストアにポイントサービスを導入するメリットやデメリット、ポイントサービスを導入できるShopifyアプリをご紹介します。 ポイントサービスとは ポイントサービスとは、お客様の購入金額に応じて自身のShopifyストアで利用できるポイントを付与するサービスの事です。 ポイントを付与することでお客様の利用頻度を向上させるのと併せて、商品やサービスのファンを増やす事に役立ちます。 Shopifyストアにポイントサービスを導入することで競合ストアよりも選ばれやすくする事にも役立ちます。 同義として「ポイントプログラム」や「ポイントシステム」と呼ばれることもあります。 ポイントサービスを導入するメリット リピート率を向上できる ポイントサービスを導入する最大のメリットは、リピーターを獲得できる点です。ポイントが貯まっているから、貯めているからという理由で、既存顧客に自社ストアを選んでもらいやすくなります。 Shopifyストアを安定運営するには、既存顧客が他社の商品やサービスに乗り換えること（顧客離れ）を防ぐことが大切です。ポイントサービスは既存顧客の囲い込みに役立ち、売り上げの安定化も期待できます。 顧客単価・LTVを向上できる 上述のように、ポイントサービスを導入することで、リピート率が上がるのと比例して、LTVの向上も期待できます。また、「〜円以上の買い物でポイント5倍」や「５のつく日だけポイント５倍」などポイントを絡めたマーケティング施策を行うことで、購入単価の向上も期待できます。 競合ストアと差別化ができる メーカーの意向で値段をあまり下げることが困難な商品やどこでも扱える商品を販売している場合などは、ポイントサービスがあることで競合ストアよりもポイント分だけ差別化することができます。 マーケティング施策の選択肢が増える ポイントと絡めたマーケティングキャンペーンの実施ができるようになるのもメリットの一つです。たとえば、「会員登録したらポイント付与」や「誰かを紹介したらポイント付与」、「誕生日を入力したらポイント付与」、「〜円以上の買い物でポイント5倍」、「５のつく日だけポイント５倍」など、ポイントをインセンティブに様々なマーケティング施策を企画・実施することができます。 ポイントサービスを導入するデメリット 導入や維持にコストがかかる ポイントサービスをShopifyストアに導入する方法として、独自実装またはShopifyアプリの2種類があります。 独自実装する場合は外注費等のコストがかかる可能性もありますし、Shopifyアプリを利用する場合も月額費用だけでなく、顧客数に応じて追加コストが発生する場合があります。 また、dポイントなどの共通ポイントを導入する場合は、加盟店費用やポイント発行手数料など様々なコストも発生します。 手間もかかる ポイントサービスは導入して終わりではありません。導入後はキャンセルや返品が発生した際に、ポイントを取り消す手間が発生しますし、ポイントに関するお客様からの問い合わせも増えます。また、ポイント支払いは、会計上「ポイント引当金」として処理する必要があり、会計処理においても手間が発生します。 一度始めると終わらせるのも大変...

  • 顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    新宮ドミ

    Shopifyアプリ「Kinchaku」とは？ Kinchakuアプリは、Shopifyストア向けの顧客ロイヤリティ（会員ポイント）プログラムを運営するためのアプリです。当アプリを利用することで、発行される会員証はApple WalletおよびGoogle Walletに簡単に追加することができ、便利に利用することができます。ポイントは商品発送時に付与されるため、会員は購買行動を通じてポイントを貯めることができます。さらに、貯めたポイントを決済時に利用できるディスカウントコードと交換することができます。 アプリのインストールはこちら   関連記事：Shopifyにポイントサービスを導入するメリット・デメリット Kinchakuの特徴 Kinchakuの特徴は下記3つになります。 ポイントカードの発行枚数は無制限 日本語と英語の両方に対応 会員証はモバイルウォレットにも追加可能 1. ポイントカードの発行枚数は無制限 月額費用によるポイントカードの発行枚数に制限がついていません。そのため、費用を気にせず安心してご利用いただけます。 2. 日本語と英語の両方に対応 アプリは日本語と英語の両方に対応しています。もし、英語が苦手な方でも日本語でアプリをご利用いただけます。 3. 会員証はモバイルウォレットにも追加可能 会員証はウェブ版はもちろんですが、モバイルウォレットにも追加できます。 こんな企業・ストア様におすすめ Kinchakuは小中規模の小売業者様におすすめです。また、下記の商材を扱っているストア様にもおすすめです。 アパレール コスメ スポーツグッズ フィットネスサプリ アプリのインストールはこちら Kinchakuのおすすめ機能 Kinchakuでは下記の3つの機能がおすすめです。...

    顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    新宮ドミ

    Shopifyアプリ「Kinchaku」とは？ Kinchakuアプリは、Shopifyストア向けの顧客ロイヤリティ（会員ポイント）プログラムを運営するためのアプリです。当アプリを利用することで、発行される会員証はApple WalletおよびGoogle Walletに簡単に追加することができ、便利に利用することができます。ポイントは商品発送時に付与されるため、会員は購買行動を通じてポイントを貯めることができます。さらに、貯めたポイントを決済時に利用できるディスカウントコードと交換することができます。 アプリのインストールはこちら   関連記事：Shopifyにポイントサービスを導入するメリット・デメリット Kinchakuの特徴 Kinchakuの特徴は下記3つになります。 ポイントカードの発行枚数は無制限 日本語と英語の両方に対応 会員証はモバイルウォレットにも追加可能 1. ポイントカードの発行枚数は無制限 月額費用によるポイントカードの発行枚数に制限がついていません。そのため、費用を気にせず安心してご利用いただけます。 2. 日本語と英語の両方に対応 アプリは日本語と英語の両方に対応しています。もし、英語が苦手な方でも日本語でアプリをご利用いただけます。 3. 会員証はモバイルウォレットにも追加可能 会員証はウェブ版はもちろんですが、モバイルウォレットにも追加できます。 こんな企業・ストア様におすすめ Kinchakuは小中規模の小売業者様におすすめです。また、下記の商材を扱っているストア様にもおすすめです。 アパレール コスメ スポーツグッズ フィットネスサプリ アプリのインストールはこちら Kinchakuのおすすめ機能 Kinchakuでは下記の3つの機能がおすすめです。...

  • Shopifyで購入回数を毎月3回までに制限する方法

    Shopifyで購入回数を毎月3回までに制限する方法｜Shopifyアプリも紹介

    Tsunライターチーム

    本記事では、1会員あたり毎月3回までしか購入出来ないように制限する方法を紹介します。 下記のブログ記事では、Shopifyで個数や金額、重量など様々な購入制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで購入制限（販売制限）を実施する方法 アウトプット 本設定を行うことで、「購入回数0回〜2回までの会員」と「ログインしていないユーザー（以降、ゲスト会員）や購入回数3回の会員」とで商品は下記の状態となります。 購入回数0回〜2回までの会員 商品を購入できる ゲスト会員または購入回数3回の会員 商品を購入できない 購入を試みた場合にアラートメッセージが表示される 事前準備 本設定を進めるにあたり「RuffRuff 注文制限」と「Shopify Flow」を利用します。そのため、まだインストールされていない方はインストールをお願いします。 RuffRuff 注文制限  「RuffRuff 注文制限」は完全日本語対応で、日本初のCart and Checkout Validation APIを利用したShopify アプリです。 「Cart and Checkout Validation API」を利用することにより、これまでフロントでしか対応できなかった注文制限の処理をサーバサイドで実現しました。そのため、既存の注文制限アプリに比べ、より突破されにくい堅牢な注文制限を実現することが可能です。 アプリ１つで「1回の注文あたり1個まで」「1回の注文あたり3個から」などの個数制限や「合計金額3,000円まで購入を可能にする」「合計金額1,000円以上から購入を可能にする」などの金額制限、「他商品とは同時購入不可」や「特定カテゴリの商品のみ同時購入可能」などの同梱制限を実施できます。 アプリを見る...

    Shopifyで購入回数を毎月3回までに制限する方法｜Shopifyアプリも紹介

    Tsunライターチーム

    本記事では、1会員あたり毎月3回までしか購入出来ないように制限する方法を紹介します。 下記のブログ記事では、Shopifyで個数や金額、重量など様々な購入制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで購入制限（販売制限）を実施する方法 アウトプット 本設定を行うことで、「購入回数0回〜2回までの会員」と「ログインしていないユーザー（以降、ゲスト会員）や購入回数3回の会員」とで商品は下記の状態となります。 購入回数0回〜2回までの会員 商品を購入できる ゲスト会員または購入回数3回の会員 商品を購入できない 購入を試みた場合にアラートメッセージが表示される 事前準備 本設定を進めるにあたり「RuffRuff 注文制限」と「Shopify Flow」を利用します。そのため、まだインストールされていない方はインストールをお願いします。 RuffRuff 注文制限  「RuffRuff 注文制限」は完全日本語対応で、日本初のCart and Checkout Validation APIを利用したShopify アプリです。 「Cart and Checkout Validation API」を利用することにより、これまでフロントでしか対応できなかった注文制限の処理をサーバサイドで実現しました。そのため、既存の注文制限アプリに比べ、より突破されにくい堅牢な注文制限を実現することが可能です。 アプリ１つで「1回の注文あたり1個まで」「1回の注文あたり3個から」などの個数制限や「合計金額3,000円まで購入を可能にする」「合計金額1,000円以上から購入を可能にする」などの金額制限、「他商品とは同時購入不可」や「特定カテゴリの商品のみ同時購入可能」などの同梱制限を実施できます。 アプリを見る...

  • Shopifyのセット販売（バンドル販売）アプリ｜メリット・デメリットも紹介

    Shopifyのセット販売（バンドル販売）アプリ4選｜メリット・デメリットも紹介

    Tsunライターチーム

    セット販売（バンドル販売）のメリットやデメリットを解説し、Shopify（ショッピファイ）サイトでセット販売を実現するShopifyアプリの選び方を解説。Rebolt Bundle & UpsellやWide Bundlesなどの有名アプリもご紹介しています。最近リリースされたShopify Bundles appについても紹介しています。

    Shopifyのセット販売（バンドル販売）アプリ4選｜メリット・デメリットも紹介

    Tsunライターチーム

    セット販売（バンドル販売）のメリットやデメリットを解説し、Shopify（ショッピファイ）サイトでセット販売を実現するShopifyアプリの選び方を解説。Rebolt Bundle & UpsellやWide Bundlesなどの有名アプリもご紹介しています。最近リリースされたShopify Bundles appについても紹介しています。

1 4
すべてを表示する

テックブログ

すべてを表示する
  • 【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

  • Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

  • Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説

    Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう！ https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう！ Shopifyが作成した「Learn...

    Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう！ https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう！ Shopifyが作成した「Learn...

  • ブログ記事 Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPRや対応例など

    Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか？レビューで詰まらないためにも、ぜひご確認ください！ Webhooksとは？ Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは？ 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは？ GDPR（General Data Protection Regulation：一般データ保護規則）は、ヨーロッパ連合（EU）の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利（データ削除の権利）、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

    Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか？レビューで詰まらないためにも、ぜひご確認ください！ Webhooksとは？ Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは？ 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは？ GDPR（General Data Protection Regulation：一般データ保護規則）は、ヨーロッパ連合（EU）の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利（データ削除の権利）、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

1 4
すべてを表示する

編集プロセス

EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

詳しく見る →

掲載情報に関して

掲載している各種情報は、株式会社Tsunが経験および、調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。