不自由を自由に、買えるに変える
ECストアの構築からグロース支援まで行うコマースソリューションパートナーです
お知らせ
- 2024.12.12 social plusの記事で「RuffRuff 予約販売」が紹介されました
- 2024.12.09 ヘルプセンターに購入オプションのデザイン装飾方法を追加しました|RuffRuff 予約販売
- 2024.12.03 年末年始休業(2024年12月31日~2025年1月5日)に関するお知らせ
- 2024.11.26 「 Tsun」の商標を取得しました
- 2024.11.13 「fuji3 お気に入り」のアプリ名および運営体制を変更しました
日本初
私たちのShopifyアプリが日本企業で初めてShopify公式から最高品質の証「Built for Shopify」に選ばれました。
Built for Shopifyは、スピード、使いやすさ、マーチャントのメリットに関して、Shopifyの最高品質基準を満たしたShopifyアプリだけが獲得できます。
サービス
立上げ期、成長期、安定期をトータルでサポートする3つのサービスを展開しています。
IT・マーケティング支援
最適なITツールを選定し、業務を効率化します
目先の業務改善ではなく、長期的な目線で最適なITツールを選定し、業務改善のご支援をさせていただきます。もちろん、フルスクラッチでの開発も可能です。
定石施策とスピーディな仮説検証でグロースを支援します
まずは、定石施策で手堅くグロースをサポートします。次に、スピーディに仮説検証を実施することで、ストア様独自の成長ドライバを早期に発掘します。
Shopifyアプリ開発
高品質でユーザードリブンなShopifyアプリを開発します
私たちのShopifyアプリは、日本企業で初めてShopify公式から最高品質の証「Built for Shopify」を頂いています。また、アプリの利用社数はたった2年で累計8,000社以上を達成しました。
ブログ
Eコマース、D2C、Shopifyに関する情報を配信しています。
-
Shopifyアプリ「Checkout Blocks」|チェックアウトや注文状況、サンキューペ...
ShopifyのCheckout Blocksアプリを使用して、チェックアウトページ、サンキューページ、注文状況ページをカスタマイズする方法を解説します。静的・動的コンテンツの設定手順や実践的な活用例を紹介しています。
Shopifyアプリ「Checkout Blocks」|チェックアウトや注文状況、サンキューペ...
ShopifyのCheckout Blocksアプリを使用して、チェックアウトページ、サンキューページ、注文状況ページをカスタマイズする方法を解説します。静的・動的コンテンツの設定手順や実践的な活用例を紹介しています。
-
Shopifyとfreee会計の連携ガイド|メリットや連携手順を詳しく解説
Shopifyストアを運営する事業者の中には、経理・会計業務が負担になっている方も多いでしょう。そのような方向けに、クラウド会計ソフト「freee会計」とShopifyを連携するメリットや連携手順を解説します。
Shopifyとfreee会計の連携ガイド|メリットや連携手順を詳しく解説
Shopifyストアを運営する事業者の中には、経理・会計業務が負担になっている方も多いでしょう。そのような方向けに、クラウド会計ソフト「freee会計」とShopifyを連携するメリットや連携手順を解説します。
-
Shopifyでシルバー会員以上向け限定セールの実施方法
Shopifyで会員ランクに応じた限定セールを実施する方法を解説。シルバー会員とゴールド会員のみが購入できる特別価格の設定手順を、RuffRuff予約販売アプリを使って詳しく説明します。会員限定セールの実装に必要な設定をステップバイステップでご紹介。
Shopifyでシルバー会員以上向け限定セールの実施方法
Shopifyで会員ランクに応じた限定セールを実施する方法を解説。シルバー会員とゴールド会員のみが購入できる特別価格の設定手順を、RuffRuff予約販売アプリを使って詳しく説明します。会員限定セールの実装に必要な設定をステップバイステップでご紹介。
-
【無料】ShopifyのセグメントとFlowで、会員ランク制度を実施する方法
Shopifyで会員ランク制度を無料で実装する方法を解説。セグメント機能とFlowを使って、購入金額に応じた会員ランク(ノーマル/ブロンズ/シルバー/ゴールド)を自動で設定し、特典や限定商品の提供を実現できます。アプリ不要で簡単に導入可能です。
【無料】ShopifyのセグメントとFlowで、会員ランク制度を実施する方法
Shopifyで会員ランク制度を無料で実装する方法を解説。セグメント機能とFlowを使って、購入金額に応じた会員ランク(ノーマル/ブロンズ/シルバー/ゴールド)を自動で設定し、特典や限定商品の提供を実現できます。アプリ不要で簡単に導入可能です。
-
【TIPS】Shopifyの各種ページをプレビューで確認・共有する方法
Shopifyの管理画面で各種コンテンツ(テーマ、商品、ブログ記事、ページ)のプレビューを確認・共有する方法と、プレビューリンクの有効期限や制約事項について解説した実践的なガイドです。
【TIPS】Shopifyの各種ページをプレビューで確認・共有する方法
Shopifyの管理画面で各種コンテンツ(テーマ、商品、ブログ記事、ページ)のプレビューを確認・共有する方法と、プレビューリンクの有効期限や制約事項について解説した実践的なガイドです。
-
カラーミーショップからShopifyへ!Shopifyの移行手順とカラーミーショップとの違い
カラーミーショップからShopifyへの移行をお考えの方必見。デザインの自由度、販売チャネルの拡大、越境EC対応など、移行のメリットと具体的な手順を詳しく解説。スムーズな移行でビジネスの可能性を広げましょう。
カラーミーショップからShopifyへ!Shopifyの移行手順とカラーミーショップとの違い
カラーミーショップからShopifyへの移行をお考えの方必見。デザインの自由度、販売チャネルの拡大、越境EC対応など、移行のメリットと具体的な手順を詳しく解説。スムーズな移行でビジネスの可能性を広げましょう。
パートナー
国内外でオススメのECプラットフォームとパートナー契約を結んでいます。
-
Shopify
「Shopify」は世界175カ国、数百万店舗で使用されている世界シェア最大級の大手ASPです。
自社のビジネス規模に合わせて複数のプランから選択できるため、小規模事業者から大規模事業者まで幅広く対応ができるサービスになっています。
外部アプリケーションと連携できる拡張機能も非常に豊富で、在庫連携や実店舗とのデータ連携など、自社が使いやすいようににカスタマイズをすることが可能です。 -
BASE
「BASE」は180万店舗以上に使用されている国内最大手のASPです。BASEの一番の魅力は初期費用・月額費用が無料でECサイトを構築できる点です。
また、無料のテンプレートを使用することによって、サイトデザインや開発の知識が無くても、ECサイトをスタートすることができます。
無料でありながら拡張機能や決済手段が豊富である点も魅力ポイントです。
テックブログ
Shopifyでの高度なカスタマイズやShopifyアプリの実装方法などを解説します。
-
Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介
Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。
Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介
Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。
-
Shopify Polarisとは? 効率的なShopifyアプリ開発に!
Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。
Shopify Polarisとは? 効率的なShopifyアプリ開発に!
Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。
-
【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 でテーマ拡張機能の開発体験を改善する
今回は 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には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アプリ開発を始めたときに詰まるポイントの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なので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...