TECH INSIGHTS
Shopifyの最新仕様のキャッチアップや、実務ですぐに使えるLiquidの高度なカスタマイズコード、カスタムアプリ開発の知見など、プロのエンジニア・ディレクターに向けた技術情報を定期的に発信。開発に役立つ具体的なトラブルシューティングも公開しています。
Customer Account UI Extensionsから外部APIを呼ぶ：network_access・CORS・実データでの検証手法【実践チュートリアル】
マイページに、Shopifyの外にあるシステムのデータを出したい場面があります。たとえば、会員ランクやポイント残高、外部で管理している手続きの進み具合を表示する場面です。Customer Account UI Ex...
Shopifyのマイページに「この商品だけ再注文」ボタンを作る：cart permalinkと遷移制約の実装【実践チュートリアル】
Shopifyの新しいお客様アカウントには、過去の注文をもう一度買う「Buy again（再購入）」が標準で付いています（ヘルプセンター）。この標準機能で要件が足りるかを検証ストアで試したところ、期待していた動きと...
Customer Account UI Extensionsで過去注文のデータを読む・書く：signal・GraphQL・メタフィールドの使い分け【実践チュートリアル】
Customer Account UI Extensions（以下UIE）で過去注文の情報をマイページに表示するとき、最初に決めるのはデータの取得経路です。表示中の注文をその場で読めればよいのか、Shopifyに問...
Customer Account UI Extensions開発の始め方：scaffoldから実ストアでの検証まで【実践チュートリアル】
新しいお客様アカウントに切り替えると、マイページはShopifyがホストするUIに変わります。アプリが独自のUIをそこへ差し込む仕組みはCustomer Account UI Extensions（以下UIE）に一...