テーマでは物足りなくなったストアのためのShopify開発
既製のテーマとアプリの組み合わせでは足りないブランド向けに、カスタムLiquid、メタフィールド、Storefront APIでShopifyとShopify Plusのストアを構築、拡張しています。Shopifyの実績は、カリフォルニアのカーオーディオ販売店から、オーストラリア各地の専門店、そしてWordPressからのShopify Plusへの全面移行まで多岐にわたります。
含まれるもの
- カスタムLiquidテーマとセクション: Liquidでゼロから書くテーマ、または現在お使いのテーマへの新しいセクションの追加。チームがテーマエディターでレイアウトを並べ替えられます。
- 商品データ用のメタフィールド: 仕様、サイズ、互換性などの商品情報をメタフィールドとして設計し、すべての商品ページで同じ項目を同じ場所に表示します。
- アプリ不要の再入荷通知: Klaviyo、Brevo、Cloudflare Workersを使い、通知アプリに別途料金を払うことなく、メールとSMSで再入荷をお知らせします。
- Storefront APIとの連携: テーマの外で動くカスタムロジック。Car Audio Garageを支えるCloudflareレイヤーのように、Storefront APIとREST APIで接続します。
- 移行と商品のインポート: WordPressなどのプラットフォームからShopifyへの移行。Real Mad HoneyのShopify Plusへの移行のように、商品のインポートとURLのリダイレクトを事前に計画します。
- AI商品登録エージェント: 手作業では入力しきれない大規模なカタログ向けに、メーカーのデータをメタフィールド対応の商品登録データに変換するバックグラウンドAIエージェント。
- コンバージョンとA/Bテスト: 商品ページ、コレクション、カートの変更を、テストできる形で構成します。Real Mad HoneyのA/Bテストの仕組みもその一例です。
- 公開中のストアの保守: 運営中のストア向けのテーマ修正、新しいセクション、季節ごとの変更。Outdoor eStore、Frog Diveなど、オーストラリアの販売店に提供しています。
Shopify開発者は、ストアに何を構築しますか?
既製のテーマとたくさんのアプリではきれいに実現できない部分を、Shopifyストアに構築します。多くの場合、カスタムLiquidセクション、メタフィールドで動く商品ページ、Storefront APIとREST APIによる連携、そしてカタログの繰り返し作業をチームから引き受けるバックグラウンドの自動化です。
一般的なご依頼には、次の一部またはすべてが含まれます:
- Liquidで書くカスタムテーマ、または現在お使いのテーマへの新しいセクションの追加
- 仕様、サイズ、互換性などの商品情報のためのメタフィールド構造
- KlaviyoやBrevoによるメールとSMSのフロー(再入荷通知を含む)
- テーマの外で動く機能のためのStorefront APIとCloudflare Workersのレイヤー
- WordPressなどのプラットフォームからの移行と商品のインポート
- 公開中のストアの速度、テクニカルSEO、計測の修正
ポートフォリオには、単一商品のブランドから900点以上の商品を扱う販売店まで、17件のShopifyとShopify Plusのストアがあります。規模にかかわらず、細かな変更のたびに開発者を呼ばなくても、チームが日々運営できるストアを目指しています。
カスタムのShopify開発が必要なのは、どのようなストアですか?
商品や購入者が標準的なテンプレートに合わない場合は、カスタム開発が理にかなっています。私が手がけるストアは、次のいずれかの課題を抱えていることが多くあります:
- 詳細な技術仕様。 Musway USA は、ドイツで設計されたDSPアンプ、スピーカー、サブウーファーを販売し、 Carlton Audio Visual は、細部まで比較するオーディオ愛好家を顧客に持つため、仕様データにはきちんとした構造が必要です。
- 実は商品ではない商品。 Frog Dive は、器材と並んでPADIコースや子ども向けプログラムを販売し、 Century Foam & Rubber は、オーダーサイズにカットしたフォームを販売しています。
- 大規模なカタログ。 Car Audio Garage は、車・船舶・パワースポーツ向けのオーディオ製品を900点以上扱い、 About Space Lighting は、リアルタイムの予測検索を備えた深いカテゴリー構成を持っています。
- 業者向けの販売。 WSG Waterproofing Solutions は、カスタムLiquidによる商品展開で、防水システムを施工業者に販売しています。
- 単一ブランドのストーリー。 KikFin, MiLi Store Australia と Illusion Fires は、カスタムセクションと動画で製品を説明しています。
現在のテーマでシンプルな商品がすでによく売れているなら、的を絞った修正だけで十分な場合もあります。作り直しを決める前に、診断でそれがわかります。
Shopify、Shopify Plus、WooCommerce:貴社に合うのはどれか
Shopifyは通常、ホスティング、セキュリティ、プラットフォームの更新を月額料金で任せたい、商品中心のブランドに向いています。WooCommerceは、コンテンツの多いWordPressサイトの中にストアを置きたい企業、独自のBtoBロジックが必要な企業、コードとサーバーを完全に管理したい企業に向いています。ポートフォリオにはShopifyのケーススタディが17件、WooCommerceのストアが12件あり、どちらでも構築しているため、一方を押しつける理由はありません。
Shopify Plusは、標準プランでは物足りなくなったブランドのための上位プランです。 Real Mad Honey は、A/Bテストを実施し、Shopifyのエコシステム全体とより自由に連携し、高級商品にふさわしいすっきりとしたストアフロントを実現するため、WordPressからフルカスタムのShopify Plusストアに移行しました。
選択肢を比較するときは、立ち上げ費用だけでなく3年間の総費用を見てください。Shopifyならプランとすべてのアプリの月額料金、WooCommerceならホスティング、プラグインのライセンス、保守の費用です。こうした数字を一緒に確認し、商品、ご予算、チーム体制に合ったプラットフォームをご提案します。
Liquid、メタフィールド、Storefront APIはどのように連携しますか?
LiquidはShopifyのテンプレート言語、メタフィールドは商品に必要な追加データを保存する仕組み、Storefront APIはテーマの外のコードがストアのデータを読み取り、処理するための仕組みです。この3つを組み合わせることで、ページごとにハードコーディングすることなく、ストアに正確な情報を表示できます。
Liquid
Liquidは、すべてのページの表示を制御します。チームがテーマエディターで並べ替えられるカスタムセクションとブロックを作成しています。例えば、 Organ Boostは、カスタムコードのセクションと柔軟なサイト管理を備えた、フルカスタムのLiquidによる構築です。
メタフィールド
メタフィールドには、出力定格、寸法、素材、講座の日程などの構造化された情報を保存します。Musway USAでは、カスタムメタフィールドで詳細な技術仕様を管理し、各商品ページで統一した形式で表示しています。
Storefront API
Storefront APIは、ストアを外部のサービスにつなぎます。Car Audio Garageでは、テーマと並行して動くCloudflareとStorefront APIのレイヤーを構築し、Musway USAでは、アプリ不要の再入荷通知もCloudflareで動かしています。
その結果、商品データは1か所で管理され、テーマはそれを表示するだけのストアになります。
カスタムコードで有料のShopifyアプリを置き換えられますか?
毎月料金を払っている特定の機能であれば、多くの場合は可能です。再入荷通知が良い例で、Car Audio GarageとMusway USAでは、専用の通知アプリではなくKlaviyo、Brevo、Cloudflare Workersを使い、アプリ不要のメールとSMSの再入荷通知を構築しました。
アプリをカスタムコードに置き換えるのが理にかなうのは、次のような場合です:
- アプリがすべてのページでスクリプトを読み込むのに、使っているのは小さな機能1つだけ
- 注文数や登録者数が増えるほど、月額料金が上がる
- アプリの設定では実現できない動作が必要
- 複数のアプリの機能が重複し、互いに干渉している
必ずしも理にかなうとは限りません。レビュー、お気に入りリスト、定期購入などで実績のあるアプリを使うのが正解な場合もあり、 Outdoor eStore も、カスタムLiquidと並行してお気に入りリストにSwymを使っています。表示の遅いShopifyストアの原因は、プラットフォームそのものではなく、テーマとアプリの組み合わせであることが多いため、使っていないアプリの整理は最初に確認することの一つです。残すもの、置き換えるもの、削除するものを率直にまとめた一覧をお渡しします。
Shopifyへの移行はどのように進みますか?
移行では、新しいストアフロントを構築しながら、商品、顧客、コンテンツ、URLをShopifyに移すため、切り替えは計画された1つのステップで完了します。WordPressからフルカスタムのShopify Plusストアに移行したReal Mad Honeyで、この作業を担当しました。
作業は次の順序で進みます:
- 現在のサイトを診断:商品、バリエーション、コンテンツ、アプリ、そして検索流入のあるすべてのURL
- データモデルを設計し、何を商品、バリエーション、メタフィールド、コレクション、ページにするかを決定
- 商品とコンテンツをインポートし、旧サイトと照合して確認
- 非公開のコピー上でテーマを構築し、公開中のサイトでは販売を継続
- 旧URLから新しいShopifyのパスへのリダイレクトを設定
- 購入手続き、メール、計測、連携をテストしてから公開
計測には、今とくに注意が必要です。Shopifyは2027年3月1日にストアフロントへのscriptタグの挿入を停止するため、移行は、古いスクリプトをそのまま移すのではなく、アナリティクスと広告の計測をShopifyのWebピクセルに切り替える良い機会です。ビジネスに合う場合は、ShopifyからWordPressへの逆方向の移行にも対応します。
Shopifyの構築はどのような流れで進み、期間はどれくらいですか?
Shopifyのプロジェクトはすべて簡単な概要から始まり、チームで運営できるストアの完成で終わります。期間は作業範囲によって決まります。新しいセクションをいくつか追加するだけなら短期間で済み、カスタムテーマ、移行、連携レイヤーにはより時間がかかります。コードを書き始める前に、日付入りのマイルストーン計画をお渡しします。
通常の流れ:
- お問い合わせフォームから、目的、ご予算の目安、納期をお送りいただきます
- ストアまたは旧サイトを確認し、確認事項またはご提案をお返しします
- 構築開始前に、範囲、スケジュール、確定見積もりについて合意します
- 非公開のテーマ上で構築し、書面で進捗をご報告します
- 実機で確認していただき、見つかった点を修正してから公開します
規模の大きい構築はマイルストーンに分けて進めるため、ストア全体の完成前に商品ページ、コレクションページ、カートを確認できます。公開後も修正、新しいセクション、季節ごとの変更を継続して担当できます。実際に、オーストラリアのいくつかのストアとはこの形で仕事をしています。
Shopifyの構築費用は何によって変わりますか?
費用は作業範囲によって決まるため、実際の金額を知る一番の近道は、無料診断または短い打ち合わせです。ページ数が同じストアでも必要な作業量が大きく異なるため、公開の料金表はありません。小規模から成長中のストアにも利用しやすい料金で、範囲に合意した後はすべてのプロジェクトで確定見積もりをお出しし、ご予算にかかわらず、きれいなLiquid、高速なページ、しっかりとしたテストという確かな品質を保ちます。主に費用を左右する要素:
- テーマをゼロから構築するか(例: Wello World)、既存のテーマを拡張するか
- ストアに必要なカスタムセクションとテンプレートの数
- メタフィールドで設計し、インポートする必要がある商品データの量
- Klaviyo、Brevo、SMS、Cloudflare Workersレイヤーなどの連携
- 移行の規模(商品、顧客、コンテンツ、リダイレクトを含む)
- 商品登録を行うAIエージェントなどの自動化
アプリの費用も重要です。カスタム機能は一度構築すれば済みますが、アプリは使い続ける限り毎月料金がかかるため、2、3年で見ると、どちらが安いかは一見してわかるとは限りません。
Shopifyストアが役割を果たしていることは、どの数値でわかりますか?
成果は、最初に設定した目標に対して、お客様ご自身で確認できる数値で測ります。多くのストアでは、コンバージョン率、カート追加率、訪問者あたりの売上、商品ページに到達したセッションの割合です。再入荷通知のあるストアなら、通知の登録数とそこから生まれた注文も計測する価値があります。
表示速度は、ShopifyのWebパフォーマンスダッシュボードでCore Web Vitalsを基準に測定します。目標としている数値:
- Largest Contentful Paintは2.5秒以下
- Interaction to Next Paintは200ミリ秒以下
- Cumulative Layout Shiftは0.1以下
検索パフォーマンスはGoogle Search Consoleで確認し、公開後と大きな変更の後に、クリック数、表示回数、インデックス済みページをチェックします。計測はShopifyのWebピクセルで行うため、scriptタグの廃止後も、アナリティクスや広告プラットフォームへのデータ送信が続きます。
具体的な売上の数字はお約束しません。成果は構築と同じくらい、商品、価格、アクセス数に左右されるからです。私が行うのは、ストアを高速にし、計測でき、テストしやすくすることです。Real Mad HoneyのA/Bテストの仕組みがその例です。
カスタムストアは、GoogleやAIショッピングアシスタントに対応していますか?
はい。私が構築するストアはすべて、商品のスキーママークアップ、メタタイトルとメタディスクリプション、論理的な見出しの順序、XMLサイトマップ、高速なCore Web Vitals、スマートフォンを優先して設計したテンプレートといった技術的な基本を押さえて公開します。Wello World、 Yaqeen Books と Sttoke は、いずれもSEOに強い構成を主な目標として構築しました。
AIショッピングは新しい領域です。Shopifyのエージェンティックコマースでは、ChatGPT、Copilot、Google AI ModeなどのアシスタントがShopify CatalogとAgentic Storefrontsチャネルを通じてストアの商品を見つけて比較し、場合によっては購入まで完了します。こうしたアシスタントは整理された構造化商品データに依存しており、それこそがよく設計されたメタフィールドが提供するものです。
検索エンジンやAIアシスタントがストアを読み取りやすくするために、重視していること:
- 構造化された項目として保存した、完全な商品名、説明、仕様
- 価格、在庫状況、バリエーションを含む正確な商品の構造化データ
- 実際に役立つ説明文を載せたコレクションページ
- クローラーやブラウザエージェントが解析できる、高速でアクセシブルなテンプレート
公開後は、コンテンツ、地域での見つけやすさ、そしてChatGPT、Perplexity、Google AI OverviewsのAI回答でのストアの存在感について、継続サービスとして対応できます。
テーマ、コード、データの所有者は誰ですか?
お客様です。ストア、商品、顧客、注文はお客様のShopifyアカウントにあり、私が構築または編集したテーマも、アクセスできない場所ではなくそのアカウントにインストールされます。Cloudflare WorkersやKlaviyo、Brevoのフローなどの関連サービスも貴社の名義で設定するため、取引を終了しても動き続けます。
具体的には:
- オーナー権限はお客様が保持し、私をコラボレーターまたはスタッフアカウントとして追加していただきます
- テーマのコードは貴社のストアに保存し、以前のバージョンもバックアップとして残します
- 連携サービスのアカウントは、私個人のログインではなく貴社の名義で作成します
- カスタムロジックは、私だけが管理する非公開のツールに隠すのではなく、次の開発者が読めるように書きます
AI商品登録エージェントなどの自動化も同じです。貴社のデータを使って動き、その出力は通常の商品やメタフィールドとしてストアに反映されます。将来、作業を社内に移したり別の開発者に依頼したりする場合も、標準的なShopifyの機能と明確に分離されたカスタムコードで構築されたストアを引き継げます。
フィリピンのShopify開発者でも、アメリカやオーストラリアの営業時間に対応できますか?
はい。サンバレス州ボトランからフィリピン時間(UTC+8)でリモート作業を行っており、オーストラリアの営業時間全体と重なるうえ、アメリカやヨーロッパのお客様にとっては夜間に作業が進み、書面でのご報告とともに翌朝ご確認いただけます。Shopifyのクライアントには、カリフォルニア州テメキュラのCar Audio GarageとムリエタのMusway USAのほか、Outdoor eStore、Frog Dive、Illusion Fires、Carlton Audio Visual、WSG Waterproofing Solutionsといったオーストラリアのストアがあります。
リモートでの仕事は、わかりやすい文章で進みます。お届けするもの:
- 構築開始前の書面での作業範囲とマイルストーン計画
- プレビュー用テーマのリンクを添えた定期的な進捗報告
- 確認事項はまとめてお送りし、一度にご回答いただけるようにします
- 話し合いが必要な場合は、時間帯が重なる枠で短い打ち合わせ
アメリカのストアの場合、夜間に作業が進むため、一日の始めに変更を確認し、終業前にご意見をお送りいただけます。オーストラリアのストアの場合は、営業時間の大部分が重なるため、公開作業や緊急の修正に適しています。
8年以上の経験があり、2020年から2024年まではWeb MedicでフルスタックのShopify開発者として働いていました。
仕事の進め方
- ストア診断: テーマ、アプリ、商品データ、目標を確認し、範囲とマイルストーンを記した確定見積もりをお送りします。
- データモデル: テンプレートの作業を始める前にメタフィールド、コレクション、連携を設計し、すべての商品データの置き場所を明確にします。
- 構築とテスト: 非公開のテーマ上で構築し、実機と購入手続きまで通してテストし、進捗を書面でご報告します。
- 公開と調整: ストアを公開し、速度と計測を確認したうえで、公開後もセクションや機能の改善を続けます。
Shopify開発のケーススタディ
- Car Audio Garage - Shopify · カーオーディオ、2026年。Car Audio Garageは、カリフォルニア州テメキュラの販売店で、Nemesis Audio、PRV Audio、Muswayなどのブランドから、車・船舶・パワースポーツ向けのオーディオ製品を900点以上扱っています。カスタムメタフィールド、アプリを使わないメールとSMSの再入荷通知、CloudflareとStorefront APIのレイヤー、AI商品登録エージェントを備えたShopifyストアを構築しました。
- Musway USA - Shopify · カーオーディオ、2026年。Musway USAは、カリフォルニア州ムリエタを拠点に、ドイツで設計されたDSPアンプ、スピーカー、サブウーファーを販売しています。詳細な技術仕様のためのカスタムメタフィールド、Klaviyo、Brevo、Cloudflareによるアプリ不要のメール・SMS再入荷通知、商品登録を自動化するバックグラウンドAIエージェントを備えたShopifyストアを構築しました。
- Colonial Acres Coins - Shopify、2023年。Colonial Acres CoinsのためのShopify ECサイト。商品の探しやすさ、コレクターからの信頼、オンラインでの見つけやすさを高めるために構築しました。
- KikFin - Shopify、2023年。多用途の水上モビリティ機器を紹介するための、商品中心のShopifyストアフロント。商品の魅力をよりわかりやすく伝え、コンバージョンまでの流れを強化し、より魅力的な購入体験を実現するために構築しました。
- Organ Boost - Shopify、2024年。動的コンテンツ、ブランドに合わせたユーザー体験、拡張性のあるストアフロント機能に注力した、フルカスタムのShopify Liquidストア。カスタムコードのセクションと柔軟なサイト管理を備えています。
- Wello World - Shopify、2024年。健康・ウェルネスブランドのためにゼロから構築したカスタムShopify Liquidストアフロント。きれいなコード、SEOに強い構成、高速なパフォーマンス、よりスムーズな買い物体験に注力しました。
- Yaqeen Books - Shopify、2026年。Yaqeen Booksは、コーラン暗記と語彙の電子書籍、講座、セット商品を販売するイスラム学習のオンラインストアで、カスタムLiquidセクションでShopifyストアを構築しました。わかりやすい商品ページ、デジタル商品の即時配信、購入手続きまでの短い導線に重点を置いています。
- Real Mad Honey - Shopify Plus、2026年。高級天然はちみつブランドのための、フルカスタムのShopify Plusストア。WordPressから移行し、コンバージョン、ストアフロントの柔軟性、より上質な購入体験のために最適化しました。
- Sttoke - Shopify、2024年。サステナビリティを重視するコーヒーブランドのためのカスタムShopify Liquidストアフロント。商品のストーリーをより強く伝え、コンバージョンを伸ばし、すっきりとしたSEO対応の購入体験を実現することに注力しました。
- Outdoor eStore - Shopify · ECサイト、2025年。Outdoor eStoreは、トランポリン、クラッシュマット、遊具など、オーストラリアの高品質なアウトドア製品を、お気に入りリスト、段階的な送料特典、大規模なカタログとともに販売しています。全体にカスタムLiquidを用いたShopifyストアで、私が保守を担当しています。
- Frog Dive - Shopify · ECサイト、2025年。シドニーのスキューバダイビング専門店Frog Diveは、PADIコース、子ども向けプログラム、器材、メンテナンスを1つのShopifyストアで販売しています。コースを商品として扱うのは見た目以上に難しく、それをカスタムLiquidで実現しています。
- Illusion Fires - Shopify · ECサイト、2025年。Illusion Firesは、ガス暖炉や薪ストーブ風の暖炉を販売し、オーストラリア各地のショールーム、工場からの直送、10年保証を提供しています。そのShopifyストアでは、カスタムLiquidで動画を多用した商品紹介を行っています。
- About Space Lighting - Shopify · ECサイト、2025年。About Spaceは照明と家具の販売店で、ペンダントライトだけでもシングル、クラスターなどに分かれる大規模なカテゴリー構成と、リアルタイムの予測検索を備えています。カスタムLiquidで構築した本格的なShopifyカタログです。
- Century Foam & Rubber - Shopify · ECサイト、2025年。ネラングのCentury Foam & Rubberは、フォーム、ゴム、張り地をまとめて扱う専門店で、フォームのサイズカットにも対応しています。そのため、決まった商品だけでなく、オーダーサイズを販売できるShopifyストアが必要でした。
- Carlton Audio Visual - Shopify · ECサイト、2025年。Carlton Audio Visualは、メルボルンの老舗オーディオ店で、HiFi、ヘッドホン、レコード、テレビ、ホームシアターを扱い、DACの役割を熟知したオーディオファンに支持されています。カスタムLiquidで構築したShopifyストアは、そうしたお客様に通じる言葉で語りかけます。
- WSG Waterproofing Solutions - Shopify · ECサイト、2025年。WSGは、オーストラリアを代表するWedi®防水材のサプライヤーで、タイル張りの水まわり向けの建築パネル、排水口、ニッチ、防水シート、シーリング材を、カスタムLiquidで商品展開したShopifyストアを通じて施工業者に販売しています。
- MiLi Store Australia - Shopify · ECサイト、2025年。MiLi Store Australiaは、数秒でペアリングでき、近くでも世界中でも探せるスマートトラッカーと紛失防止製品を販売しています。カスタムLiquidで商品の魅力を伝える、単一ブランドのShopifyストアです。
Shopify開発に関するご質問
Shopifyテーマはゼロから構築しますか?それとも既存のテーマを編集しますか?
どちらにも対応しています。Wello WorldとOrgan BoostはゼロからカスタムLiquidで構築したストアで、土台のコードがしっかりしている場合は、既存のテーマにセクションや機能を追加することもあります。テーマ、アプリ、目標を確認したうえで判断します。
WordPressからShopifyへストアを移行できますか?
はい。Real Mad HoneyはWordPressからフルカスタムのShopify Plusストアに移行しました。移行前に、商品、コンテンツ、URL、計測の計画を立てます。WooCommerceの方がビジネスに合う場合は、ShopifyからWordPressへの移行も行います。
Shopify Plusのストアにも対応していますか?
はい。Real Mad Honeyは、カスタムのストアフロント、A/Bテスト、Storefront APIとの連携を備えたShopify Plusで運営されています。現在、Shopifyの購入手続きのカスタマイズはcheckout extensibilityを通じて行い、チェックアウトUI拡張機能、Shopify Functions、Webピクセルを使うため、購入手続きの変更はそれを前提に計画します。
アプリを使わずに再入荷通知を設定できますか?
はい。Car Audio GarageとMusway USAは、Klaviyo、Brevo、Cloudflare Workersを使って、通知アプリの月額料金なしでメールとSMSの再入荷通知を送っています。すでにKlaviyoやBrevoを使っている他のストアでも、同じ方法が使えます。
カスタム機能でストアが遅くなりませんか?
丁寧に構築すれば、遅くなることはありません。カスタムLiquidは重いアプリのスクリプトの代わりになることが多く、重要でないJavaScriptは読み込みを遅らせ、ShopifyのWebパフォーマンスダッシュボードで結果を確認します。表示速度は公開前と、大きな変更のたびに確認します。
Shopify開発者に依頼すると、費用はどれくらいですか?
Shopifyの料金は作業範囲によって決まるため、無料診断または短い打ち合わせの後、プロジェクトごとにお見積もりします。手頃な料金で、少ないご予算でも、きれいなコード、高速なページ、公開前のテストという同じ確かな品質をお届けします。範囲が明確になったら、スケジュールと成果物を明記した確定見積もりをお送りします。
公開後のShopifyストアの保守もお願いできますか?
はい。Outdoor eStore、Frog Dive、About Space Lightingなど、公開中のShopifyストアを保守しており、テーマの修正、新しいセクション、速度の確認、コンテンツの変更に対応しています。保守は別途の月額プランとなります。