検証報告 | 2026.08.04

出版社グッズEC、Shopifyでどう作り、どう回すか

もらった検証ポイントへの回答と、構成比較の結論、AI を組み込んだ運用の設計案。

結論

Shopify ネイティブ(テーマ)で立ち上げるのが正しい。ヘッドレスは、体験が売上に効くと確証が出た企画への段階投資に取っておく。

決め手は checkout でもページ上限でもなく(両構成でほぼ共通)、運用レールの構造差。ネイティブは管理画面の運用に「デプロイ」が存在せず即時反映。ヘッドレスは価格すらビルド時点で凍結され、データを変えるたび再ビルドが挟まる。

6 / 8

運用パターンでネイティブ有利

89

管理画面のみで完結する業務量

半日

軽微修正の最短 起票 → 公開

検証: 2026.08 ─ 公式一次情報 + ヘッドレス実装デモ(実働 4 日)の実測に基づく

01

もらった疑問点への回答

開発 4 + 運用 4

先に短答。「+補足」を開くと根拠が読める。

開発レーン技術・基盤の疑問
開発 1

デザイン → Shopify 反映・AI 連携・git 管理

公式の GitHub 連携は使わない。CLI + CI(GitHub Actions)の自組みが定石。AI は公式の AI Toolkit が揃っている。運用の全体像は 3〜4 章

補足

GitHub 連携は双方向同期で、管理画面での編集がブランチへ自動コミットされ、これを無効化できない(公式明記)。設定ファイルだけ同期から外すこともできない。「コード = git 正本 / コンテンツ設定 = ストア正本」の分離を作るなら CLI + CI ルート一択。AI Toolkit は Claude Code 等のプラグインとして動き、Liquid の検証と公式ドキュメント参照をエージェント自身にやらせられる。

開発 2

Shopify のページ上限

商品数は無制限(全プラン)・バリアント 2,048・商品ページは自動生成。出版社のカタログ規模なら無風。

補足

実務で効く天井は「一覧のページ送りが通算 25,000 件まで」など表示側の制約。数百〜数千点では当たらない。

開発 3

ヘッドレス(API のみ実装)の pros/cons

性能と自由度は本物。ただし運用の全作業に「再ビルド」が挟まる構造コストが重い。結論は 2 章

補足

デモの実測では LCP 0.14〜0.17 秒・閲覧時の API 呼び出しゼロを達成できた一方、「API が成功(200)を返しながら中身が失敗している」系の罠(配送設定不備でカートが全部 0 点に丸まる等)への防御実装を全部自前で書くことになった。Shopify 公式自身がヘッドレスの妥当ラインを「月商 3,000 万円以上・体験差別化が軸」と整理している。

開発 4

負荷・同時接続

心配不要。Shopify 基盤はブラックフライデー 2025 でピーク毎分 4.89 億リクエストを処理(公式 IR)。

補足

人気作品のピーク程度は問題にならない。なお個別ストア向けの SLA 数値は非公表なので、そこは「実績ベースの信頼」になる。

運用レーン回し方の疑問
運用 1

作品・画像が増えたときのメンテ

metaobjects(独自コンテンツ機能)で雑誌・作品をモデリングすれば、作品追加は管理画面で完結し、作品ページも自動公開される。

補足

「作品」をコンテンツ型として定義し、商品から参照する構造。作品を 1 件登録するとページが生えて、コード変更・デプロイは不要になる。

運用 2

製作会社への発注書(メール / PDF)

構成選定と無関係に解ける。注文データは Shopify にあるので、Admin API + 小さな自動化で PDF 生成・メール送信を実装。

補足

都度発注でも週次まとめでも同じ仕組みで対応可能。どの構成を選んでもこの部分の実装は変わらないので、独立に検討できる。

運用 3

発注をまとめて枚数割引を効かせる

週次で注文を集計してまとめ発注書を作る形が素直。締め日・分割条件はロジック側の設計だけの話。

補足

「1〜2 週間分をまとめて送る」は注文データの集計条件にすぎないので、運用 2 の仕組みに締め処理を足すだけで成立する。

運用 4

クラファン型(N 枚集まったら生産)

予約販売・クラファン系の既製アプリの選定勝負。アプリの枠を超えた体験を求めるなら Shopify の外の議論になる。

補足

jump-lab がフルスクラッチなのはこれが理由だと理解している(実測でも Shopify 不使用・自前実装だった)。マクアケ級の体験を事業の柱にするかどうかの判断が先で、決めるならそれは構成選定ではなく開発体制への投資判断。

02

ネイティブ vs ヘッドレス

運用 7 + 1 パターンで判定

ネイティブは「管理画面での運用」にデプロイという概念がない。ヘッドレスは、データを変えるたびに再ビルドのパイプラインが挟まる。

商品追加・価格変更・設定内のデザイン調整が即時反映されるのがネイティブ。ヘッドレスは価格すらビルド時点で凍結される ── デモを 4 日運用しただけでも、この管理が一番の運用負担だった。

N = ネイティブ有利H = ヘッドレス有利引分 = 条件次第
運用パターン / 頻度判定理由

既存作品への商品追加週次〜日次

管理画面 5〜10 分で完結 vs 毎回再ビルド

新作品のグッズ一式追加月次

運用担当が即日完結 vs コード変更が必ず挟まる

設定内のデザイン変更週次

テーマエディタで即時 vs 軽微でも PR 1 周

セール・価格改定月次

即時反映 vs 再ビルド(開始時刻の厳守が苦手)

設定を超えるデザイン変更月次

型検査・自動テストの層が厚く、AI が自走しやすい

大型の新機能四半期

既製アプリで済むなら N 圧勝 / 自作なら H

障害対応(データ起因)随時

管理画面の修正で即終息 vs 再ビルド 1 周

プラットフォーム追従年次

ほぼ Shopify 任せ vs 年 1 の API 棚卸し

6 / 8 業務量の大半を占める運用系がすべて N 側。ヘッドレスの強み(性能・体験の自由度)が効くのは低頻度の開発系だけ。ネイティブで始めても API 併用で後からヘッドレスを足せるので、この順番で道は塞がらない。
03

運用の全体像

トリアージと 2 本のレール

すべての依頼をトリアージ(振り分け)で 2 本のレールに分ける。これが運用設計の心臓。

依頼・要望の発生運用担当 / 事業側 / デザイナー
トリアージリードが日次 5 分・どちらのレールか判定
運用レール体感 8〜9 割

管理画面で即日完結。デプロイなし

  • 商品追加・新作品の登録
  • 価格変更・セール設定
  • 設定範囲内のデザイン調整
  • データ起因の修正

統制: 管理画面の権限を役割で絞る + 設定変更を定期的にリポジトリへ写して監査ログ化

開発レール体感 1〜2 割

AI 中心の開発プロセス(4 章)。

  • 新機能の追加
  • 設定を超えるデザイン変更
  • コード起因の不具合修正

統制: チケット駆動 + PR 必須チェック + 本番反映は手動承認

ポイントは、テーマ側の「設定項目」を上手に設計するほどデザイン変更が運用レール側に移り、開発なしで回る範囲が広がること。テーマ開発の半分は「運用担当が触れるダッシュボードの設計」だと捉えている。

04

開発レールの中身

3 論点 + 5 ゲート

インプットの受け方・AI への任せ方・品質保証の 3 点で設計し、人の関与は「起票・設計合意・承認」の 3 箇所だけに絞る。

1

インプットの受け方
── 対応内容の管理

受け口は 1 つ。1 依頼 = 1 チケット(GitHub Issues)。チャットや口頭の依頼も必ずチケットに落としてから着手する。テンプレートで受け入れ条件(完成の定義)を断定文で 1〜3 個書くことを必須にする ── ここが AI 活用の要。条件が曖昧だと AI の完了判定もレビューも曖昧になる。デザイン変更はカンプを添付し「どこまで一致させるか」を明記。 例:「商品ページの誌ロゴが現行の 1.5 倍で表示されている」/ 状態遷移: 起票 → 振り分け済 → 実装中 → レビュー中 → 承認済 → 公開済
2

AI への作業のさせ方

1 チケット = 1 ブランチ = 1 PR = 1 AI セッション。指示は「チケット本文 + リポジトリ常備の実装規約」で毎回同じ形で渡す。AI は使い捨ての development theme 上で作業(本番・確認用テーマには触れない権限設計)。実装中はホットリロードで即時確認、公式 AI Toolkit で Liquid の検証と公式ドキュメント参照を AI 自身にやらせる。 複雑度で 2 モード ── 定型(軽微修正: AI が PR まで無人で到達)/ 設計(新機能: AI がまず設計案を出し、合意してから実装)
3

品質保証と公開

5 層のゲートで、AI の速度を落とさず品質を担保する。思想は「AI の自己申告を信用せず、生成物を機械で検査する」── デモ開発でも、これで実装スピードと品質を両立できた。 下のパイプラインが、その 5 層。1〜2 は自動、3〜4 が人の関与点、5 は退避路。

品質保証パイプラインPR 作成 → 本番反映

1機械検査

Liquid / JSON の静的解析(Theme Check)+ 性能回帰(Lighthouse CI)+ 秘密情報の混入検査 + デザイン規約の契約検査

2AI レビュー

実装した AI とは別の、文脈を持たない AI が受け入れ条件と照合。作った本人に検品させないのと同じ理屈で、毎回見逃しを拾う

3人間レビュー

CI が PR ごとにプレビュー用テーマを自動生成して URL をコメント。リードは実物を見て判断(コード全読は不要)。デザイン案件はデザイナー本人の目視照合を含める

4公開

マージで確認用テーマへ自動反映 → 本番反映だけは人が承認して実行。「公開のタイミングは人が決める」は AI 活用でも変えない

5ロールバック

直前のテーマを保持しておき、問題があれば publish 切替で即復旧

イメージ: 軽微なデザイン修正の流れ起票から公開まで

10 分

運用担当がチケット起票(受け入れ条件 2 個 + 現状スクショ)

数分

リードが振り分け(設定で吸えるか確認 → 開発レールへ)

数十分AI

AI が実装 → 検査を通して PR 作成

自動CI

プレビューテーマ生成 + 機械検査 + AI レビュー

10 分

リードがプレビューを実機で確認して承認・マージ

数分

確認用テーマでチェック → 本番反映を承認

人の稼働AI / CI が自動で走る

起票から公開まで 最短半日 ・人の稼働は 30 分弱 (見立て)

05

次のステップ

こちらの宿題 + お願い

ここまではまだ設計図。次はテスト環境で実際に 1 周流し、所要時間と AI の自走度を実測する。

1

盆休みに、このループを実際に組んで回す

こちら

テスト環境に「デザイン → AI 実装 → PR → プレビュー → 検査 + レビュー → 公開」を実際に構築して 1 周流し、所要時間と AI の自走度を実測する。表じゃなくて、動いているループを見せる。

2

教えてほしいこと: 各運用の想定頻度

お願い

商品追加は週何回くらいか、デザイン変更は誰がどのくらいやりたいか。2 章 の比較の重み付けがこれで決まる。案件の解像度が上がったタイミングで大丈夫。