![見出し画像](https://assets.st-note.com/production/uploads/images/89787175/rectangle_large_type_2_a998f953b0698e95f102db711b16c82c.jpeg?width=800)
Shopify Unite 2022 Melbourne report Day1
これは
オーストラリアのメルボルンで開催されている「Shopify Unite 2022」の速報を行うnoteである。
チーム連携
現地に一緒に入っているフィードフォースグループのFRACTA河野さん、Rewire加藤さん、Social Plus岡田さん、川井さんを始め、コマースメディア井澤さん、non-standard world佐藤さんなど現地にいらっしゃる方々と連携しながらレポートしていきます。
![](https://assets.st-note.com/img/1666742820072-B4wdmwCyct.png?width=800)
![](https://assets.st-note.com/img/1666742806397-8SxeJdCWbU.png?width=800)
Day2はこちらから
会場の雰囲気
#ShopifyUnite pic.twitter.com/OuNekPzo8P
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
かわいいー #ShopifyUnite pic.twitter.com/8iwk9agUuQ
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
佐藤さん@shotasato_nsw と意見交換しながらunite聴いてます。Shopifyの作り方結構変わる印象。editionsで発表されたこと以上の情報も多く早くも頭フル回転
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 25, 2022
#shopifyunite pic.twitter.com/FuBQjclVgr
https://twitter.com/izawatakahiro/status/1585043601612210177?s=20&t=AVe96qswfvnZwXEVV4
Themeの話
テーマの話
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
Scott Dixon, Shopify
#ShopifyUnite pic.twitter.com/3tuZVrZLTz
Marketplace Kitの話
Marketplace kit改めて気になる!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
#ShopifyUnite pic.twitter.com/nkyIOv6Kco
Create content models
コンテンツを追加できる機能も可能性広がりそうですね!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
#ShopifyUnite pic.twitter.com/EihxBWfLzH
Hydrogenのロードマップなど
Hydrogenのロードマップ#ShopifyUnite pic.twitter.com/wE9MUgua9S
— 佐藤昭太📚Shopifyテーマ開発ガイド発売中|non-standard world (@shotasato_nsw) October 25, 2022
Hydrogenについても改めて
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
アプリの対応にも期待がかかる
オンラインストアとのインテグレーションがロードマップに
#ShopifyUnite pic.twitter.com/hV34zjJY8f
FunctionsによってShopifyのネイティブ機能がカスタマイズ可能に
アプリ連携の話
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
Tracy Kaur, Shopify
FunctionsによってShopifyのネイティブ機能がカスタマイズ可能に
#ShopifyUnite pic.twitter.com/0UE1A6Syfh
ディスカウント関連のFunctionsがオープン
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
今後色々なスコープがリリース
バンドル(まとめ買い)
返品なども
#ShopifyUnite pic.twitter.com/r4VUyL04zD
Checkoutの話
チェックアウトの話
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
checkout.liquidのカスタマイズはCheckout Extensibilityに
カスタマイズポイントは
・商品のレコメンド
・カスタムのバナー表示
・カスタムフィールド
#ShopifyUnite pic.twitter.com/OmjJ9TEnvJ
チェックアウト関連のアプリは「Build for Checkout」としてストアに
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
#ShopifyUnite pic.twitter.com/k98ZXO3ugp
チェックアウトのカスタマイズは、パートナーがマーチャントのニーズに合わせてアプリを開発することが期待されている#ShopifyUnite pic.twitter.com/4Y4JR3qSSL
— 佐藤昭太📚Shopifyテーマ開発ガイド発売中|non-standard world (@shotasato_nsw) October 25, 2022
返品周り
チェックアウト関連のアプリは「Build for Checkout」としてストアに
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
#ShopifyUnite pic.twitter.com/k98ZXO3ugp
B2B(卸売)への対応でもCheckoutがカスタマイズできる
B2B(卸売)への対応
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
ここでもCheckoutがカスタマイズできることが活きてくる
#ShopifyUnite pic.twitter.com/2FnuIMH7LB
ここは明日Shopifyのチェックアウトチームに質問私もします。これできるようになるとでかい https://t.co/sJuac64XI9
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
Shopifyアプリのデザインガイドライン
アプリのデザインガイドラインが決まっているのでマーチャントサイドでも一貫性のある体験ができるのは強みですね
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 25, 2022
#ShopifyUnite pic.twitter.com/Y0pL0M4qkw
Shopifyの開発者ツールの話
開発者ツールが充実してるのはShopifyの特徴の一つですね
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/SAKKz6EB7a
デザインフレームワークのPolarisがFigmaと連携。デザインがそのままReactコードに
アプリのデザインフレームワークのPolarisがFigmaと連携。デザインがそのままReactコードに。
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/dNBn4gHJME
改めてPolarisの話
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Figmaからのコードエクスポートは強いな
#ShopifyUnite pic.twitter.com/LQgJuk619a
Shopifyの開発環境について
Shopifyの提供する開発環境がアップデートされていく。Shopifyが開発者向けツールに注力するのは、さまざまなマーチャントのニーズをすべてカバーするのは不可能だから、そこはパートナーに委ねている。#ShopifyUnite pic.twitter.com/i2r46fuqDQ
— 佐藤昭太📚Shopifyテーマ開発ガイド発売中|non-standard world (@shotasato_nsw) October 26, 2022
Shopify CLIではExtentionsの作成が強化
CLIではExtentionsの作成が強化。今後リリースされる各種Extentionsに対応
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/RjHx8hJ2E2
CLIのアップデートで開発管理がより簡単に
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/6u9vfriC3n
App Bridge
AppBridgeは管理画面との連携で必要不可欠なものですが、今後モバイルやFunctionsなどの連携でも重要になってきそう。
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/NtZ7k34hRe
Instructions for Fly,Heroku
FlyやHerokuと連携
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/78NY11Z6wP
Shopify アプリの開発関連全体像
開発関連全体図
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Shopifyでのアプリ開発はよりシンプルに身近に
#ShopifyUnite pic.twitter.com/COYEXwDA50
Shopify開発環境の今後
今後の展開
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
・パフォーマンス基準の標準化
・開発用のトンネリング(CloudFlare経由)
・デプロイのパッケージ化
#ShopifyUnite pic.twitter.com/MtguTAh8kK
Shopify Checkout Extensibility
Checkout Extensibilityきました!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/UU8EygPYcf
従来のcheckout.liquidはカスタマイズの面で弱点が結構あったが改善されそう
チェックアウトの編集
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
静的と動的にカスタマイズ可能。
これはかなり使いそうだしコンバージョンに近いから効果も大きい。#ShopifyUnite pic.twitter.com/XKd8rQQmgn
従来のcheckout.liquidはカスタマイズの面で弱点が結構あった
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
・UI作成の難しさ
・アップデートへの対応
・ストアごと
#ShopifyUnite pic.twitter.com/E5XpMlDZFJ
Checkout Extensibilityは新しい機能の集合体
Checkout Extensibilityは新しい機能の集合体
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/ijyWB9hweI
ブランディングAPIにより、チェックアウトに追加したUIの見た目を整えることができる#ShopifyUnite pic.twitter.com/4vEhJo2EQ5
— 佐藤昭太📚Shopifyテーマ開発ガイド発売中|non-standard world (@shotasato_nsw) October 26, 2022
Checkout UI Extension
Checkout Extensibility 1
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Checkout UI Extension
・設置の方法により種類あり
・作成バージョンはストアでの公開も可能
#ShopifyUnite pic.twitter.com/UMvldNUIl3
Checkout Branding API GraphQL APIからもアクセス可能
Checkout Extensibility 2
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Checkout Branding API
GraphQL APIからもアクセス可能
#ShopifyUnite pic.twitter.com/VssesUnSId
Shopify Functionsたちとの連携
Checkout Extensibility 3
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Shopify Functionsたちとの連携
#ShopifyUnite pic.twitter.com/V5GJ57Vqml
購入後のチェックアウト拡張機能 チェックアウト後に追加購入や会員登録を促すなど
Checkout Extensibility 4
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Post-purchase Checkout Extensions
チェックアウト後に追加購入や会員登録を促すなど
#ShopifyUnite pic.twitter.com/dzfL9tIpq9
顧客の行動データをセキュアな形で取得するチェックアウトなど全てのページで利用可能
Checkout Extensibility 5
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Web Pixels
顧客の行動データをセキュアな形で取得
チェックアウトなど全てのページで利用可能
#ShopifyUnite pic.twitter.com/rDYMjHdCj5
Checkout Extensibility(まとめ) 組み合わせるとこうなるとこうなる
Checkout Extensibility(まとめ)
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
組み合わせるとこうなるとこうなる
#ShopifyUnite pic.twitter.com/ysNvTCf0Tp
Checkout Extensibility 展開 もうリリース進んでる!
Checkout Extensibility 展開
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
もうリリース進んでる!
#ShopifyUnite pic.twitter.com/5oxahtV0RM
GA4との連携
これだけチェックアウトのカスタマイズができるようになると併せてGA4のイベント設計かなり必要そう。弊社の@cm_matsuda の出番増えそう。よろしくお願いします!#ShopifyUnite
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
いっぱいいっぱい
説明についていくだけでいっぱいいっぱいなので感想などはまた別でまとめます!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite
登壇者について
登壇者のスコットさんと立ち話させてもらって、今まさにHydrogenで構築してる話をしました。
— 佐藤昭太📚Shopifyテーマ開発ガイド発売中|non-standard world (@shotasato_nsw) October 26, 2022
そして、オーストラリア・ゴールドコースト出身のサーファーだということを把握しました。
スコットさんによるHydrogenについてのセッションはこれから。#ShopifyUnite pic.twitter.com/CHlhM3pugJ
Checkout Extensionのワークショップ
実は現地に来なくても日本でできます!
午後はCheckout Extensionのワークショップから!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/LpAkM5feK3
Checkout Extensionのワークショップはこちらでも現地と同じものができます!https://t.co/GS0u7qZ3CG
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite
Checkout Extensibilityの機能は開発サイトを作る際にパートナーダッシュボードのDeveloper Previewを有効にすると利用できます。
Checkout Extensibilityの機能は開発サイトを作る際にパートナーダッシュボードのDeveloper Previewを有効にすると利用できます
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite
Checkout UI 表示された!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/rWEwtRACHa
Checkout ExtensibilityのGUIエディター!ドラッグ&ドロップで位置を変えたり可能!(ダイナミックコンテンツの場合)
Checkout ExtensibilityのGUIエディター!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
ドラッグ&ドロップで位置を変えたり可能!(ダイナミックコンテンツの場合)
#ShopifyUnite pic.twitter.com/BfhF3Az1uf
アプリで追加可能。カスタムフィールドの追加やメタフィールドの作成とデータの格納、バリデーションについても可能。
https://twitter.com/jazzyslide/status/1585101514036875269?s=20&t=zRDlvRRCzZAH5y5Dnx0kzQ
ShopifyのThemeとLIQUIDについて
午後のセッションスタート
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
Themeについてliquidのお話#shopifyunite pic.twitter.com/Sc3NjvhAJ1
LiquidのReferencesではサンプルコードをその場で書き換えてOutputを確認できるように。
https://t.co/pKF9qUgKVj
— Yutaka KAWAI@Feedforce/Social PLUS (@kawai__yutaka) October 26, 2022
LiquidのReferencesではサンプルコードをその場で書き換えてOutputを確認できるように。#ShopifyUnite pic.twitter.com/EQjoF5qIsY
ShopifyのGitHubインテグレーション
GitHubインテグレーション#shopifyunite pic.twitter.com/yrVo4F67R5
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
【新機能】Shopify content Platform BETAが誕生(リンクあり)
Sing up for Shopify Content Platform BETA today(Advanced and Plus) at https://shopify.link/rgok
Shopifyコンテンツプラットフォーム
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
ここ大事!
Metafieldsのデータは単なる情報ではなく、管理/利用できるコンテンツになる。
ここでも設計力が重要になっていくと実感#shopifyunite pic.twitter.com/lomKjn4vNK
Shopify content Platform BETA 爆誕! 画像のQRコードからベータ版が試せます!#ShopifyUnite pic.twitter.com/oJnkZYj4sv
— 水野正和|Shopifyで OMO実現請負人|App Unity (@MizunoBizDev) October 26, 2022
主に顧客メタフィールドで構成したコンテンツページを作成てきるベータ機能のサインアップが参加者へ提供されたので早速申込。AdvancedとPlusで使えるようになるらしい#shopifyunite pic.twitter.com/C06kqf2eTw
— KAZAHAYA (@kazahaya) October 26, 2022
Hydrogenの話
Hydrogenの話はわたしには難しかったので隣の@shotasato_nsw さんにあとで聞く
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
なんとなく動的、静的の使い分けのイメージはわいた#ShopifyUnite pic.twitter.com/zqbqdF75FS
Shopifyのヘッドレスコマースを支えるHydrogenのSourceとDemoはこちらのURLから見られる。すっごくシンプルな構造。https://t.co/eB3DPkS5UR#ShopifyUnite
— 水野正和|Shopifyで OMO実現請負人|App Unity (@MizunoBizDev) October 26, 2022
Customize Your Store's Business Logic with Shopify Functions
Shopify Functions!
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#ShopifyUnite pic.twitter.com/QNEGOvOrj2
ShopifyのFunctionsとはフロントエンド: テーマ、バックエンド: アプリ とした時にその間のバックエンドを支える機能
フロントエンド: テーマ
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
バックエンド: アプリ
とした時にその間のバックエンドを支える機能
#shopifyunite pic.twitter.com/jl6siXkgLT
FunctionsとScriptの違い
Functions
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Scriptとの違いは?
Scriptは
・Rubyのみ
・タイムアウトあり
・Plusのみ
この辺りの弱点をどうするか
#shopifyunite pic.twitter.com/iOx63DS3Bl
【Shopify Functions】 WebAssemblyの活用
【Shopify Functions】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
WebAssemblyの活用
#shopifyunite pic.twitter.com/2vjlSw2XPS
Scriptではなく、Functionsならどうなるか?
【Shopify Functions】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Scriptではなく、Functionsならどうなるか?
・言語を選べる
・高パフォーマンス
・Plus以外でも活用可能
・管理画面にも組み込める
#shopifyunite pic.twitter.com/2tJLnGfE7v
パフォーマンス!!!すごいみたい。 https://t.co/bp6dKHlHl2
— Takanobu Kouno / トータルブランディングパートナー&Shopify エバンジェリスト (@TakaKouno) October 26, 2022
Functionsで使えるもの
【Shopify Functions】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
使えるもの
・Discounts
・Payment Methods
・Shpping
#shopifyunite pic.twitter.com/xQt7Eam5br
Shopify Functionでカスタマイズできるところ。
— 井澤孝宏 | Shopify エバンジェリスト | 総合EC支援 (@izawatakahiro) October 26, 2022
めっちゃ運用絡むやんとかいうことで会社で取り組むこと確定#ShopifyUnite pic.twitter.com/DHQYNhp2vQ
coming soonが待ち遠しすぎる。特にshipping.#ShopifyUnite pic.twitter.com/yteyn1QYsA
— Takanobu Kouno / トータルブランディングパートナー&Shopify エバンジェリスト (@TakaKouno) October 26, 2022
Shopify Functions ボリュームディスカウント Buy 1, Get 1 Free 購入時ギフト 会員ランクなどでの活用可能
【Shopify Functions】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
ボリュームディスカウント
Buy 1, Get 1 Free
購入時ギフト
会員ランク
などでの活用可能
#shopifyunite pic.twitter.com/91gmfSykSq
【Shopify Functions】 Function利用時にmetafield(JSON)使ってる
【Shopify Functions】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
Function利用時にmetafield(JSON)使ってるのもしびれるな
#shopifyunite pic.twitter.com/5ICmBjRA8o
Shopify Functionsで作成したスクリプトカードはShopifyの管理画面側に埋め込まれる
Shopify Functionsで作成したスクリプトカードはShopifyの管理画面側に埋め込まれるので、これまでのサードパーティアプリのように「Shopify 管理画面 > アプリ > 〇〇」といったルートでアクセスする必要がないだけでめちゃくちゃ便利ですね....!#ShopifyUnite
— Yutaka KAWAI@Feedforce/Social PLUS (@kawai__yutaka) October 26, 2022
Make Your App Stand Out Using Our Latest App Design Guidelines(アプリのデザイン土ガイドライン)
デザインガイドライン
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
#shopifyunite pic.twitter.com/ZxdcMVvd8h
【アプリデザインガイドライン】エコシステム、機能性、マーチャントの体験について統一感・秩序を持たせる
【デザインガイドライン】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
エコシステム、機能性、マーチャントの体験について統一感・秩序を持たせる
#shopifyunite pic.twitter.com/C8V3T6Ey2e
【Shopifyアプリデザインガイドライン】 公式の管理画面とのシームレスなデザイン アプリのFull Screen Modeも出たよ!
【デザインガイドライン】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
公式の管理画面とのシームレスなデザイン
アプリのFull Screen Modeも出たよ!
#shopifyunite pic.twitter.com/9pyqs5yznn
【デザインガイドライン】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
・レスポンシブ必須に。
・カラムレイアウト
→必要に応じてマルチカラムで
・カード
→使うなら並べるなど
#shopifyunite pic.twitter.com/kNv2dVMLyh
デザインガイドライン】ブランディング ←ダメな例 カスタムの形や色など →良い例
【デザインガイドライン】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
ブランディング
←ダメな例
カスタムの形や色など
→良い例
#shopifyunite pic.twitter.com/N1nMFx5uCm
【デザインガイドライン】
— 加藤英也(ヒデ) | Shopify本📗著者 | Shopifyメカニック⚒ (@jazzyslide) October 26, 2022
カラーガイドライン
←ダメな例
→良い例
△色に一貫性や機能性がない、コントラスト不足
#shopifyunite pic.twitter.com/PBoIQG8WzR
この記事が気に入ったらサポートをしてみませんか?