【開発者向け】Shopify(ショッピファイ)更新まとめ【2020/1】

※毎月更新※【2020年1月】Shopify(ショッピファイ)について、技術寄りの更新内容を毎月まとめてまいります。

【開発者向け】Shopify(ショッピファイ)更新まとめ【2020/1】

02/06/2020

2020年も2月に入りましたね。

 

Shopify Developer(開発者)の皆さまが日々チェックする「Developer changelog」ですが、

英語版しかない!ということで、

日々Shopifyを研究するトランスコスモス技術研究所では、

今後毎月の更新内容をまとめていきたいと思います。

 

それでは、2020年1月の更新内容です。

 

 

【1/1】API version 2020-01 が一般リリース

 

▼API version 2020-01 is now stable and ready for general usage

https://developers.shopify.com/changelog/api-version-2020-01-is-now-stable-and-ready-for-general-usage

 

昨年6月にトロントで行われたデベロッパーカンファレンスのShopify Uniteでもリリースされていた内容です。Order editing やFulfillmentなど、Version 2020-01が一般リリースされました。

Order editingはUniteの中でも「多くの人からリクエストがある」と言及していた内容です。

 

▼参照ページ

https://help.shopify.com/en/api/versioning/release-notes/2020-01

 

【1/14】 予測検索にコレクションが追加

 

▼Collections added to the predictive search API

https://developers.shopify.com/changelog/collections-added-to-the-predictive-search-api

 

予測(サジェスト)検索について、対象に「商品」だけでなく、「コレクション」も含まれるようになりました。

 

以下Shopify Helpページより抜粋

 

▼参照ページ

https://help.shopify.com/en/themes/development/search/predictive-search

 

【1/14】 Shopify Theme Inspector for Chromeの更新

 

▼Debug your Liquid render performance using Shopify Theme Inspector for Chrome

https://developers.shopify.com/changelog/debug-your-liquid-render-performance-using-shopify-theme-inspector-for-chrome

 

Liquidテンプレートのパフォーマンスなどを確認することができるGoogle Chromeの拡張機能

"Shopify Theme Inspector for Chrome"が更新されました。

 

アドオンをインストール後、右クリック[検証]を選択すると

 

 

上部メニューに「Shopify」が出現します。

 

 

すると、スタッフアカウントお持ちのサイトであれば、自社サイトLiquidテンプレートのパフォーマンス状況が測定可能です。

 

パフォーマンス向上にぜひ役立てましょう。

 

※更新内容及びソースはこちらです

https://github.com/Shopify/shopify-theme-inspector

 

【1/21】Storefront GraphQL APIで在庫数が取得可能に

 

▼Inventory Quantity available on Storefront GraphQL API

https://developers.shopify.com/changelog/inventory-quantity-available-on-storefront-graphql-api

 

2020-04版のStorefront GraphQL APIで在庫数を取得できるようになりました。

デフォルトでは表示されませんので、アプリ設定から“inventory quantity” のチェックボックスをオンに設定してからAPIを利用してください。

 

 

【1/23】 shopify_app Ruby gem, koa-shopify-auth Node.js Chrome 80に対応

 

▼shopify_app Ruby gem and koa-shopify-auth for Node.js updated to work with Chrome 80

https://developers.shopify.com/changelog/shopify_app-ruby-gem-and-koa-shopify-auth-for-node-js-updated-to-work-with-chrome-80

 

GoogleのサードパーティーCookie取扱いポリシー変更に対する対応になります。

今回の更新により、2/4にリリースされたChrome80以降にて第三者へCookieを発行しないようになりますので、アプリを開発している方々には重要なアップデートとなります。

 

▼参照ページ

https://help.shopify.com/en/api/guides/samesite-cookies

 

【1/23】ストアデザインβ版をデベロッパープレビューで公開

 

▼New online store design experience beta available in developer preview

https://developers.shopify.com/changelog/new-online-store-design-experience-beta-available-in-developer-preview

 

こちらも、既にアナウンスされていた内容でもありますが、

「マスターページ」機能を使って、複数のページが一度に編集可能になるなど、

よりストアのデザインを簡単かつ手軽に行うことが出来るようになります。

こちらの機能は現在、デベロッパープレビューにて公開中です。

 

下記フォーラムでも内容発表されていますので、ご興味のあるかたはぜひ確認してみると良いでしょう。

https://community.shopify.com/c/New-Online-Store-Design/Announcing-the-online-store-design-experience-partner-beta/td-p/645151

 

【1/23】 App snippets, App sections extentionsをデベロッパープレビューで公開

 

▼New app snippets and app sections extensions released in developer preview

https://developers.shopify.com/changelog/new-app-snippets-and-app-sections-extensions-released-in-developer-preview

 

ストアデザイン機能の更新に伴い、アプリをスニペットに追加する仕組みが強化されたようです。こちらもデベロッパープレビューにて公開されております。

テーマ開発を行っている方々にとっては重要な更新ですので、ぜひ確認いただくとよいでしょう。

 

【1/23】Theme/Sectionの更新をデベロッパープレビューで公開 ▼Sections theme architecture released in developer preview

https://developers.shopify.com/changelog/sections-theme-architecture-released-in-developer-preview

 

こちらもストアデザインに関する更新。 テーマ内のセクション構成が変更されています。

変更点は以下。

  • ヘッダー、フッターのデザインを各ページごとに設定できるように
  • ページセクションを個別にカスタマイズすることができるように
  • ページデザインからセクションを簡単に追加/削除することができるように
  • マスターセクションやマルチセクションを使いページを個別または、全体(Global)で編集することができるように

今回のプレビュー版では「商品ページ」に限定されていますが、いずれ全てのページに反映されるとのことです。

 

▼参照ページ

https://help.shopify.com/en/themes/development/online-store-editor/

変更を確認したい方は新しいストアデザインに対応しているテーマ"Debut" をダウンロードしてみましょう。

 

【1/28】 App secret keyの長さが変更

 

▼App secret key length has increased

https://developers.shopify.com/changelog/app-secret-key-length-has-increased

 

App secret keyの長さが【32文字】から【38文字】に変更されました。

 

現状32文字で構成されたApp secret keyについては特に気にする必要はないようで、

今後新しいアプリを開発される際はprefixに【shpss_】が付きます。

Prefixを追加して【32文字】から【38文字】になるという変更なので、

今後は識別しやすいようにPrefixが冒頭に追加されます、という内容となります。

 

トランスコスモス技術研究所のShopify開発

 

以上、1月の更新となります。

 

様々な機能が標準搭載されているShopify(ショッピファイ)ですが、

利用ユーザー独自のカスタマイズもできます。サイトデザインだけではなく、

運営効率改善のためにバックヤード側もアプリ開発をすることでカスタマイズが可能です。

 

トランスコスモス技術研究所は、Shopify Plus 公式パートナーです。

過去のShopify開発の知見を元に、テクノロジーを活用した業務の効率化・コストの削減・利益の最大化を目的とした研究開発およびサービスの提供を行っております。

 

デジタルトランスフォーメーションに関わる専属のエンジニアが多数在籍しており、それぞれが強みを持った開発のエキスパートです。

 

以下のようにShopifyアプリの作成も実施しております。

 

 

Shopify アプリ開発

https://apps.shopify.com/partners/transcosmos

 

自社が得意とするテクノロジーを活用した研究開発および運用コンサルティングを一括して支援することで、流通及び販売事業における飛躍的な業務効率化及び経費削減を実現しています。

また、アプリ開発のみならず、導入後も課題解決に向けた伴走型のコンサルティング部隊を強化し、お客様のデジタルトランスフォーメーションをサポートしていきます。

 

Shopifyについて詳しく知りたい方はこちら

 

 


ShopifyDeveloper
シェア シェア
お役立ち資料バナー-1
Kisukeバナー_grey-1
SHO SHIMODA

お問合せ


「週刊EC業界ニュース」に登録しませんか?

 

週刊EC業界ニュースのメーリングリストにご登録いただくと、
トランスコスモス技術研究所(通称「トラ研」)メンバーによる国内外のEC業界の最新動向に関するブログや、特別イベントの情報等について、
定期的にお送りさせていただきます。ぜひ、ご登録ください!
logo_RGB_ver2_researchanddevelopment-3