新規開発
自社発注
Webシステム
業務システム
依頼しない
【Shopify】本日発送締め切りカウントダウンタイマー表示アプリ(Theme App Extension対応)の開発
1. 開発の目的・概要
Shopifyストアの商品ページやカート画面に、「本日発送の締め切り時間までの残り時間」および「発送予定日」を動的にカウントダウン表示するミニアプリの開発依頼です。
ストアオーナー(1人EC事業者)が専門知識なしで直感的に設定でき、動作が軽量なアプリを目指しています。
2. 想定技術スタック(公式推奨構成の指定)
開発フレームワーク: Shopify CLI + Remix(Node.js / TypeScript または JavaScript)
管理画面UI: Shopify Polaris(公式デザインシステム)
フロントエンド埋め込み: Theme App Extensions(App Embed Block / App Block)
API: Shopify GraphQL Admin API
データベース: SQLite または PostgreSQL(Prisma ORM利用)
3. 主要機能要件
【機能A】アプリ管理画面(バックエンド・設定機能)
Shopify管理画面内で動作する組み込みアプリ(Embedded App)として構築します。
1.締め切り時間設定:
・曜日ごとの「締め切り時間」設定(例: 平日は14:00、土曜は12:00など)
・曜日ごとの「出荷可否(発送業務を行うか)」のON/OFF切り替え(例: 日曜日は出荷なし)
2.休業日(カレンダー)設定:
・特定の日付を「出荷停止日(祝日・夏季休業・年末年始など)」として個別登録できるカレンダー・日付指定機能
3.表示テキスト・デザインカスタマイズ:
・表示文面テンプレートの編集機能
例: 本日中のご注文(残り{hours}時間{minutes}分)で【{shipping_date}】に発送!
・タイマー文字色・背景色・フォントサイズの簡易調整(CSS適用)
4.表示対象の絞り込み(オプショナル):
・全商品表示 / 特定の商品タグがついた商品のみ表示/非表示の切り替え
【機能B】ストアフロント表示(フロントエンド機能)
Theme App Extensionsを利用し、テーマのコード(Liquid)を汚さずにノーコードで配置できるようにします。
1.動的カウントダウン表示:
・現在時刻と管理画面で設定された「締め切り時間」までの残り時間をリアルタイムにカウントダウン(例: 残り 2時間15分30秒)
・締め切り時間を過ぎた場合、自動的に翌営業日(休業日をスキップ)の締め切りカウントダウンおよび発送予定日に表記が切り替わるロジック
2.テーマカスタマイザーでのノーコード配置:
・マーチャントがShopifyの「テーマカスタマイズ画面」から、ブロック単位で好きな場所(価格の下、カートボタンの上など)にドラッグ&ドロップで配置できる構造
【機能C】Shopify App Store申請・GDPR対応要件
〇必須Webhooksの実装:
・customers/data_request
・customers/redact
・shop/redact
〇OAuth認証・セッショントークン処理:
・Shopify公式テンプレートに準拠した認証フローの実装
4. 納品物
①ソースコード一式(GitHubリポジトリでの納品)
➁環境構築・デプロイ手順書(Vercel, Render, Cloudflare等のホスティング環境へのデプロイ手順)
③App Store審査提出用のテスト手順書(Testing Instructions)
5. 応募条件・重視する点
必須: Shopifyアプリ(Remix / Theme App Extensions)の開発実務経験があること
必須: Shopify App Storeの審査通過まで責任を持ってサポート(差し戻し対応含む)していただけること
歓迎: 軽量で表示速度(パフォーマンス)に配慮したコーディングができる方
【下記に該当する企業様を希望しております】
・ECストアの現場オペレーション(実際の物販・配送実務)への理解や配慮がある企業様
・システムのロジックだけでなく、「実際の出荷作業や現場の運用で使いやすいか」という事業者・マーチャント目線に立ったUI/UXの配慮ができる企業様
・Shopifyアプリの開発・公開実績(AppStore審査通過実績)のある企業様
・WordPressプラグインやWebサイト構築の実績のみではなく、ShopifyCLI/ThemeAppExtensionsの実務経験がある企業様
・AppStore審査通過までサポートしていただける企業様
・ソースコード納品のみで終了ではなく、審査の差し戻し対応や修正対応を行っていただける企業様
・フルスクラッチ(独自フレームワーク等)での開発を提案される企業様はご遠慮いただきますようお願いいたします。
・Shopify公式推奨の「ShopifyCLI+Remixテンプレート」での開発提案
・コミュニケーションがスムーズにとれる企業様/レスポンスが早い企業様
・契約後の仕様確認やエラー対応において、平日に24時間以上の連絡遅延が常態化するおそれのある方はご遠慮ください。
情報取集の段階
相談して決めたい
問合せをしたい