見出し画像

Shopify Unite 2022 Melbourne report Day1

水野"柾虎"正和

これは

オーストラリアのメルボルンで開催されている「Shopify Unite 2022」の速報を行うnoteである。

チーム連携

現地に一緒に入っているフィードフォースグループのFRACTA河野さん、Rewire加藤さん、Social Plus岡田さん、川井さんを始め、コマースメディア井澤さん、non-standard world佐藤さんなど現地にいらっしゃる方々と連携しながらレポートしていきます。

Shopify Unite 2022の前夜祭


（左から）Head Of Partnerships at Shopify (Asia-Pac)のRhys Furnerさん、non-standard worldの佐藤さん、FRACTA河野さん、そして私

Day2はこちらから

後編 Day2

会場の雰囲気

https://twitter.com/izawatakahiro/status/1585043601612210177?s=20&t=AVe96qswfvnZwXEVV4

Themeの話

Marketplace Kitの話

Create content models

Hydrogenのロードマップなど

FunctionsによってShopifyのネイティブ機能がカスタマイズ可能に

Checkoutの話

返品周り

B2B（卸売）への対応でもCheckoutがカスタマイズできる

Shopifyアプリのデザインガイドライン

Shopifyの開発者ツールの話

デザインフレームワークのPolarisがFigmaと連携。デザインがそのままReactコードに

Shopifyの開発環境について

Shopify CLIではExtentionsの作成が強化

App Bridge

Instructions for Fly,Heroku

Shopify アプリの開発関連全体像

Shopify開発環境の今後

Shopify Checkout Extensibility

従来のcheckout.liquidはカスタマイズの面で弱点が結構あったが改善されそう

Checkout Extensibilityは新しい機能の集合体


Checkout UI Extension

Checkout Branding API GraphQL APIからもアクセス可能

Shopify Functionsたちとの連携

購入後のチェックアウト拡張機能 チェックアウト後に追加購入や会員登録を促すなど

顧客の行動データをセキュアな形で取得するチェックアウトなど全てのページで利用可能

Checkout Extensibility（まとめ） 組み合わせるとこうなるとこうなる

Checkout Extensibility 展開 もうリリース進んでる！

GA4との連携


いっぱいいっぱい

登壇者について

Checkout Extensionのワークショップ

実は現地に来なくても日本でできます！

Checkout Extensibilityの機能は開発サイトを作る際にパートナーダッシュボードのDeveloper Previewを有効にすると利用できます。

Checkout ExtensibilityのGUIエディター！ドラッグ&ドロップで位置を変えたり可能！（ダイナミックコンテンツの場合）

アプリで追加可能。カスタムフィールドの追加やメタフィールドの作成とデータの格納、バリデーションについても可能。

https://twitter.com/jazzyslide/status/1585101514036875269?s=20&t=zRDlvRRCzZAH5y5Dnx0kzQ

ShopifyのThemeとLIQUIDについて

LiquidのReferencesではサンプルコードをその場で書き換えてOutputを確認できるように。


ShopifyのGitHubインテグレーション

【新機能】Shopify content Platform BETAが誕生（リンクあり）

Sing up for Shopify Content Platform BETA today(Advanced and Plus) at https://shopify.link/rgok

Hydrogenの話

Customize Your Store's Business Logic with Shopify Functions

ShopifyのFunctionsとはフロントエンド: テーマ、バックエンド: アプリ とした時にその間のバックエンドを支える機能

FunctionsとScriptの違い

【Shopify Functions】 WebAssemblyの活用

Scriptではなく、Functionsならどうなるか？

Functionsで使えるもの

Shopify Functions ボリュームディスカウント Buy 1, Get 1 Free 購入時ギフト 会員ランクなどでの活用可能

【Shopify Functions】 Function利用時にmetafield（JSON）使ってる

Shopify Functionsで作成したスクリプトカードはShopifyの管理画面側に埋め込まれる

Make Your App Stand Out Using Our Latest App Design Guidelines（アプリのデザイン土ガイドライン）

【アプリデザインガイドライン】エコシステム、機能性、マーチャントの体験について統一感・秩序を持たせる

【Shopifyアプリデザインガイドライン】 公式の管理画面とのシームレスなデザイン アプリのFull Screen Modeも出たよ！

デザインガイドライン】ブランディング ←ダメな例 カスタムの形や色など →良い例



いいなと思ったら応援しよう！