Upgrade to Pro — share decks privately, control downloads, hide ads and more …

App_Theme_workshop_20191125.pdf

benzookapi
November 25, 2019
490

 App_Theme_workshop_20191125.pdf

benzookapi

November 25, 2019
Tweet

More Decks by benzookapi

Transcript

  1. • Junichi Okamura, Technical Partner Manager at Shopify • @benzookapi

    • API Lover/Midnight Developer/MANGA Creator/Beer Lover/App Hacker Who am I?
  2. • Shopify͓ΑͼύʔτφʔϓϩάϥϜʹ͍ͭͯʢ௒؆୯ʹʣ • ύʔτφʔΞΧ΢ϯτͷ࡞੒ ʢ※ࣄલʹ͍ͯͨͩ͘͠ͷͰಉ͘͡؆୯ʹʣ • ΞϓϦ͓ΑͼςʔϚͷجຊߏ੒ʢApp BridgeɺPolarisɺWebhookɺLiquidʣ • ΞϓϦ͓ΑͼςʔϚͷϋϯζΦϯʢνϡʔτϦΞϧɺը໘ͱThemeKitͰͷฤूʣ

    • ؅ཧऀը໘ͷσβΠϯʢPolarisαΠτΛ࢖ͬͨίϯϙʔωϯτฤूͷσϞʣ • REST APIͱGraphQLͷ࢖͍ํʢAPI ToolΛ࢖ͬͨAPIͷಈ࡞֬ೝͷσϞʣ • ࣮ࡍͷΞϓϦʹΑ͘࢖ΘΕΔٕज़ͰཧղΛਂΊΔʢTheme APIɺApp proxiesʣ • Q&AɺΞϯέʔτɺަྲྀձ ຊ೔ͷ಺༰ʢ΍΍࣮ફతʹͯ͠Έ·ͨ͠ʣ ϋογϡλά͸ #shopifyjpmeetup !
  3. Shopify͸Ϋϥ΢υϕʔεͷΦϜχνϟωϧΛ࣮ݱͨ͠ϓϥοτϑΥʔϜͰ͢ɻ ݸਓͷํ͔Βେاۀ·Ͱ҆৺ͯ͠͝ར༻͍͚ͨͩ·͢ɻ 2006 Shopifyϩʔϯν $1,073M ೥ؒརӹֹ (աڈ12ϱ݄) 2,900+ ΞϓϦετΞʹެ։͞Ε͍ͯΔΞϓϦͷ਺ $100B

    ࣄۀऀ༷ͷ૯ྲྀ௨ֹ (ྦྷܭ) 2.1 million ϢχʔΫͷετΞΞΧ΢ϯτ਺ 1,00,000 ళฮ —— ~175ϱࠃ 4,000+ ࣾһ਺ 22,000 աڈ12Χ݄ͷؒͰ1ళฮҎ্ͷShopifyετΞΛ
 ϦϦʔεͨ͠ύʔτφʔͷ਺ #shopifyjpmeetup
  4. ΞϓϦͷߏ੒ #shopifyjpmeetup Partner Server App Bridge (page) App Bridge (Action)

    Admin API Storefront API Polaris (UI) Webhook Webhook App Bridge (POS) API calls
  5. ςʔϚͷߏ੒ #shopifyjpmeetup Shopify Server (Liquid runtime) Layout (theme.liquid) Templates (collection.liquid)

    Templates (search.liquid) … And more Home (common parts) Collection Search page … And more Liquid Liquid Liquid
  6. ςʔϚͷΧελϚΠζํ๏ᶆɿϩʔΧϧͰฤू #shopifyjpmeetup Shopify Theme Kit ͱ͍͏ίϚϯυϥΠϯπʔϧΛ࢖͏ํ๏ https://shopify.github.io/themekit/ Shopify Theme kit

    ࿅शɿ
 ίϚϯυϥΠϯͰςʔϚͷ࡞੒ ͱొ࿥ɺมߋ؂ࢹΛͯ͠ΈΑ͏ ʢVS Studioʹ͸Liquidͷ extension΋͋Γ·͢ʣ