سفينة 26 نيويورك - جلسة نقاشية: بناء واجهات المتاجر المعتمدة على الوكلاء

VVercel
컴퓨터/소프트웨어창업/스타트업AI/미래기술

스크립트

00:00:00مرحباً بالجميع. شكراً جزيلاً لانضمامكم إلينا وقضاء بعض الوقت معنا بعد ظهر اليوم. أتمنى أن يقضي الجميع
00:00:17وقتاً ممتعاً في مؤتمر SHIP. أنا متحمسة جداً لانضمام فانيسا من Shopify إلينا. أهلاً بكِ في
00:00:24مسرح SHIP رسمياً. إنه لأمر مذهل حقاً أن أكون هنا. كما أنني لم أر من قبل مثل هذا الفريق
00:00:29المتناغم. فعندما دخلت، قلت: واو، الجميع يرتدون الأسود. وقلت في نفسي: هذا أمر جنوني. سألتها
00:00:35عن رأيها في المؤتمر حتى الآن، فقالت: لا بأس. إنه رسمي بعض الشيء
00:00:39بالنسبة لي. فقلت لها: أنت ترتدين فستاناً! ولا أعرف، نحن فقط.. نحن أكثر عفوية بعض الشيء. لذا
00:00:45أنتم أكثر استرخاءً منا بقليل. أكثر استرخاءً بقليل. حسناً. لقد كانت Shopify و
00:00:51Vercel شريكتين لفترة طويلة جداً. لدينا بعض العملاء المشتركين، مثل علامات تجارية مثل Ruggable،
00:00:56وPage، وAG1. لقد كانوا جميعاً يشغلون نظام Shopify اللاظهري (Headless) على منصة Vercel لسنوات. أحد أكثر الأمثلة
00:01:03المفضلة لدي هو في الواقع Topps، شركة المقتنيات Topps. عندما يطرحون مقتنيات جديدة، ترتفع حركة المرور بمقدار 40 ضعفاً،
00:01:09ولا تشكل مشكلة لأي من منصتينا.
00:01:12ما هي أحدث بطاقات Topps اشتريتها؟ أحدث صندوق مقتنيات من Topps؟ ما هي آخر
00:01:16قطعة مقتنيات حصلت عليها؟ أنت تعلم، لقد وضعتني في موقف محرج بطريقة قاسية حقاً، وأنا مستاءة منك
00:01:22بسبب ذلك. لقد قلت إنها قصتك المفضلة. لم ننته بعد. حسناً. لقد كان فريقانا
00:01:30يعملان بجد وإبداع. أنا متأكد أنك ستحاسبني الآن. نعم. سأحاسبك الآن بسبب ذلك
00:01:34التعليق. لقد كنا نعمل بجهد على بعض التحسينات المذهلة حقاً لمنصاتنا. نعم. هل تريدين
00:01:40مشاركة القليل عما بنيناه اليوم؟ نعم. أعني أننا كنا نراقب
00:01:45بعضنا البعض، ولا حتى من الخطوط الخلفية كثيراً، بل لنحو، ماذا، نصف عقد الآن؟ على الأقل.
00:01:51امم، وكان لدينا الكثير من العملاء الذين كانوا على Vercel وكانوا يؤدون بشكل جيد للغاية مع Next وكانوا
00:01:58يعجبهم البقاء مع Vercel، ولكن عندما يتعلق الأمر بالتكامل مع Shopify، لا أعرف ما إذا كنتم
00:02:03تعلمون، فإن بناء منصات التجارة الإلكترونية ليس بالبساطة التي تبدو عليها. امم، كل شيء بدءاً من متى نفاد سلع معينة،
00:02:10أو نفاد السلع الكبرى. امم، ولكن كيف تعرف أن، كما تعلم، أداة اختيار الألوان فوقها
00:02:16يجب أن تتكيف مع البديل المتاح التالي؟ هذه كلها أمور تقنية دقيقة نقوم بالتحسين
00:02:23من أجلها. ونحن جميعاً نأخذها كأمر مسلم به كمستهلكين لأننا جعلناها سهلة للغاية، أليس كذلك؟
00:02:27على غرار عملية الدفع لدينا، أليس كذلك؟ إنها تعمل في كل مرة وتعمل في كل مرة. إنها تشبه
00:02:32البنية التحتية الآن لطريقة حياتنا وكيفية تسوقنا، ولكن هذا ليس بالأمر السهل تحقيقه بالكامل
00:02:38منذ البداية. ولذلك نظرنا إلى Hydrogen. لقد كان هدفنا دائماً هو دعم المطورين و
00:02:43مساعدتهم في بناء ما يريدون فعله. صحيح. وقد بدأ Hydrogen بنهج يركز أكثر على الحزمة الكاملة.
00:02:48لقد قمنا بتوفير إطار العمل بالكامل من الواجهة الخلفية والواجهة الأمامية. كنا نتبنى آراء محددة للغاية في كل المجالات
00:02:53لأن الأداء مهم للغاية في التجارة الإلكترونية. نعلم جميعاً أن الوصول إلى صفحة تفاصيل المنتج (PDP) و
00:02:58الحصول مباشرة على الاستجابة الأولى في غضون جزء من الألف من الثانية أمر بالغ الأهمية لمعدل التحويل.
00:03:03ولذلك قررنا، حسناً، إعادة النظر بعد خمس سنوات مع Hydrogen وقلنا، حسناً، لنقم بتلخيص Hydrogen
00:03:11ليقتصر فقط على المكونات الأساسية التي تعد صعبة حقاً. صحيح. لدينا واجهة برمجة تطبيقات للمتجر، وكان العديد
00:03:17من التجار يواجهون صعوبات في أمور مثل التحليلات. كيف يمكنني ضبط ذلك بشكل صحيح؟ كيف أحصل على
00:03:20سلة التسوق، وكيف نتأكد من أن سلة التسوق هي في الواقع سلة متفائلة (Optimistic cart)؟ لا أعرف ما إذا كان
00:03:26أحد يقدر هذه التفاصيل أو تريدون التعمق في الأمور التقنية، ولكن عندما تضيفون أشياء إلى سلة التسوق، يتعين علينا في الواقع
00:03:30إجراء مجموعة من المكالمات للواجهة الخلفية للتأكد من توفر المخزون والتأكد من
00:03:34وجود رمز خصم يمكنك تطبيقه. ثم تعود النتيجة، ولكن عليك الحصول على استجابة متفائلة، مثل،
00:03:39تفاعل كمستخدم تقول فيه: أه، تمت الإضافة إلى السلة. صحيح. ومن ثم التحديثات المتفائلة، واجهة المستخدم
00:03:45المتفائلة مهمة هناك. ولذلك قمنا بتبسيط كل ذلك وقلנו، حسناً، يجب أن تكون قادراً على إحضار
00:03:50أي واجهة خلفية، أليس كذلك؟ لذا يجب أن تكون قادراً على إحضار أي إطار عمل، أليس كذلك؟ لذا بالنسبة للكثير من الأشخاص الذين يستخدمون Next، سيناسبهم هذا الأمر
00:03:57بشكل جيد للغاية. وسنقوم ببساطة بتلخيص Hydrogen ليشمل المكونات الصعبة فقط. والآن بدلاً من الاختيار بين Hydrogen أو
00:04:04Next، أصبح لدينا Hydrogen وNext معاً، وهو أمر رائع لـ... أخيراً. نعم، أعلم. لقد استغرق الأمر وقتاً طويلاً
00:04:10في التطوير. إذن لقد أعلنتم عن هذا رسمياً هذا الأسبوع. نعم، فعلنا ذلك. امم، دودز، يمكننا نشر التغريدة الآن،
00:04:15إلى جانب منشورات المدونة. هاهي ذا. نعم، هذا كل شيء. لقد انتهينا. امم، Hydrogen وNext. أعني،
00:04:23لقد كان ممكناً دائماً، لكنه كان عبارة عن حلول ترقيعية معقدة. إذن ما الذي تغير؟ نعم. كل شيء بدءاً من حتى قانون حماية البيانات العام (GDPR)،
00:04:28حتى أننا لا نخوض في أمور مثل التحليلات، أصدقاؤنا المساكين الذين يحاولون تجميع ودمج، كما تعلمون، Next و
00:04:34Vercel ثم، حسناً، محاولة دمجها مع Shopify في الماضي. لم يتمكنوا حتى من الحصول على تحليلات لمتجرهم،
00:04:39أليس كذلك؟ لأنه لم يكن يعمل لصالحهم. والآن أصبح كل ذلك سلساً. كما أنه من السهل جداً النشر
00:04:45على Vercel، امم، من أي واجهة سطر أوامر (CLI) تستخدمها. هل يوجد أي تجار Shopify بين الحضور هنا؟ حسناً. أوه،
00:04:53ما هذا؟ هذا رائع. امم، لم نكن نعلم ما إذا كنتم قد جئتم لرؤية فانيسا أو ما إذا كنتم قد جئتم
00:04:58لأنكم تجار في Shopify، ونحن سعداء بأن... لدينا بعض التجار هنا. امم،
00:05:03هل حاول أي منكم استخدام Shopify بلس مع Next.js؟ حسناً. أنظر إليك في المقدمة الآن. أنت الشخص المختار.
00:05:11امم، كيف كانت تجربة نشر واجهة Next.js الأمامية لتطبيق Shopify الخاص بك تاريخياً؟
00:05:21حسناً. إذن لقد تجنبتم استخدام Hydrogen في الماضي وهكدا جعلتم الأمور تعمل. شكراً جزيلاً لك. تلك كانت النقطة التي أردنا توضيحها. امم، والآن
00:05:28الأمر أسهل بشكل دراماتيكي، دراماتيكي للغاية. لقد كان فريقنا يعمل معاً على ذلك. و،
00:05:32كما تعلم، أحد الأمور التي أحبها في هذا الأمر هو أنه يتجاوز أطر العمل والمنصات. امم،
00:05:37هناك أدوات أكثر إثارة يمكننا استخدامها الآن لأن هذه الأشياء تعمل معاً بشكل جيد حقاً.
00:05:43إنه سؤال استدراجي، ولكن إلى أين أنا ذاهب بعد ذلك؟ امم، ربما v0؟ نعم. نعم، v0. امم،
00:05:51إذن نعم، لقد أطلقنا مؤخراً تكامل Shopify لسوق Vercel.
00:05:55لذا يمكنك الآن في الواقع إنشاء متجر باستخدام الأوامر النصية (Prompt). الأمر أسهل بكثير. امم،
00:05:58سيستخدم هذا المتجر Next.js فوق Shopify اللاظهري وكل شيء يعمل بسلاسة.
00:06:04إذن ما الذي يفتحه هذا النوع من الأمور في ذهنك؟
00:06:08يعني، بالنسبة لنا، كنا دائماً نركز على المطورين بشكل أو باخر. امم،
00:06:13توبي مطور كبير جداً. بدأ الكثير منا متاجر في الماضي وبنوا متاجر،
00:06:18سواء كان ذلك على Liquid أو منصة استضافة أو بشكل لاظهري (headless)، كما تعلم، لقد حرصنا دائماً على
00:06:24تمكين المطورين من البناء للعلامات التجارية. امم، لكني أعتقد أن أكثر ما أحبه في هذا الأمر،
00:06:29في اجتماعنا معاً، هو أنه لم يعد خياراً اضطرارياً للناس. بل أصبح،
00:06:35حسناً، هل سأستخدم Liquid أم سأستخدم... أصبح الأمر أكثر مرونة: استخدم الأدوات التي تريدها.
00:06:38لأنه في نهاية اليوم، اعتقادنا الأساسي هو أنه عندما يتعلق الأمر بعلامات التجارة الإلكترونية
00:06:44والطريقة التي تعبر بها عن نفسك، أعني أن الإنترنت يدور برمته حول التعبير عن نفسك، أليس كذلك؟
00:06:48بغض النظر عما إذا كنت تبيع مقتنيات، أو كنت تبيع الفيتامينات، فالناس في النهاية
00:06:55يريدون فقط الشراء من علامة تجارية يثقون بها، أليس كذلك؟ وهذا يتضمن جميع التفاصيل الصغيرة.
00:07:01ولذلك نريد أن نتيح لجميع المطورين هناك التحكم في
00:07:05كل شيء على الإطلاق، امم، يريدونه للتعبير عن تلك العلامة التجارية.
00:07:08أحد الأمور التي أحبها في Shopify هي أنكم تفوضون الثقة، امم، إلى التجار.
00:07:14لذا أعلم أنني أستطيع الوثوق بعلامة Shopify التجارية. لقد اشتريت أشياء باستخدام ShopPay أكثر مما يمكنني
00:07:20حتى إحصاؤه، ومجرد النقر على زر ShopPay يجعل كل شيء يعمل بسلاسة.
00:07:24امم، وهو ما يذكرني مؤخراً عندما كان لدينا فصل لتأهيل المهندسين، وسألني أحد المهندسين
00:07:29الجدد في Vercel، حسناً، كما تعلم، إن مديرنا التقني مالطا انتهى للتو من القول إن البرمجة أصبحت مجانية الآن.
00:07:36لذا إذا كانت البرمجة مجانية، فما هي الميزة التنافسية (Moat) الجديدة؟ وبديهياً، كانت لدي هذه الإجابة،
00:07:41والتي تتضمن عدة أمور. أعتقد أنها في الواقع، امم، ضبط النفس هو في الواقع جزء من ذلك. إذن التقدير السليم،
00:07:46معرفة ما يجب بناءه وما لا يجب بناءه. لا، ليس الذوق الفني (Taste).
00:07:49أه، ليس الذوق الفني.
00:07:49لقد مللت جداً من مقولة إن الذوق الفني هو الميزة التنافسية الجديدة.
00:07:52الجميع يريدون فقط القول إن الذوق الفني هو الميزة التنافسية الجديدة.
00:07:54أعلم. إذا كنت تريد وصف شخص بأنه صانع توجهات (Tastemaker)، يبدو الأمر مجرد مصطلح غامض للغاية.
00:07:58نحن لا نشتم، ولكن الأمر... إنه مزعج.
00:08:00نعم، إنه كذلك بعض الشيء.
00:08:01امم، لقد قلت، امم، نوعاً ما التقدير السليم، وتقرير ما يجب بناؤه، والتنفيذ، وكل الأشياء المحيطة بذلك.
00:08:06ولكن أحد أهم الأمور هو الثقة. امم، لذا عندما تحتاج إلى شيء جديد تماماً لا تمتلكه
00:08:11بعد، امم، من أين تحصل عليه؟ وعموماً نحن نحصل عليه من أولئك الذين يمكننا الوثوق بهم.
00:08:17لذا ما أحبه في Shopify هو أنها فوضت ثقتها لتشمل كل هؤلاء التجار الذين لم أكن لولا ذلك
00:08:23لأحظى بتجربة التعامل معهم.
00:08:26نعم.
00:08:26امم، ولكن الأمر لم يبدأ هكذا حقاً، أليس كذلك؟
00:08:29أنا حقاً أود الخوض في هذا. لقد شاهدت هذا الفيديو، ربما على LinkedIn، وهذا أمر غريب،
00:08:34ولكني شاهدت فيديو على LinkedIn، وهو عبارة عن مقابلة مع توبي.
00:08:38وكان توبي يتحدث عن، امم، كما تعلم، عندما... شيء ما عن
00:08:44السوق المستهدفة الإجمالية (TAM) الأول لـ Shopify كان صغيراً للغاية.
00:08:45نعم.
00:08:46لذا لم يكن المستثمرون ليقوموا بالاستثمار.
00:08:47نعم.
00:08:47ال طرح العام الأولي (IPO)، نعم، كان الأمر يشبه، امم، كان ذلك مبكراً في رحلة الطرح العام.
00:08:53وكان توبي يحاول حمل، على ما أظن، المستثمرين المؤسسيين على بدء الاستثمار.
00:08:58لذا كان هذا في حدود عام 2014 على الأرجح.
00:09:01امم، وكان الأمر صعباً حقاً بالنسبة لنا.
00:09:03يعني، حتى عندما انضممت، أنا في Shopify الآن منذ عقد من الزمان.
00:09:06وأتذكر الاحتفال بتاجرنا رقم 200,000 بالبالونات وكنا متحمسين للغاية.
00:09:13والآن، بالتقدم السريع 10 سنوات إلى الأمام، لدينا ملايين.
00:09:15ولكن النقطة التي كان يوضحها للمستثمرين هي أن الأدوات تنتهي في الواقع بتشكيل
00:09:21السوق بشكل كبير.
00:09:23لذلك في الماضي لم يكن لدينا هذا العدد الكبير من التجار ولم تكن السوق المستهدفة بهذه الضخامة لأن الفرصة
00:09:29كانت مقيدة باحتكاك الأدوات.
00:09:30كان البدء أمراً صعباً حقاً.
00:09:32كان بدء موقع تجارة إلكترونية أمراً صعباً حقاً.
00:09:34ولذلك إذا تمكنا من جعل ذلك أسهل فحسب، فسوف يلجأ المزيد من الناس إلى تلك الأداة
00:09:39وسيكون هناك المزيد من رواد الأعمال.
00:09:40وكان هذا على الأرجح أكثر، أعتقد أنه ربما لم يكن، لقد كان يؤمن بذلك تماماً،
00:09:46ولكني أعتقد أنه كان من الصعب على الأشخاص في الغرفة إدراك ذلك.
00:09:49ولكني أعتقد أن ذلك كان يتردد صداه كحقيقة في كل مرة في Shopify وهو أن: لا، هناك روح مبادرة
00:09:54داخل عامة الناس.
00:09:56وهي غير مستغلة بعد.
00:09:58فإذا جعلت الأمر أسهل بالنسبة لهم للإبداع، فإن الميل الطبيعي للبشر هو ابتكار الأشياء.
00:10:05ولذلك فهذا أحد الأسباب التي تجعلني أعتقد أن Vercel وShopify متوافقتان بشكل كبير.
00:10:09لدينا حقاً تاريخ مشترك في تقليل الاحتكاك.
00:10:12أتذكر المرة الأولى التي قمت فيها بإجراء دفع برمجيات (git push) وتحول إلى بيئة الإنتاج.
00:10:17أصبحت مباشراً على Vercel.
00:10:18وقد أذهلني ذلك تماماً، أذهلني حقاً.
00:10:22وكنت متأخراً نوعاً ما في مواكبة هذا المجال.
00:10:24الجميع كانوا يفعلون ذلك لسنوات.
00:10:25وكنت أقول: في ماذا كنت أضيع وقتي طوال هذه المدة؟
00:10:27كان لدي خادم افتراضي خاص (VPS) بي وحدي.
00:10:28كنت أدير بروتوكول SFTP.
00:10:30كنت أبني الأشياء محلياً ثم انشرها.
00:10:32وأحياناً لم تكن تعمل بالشكل الصحيح.
00:10:34ولذلك فإن تقليل الاحتكاك هذا، أعتقد أنه جلب بالفعل عدد أكبر بكثير من المطورين عبر الإنترنت بنفس
00:10:39الطريقة التي أدى بها تقليل الاحتكاك لإنشاء المتاجر إلى جلب عدد أكبر بكثير من التجار عبر الإنترنت.
00:10:44نعم.
00:10:45لذا سنستمر في فعل ذلك.
00:10:47سنستمر في تقليل الاحتكاك.
00:10:48والآن لدينا طرق أفضل لاستخدام Shopify مع Next.js، ومع Vercel.
00:10:53نعم.
00:10:54ما الذي تظن أنه يفتحه هذا؟
00:10:56يعني، ما هي خطوتنا التالية؟
00:10:57ما هو توسعنا القادم في السوق المستهدفة؟
00:10:58نعم.
00:10:59امم، هذه، لقد رويت هذه القصة داخلياً كثيراً.
00:11:04امم، لو كنت شخصاً يراهن، فهذه إذن نوع من الأطروحة التي أطرحها.
00:11:07وسنرى، مثل، ربما سنلتقي بعد عام من الآن ونرى ما إذا كانت قد تحققت.
00:11:11امم، أعتقد أننا على وشك أن... نظراً لأن البرمجة تصبح أكثر سهولة في الوصول إليها للأشخاص
00:11:18الذين ليسوا بالضرورة مطورين بمعني الكلمة.
00:11:21صحيح.
00:11:21صحيح.
00:11:22وكـ مطور React وكمهندس روبوتات، يعجبني هذا... يؤلمني هذا قليلاً
00:11:26لأنني أقول، أوه، لقد مررنا بالكثير من الصعاب لنتعلم كيفية البرمجة، كما تعلمون،
00:11:29C++ ثم JavaScript.
00:11:31والآن أصبح الأمر مجرد كلمات.
00:11:32امم، ولكن في نهاية اليوم، امم، ولكن الآن في نهاية اليوم، الشيء المذهل
00:11:38هو أنني تحدثت مع فريقنا حول هذا الأمر لأننا قمنا في الواقع ببنّاء شيء مؤخراً
00:11:42يسمى الكتالوج (Catalog)، أليس كذلك؟
00:11:44إذن الكتالوج هو أساساً واجهة برمجة تطبيقات للبحث عن المنتجات.
00:11:47بالنسبة لأولئك منكم الذين قاموا ببناء أي شيء على الإنترنت، تعلمون أنه لا توجد في الواقع
00:11:50واجهة برمجة تطبيقات جيدة للبحث عن المنتجات في العالم في الوقت الحالي تكون مفتوحة للاستخدام.
00:11:54ولذلك قررنا صنع واحدة، فلدينا ما يكفي من المنتجات.
00:11:58لدينا الآن مليارات المنتجات.
00:11:59ولدينا ملايين التجار.
00:12:01ولذلك قلنا، رائع، لنفعل ذلك.
00:12:03امم، ولهذا أنشأنا أول واجهة تسوق، ليس الأولى، ولكنها حالياً واجهة التسوق
00:12:08واسعة النطاق الوحيدة وهي مُحسّنة للتجارة.
00:12:11لذا فهي تحتوي على كل شيء بدءاً من، حسناً، هذا قميص وهناك أربعة تجار
00:12:16يبيعون هذا القميص بأسعار مختلفة، وتجميع تلك البيانات ليس بالأمر السهل جداً.
00:12:20وهو يأتي في هذه الخيارات.
00:12:22فهو يحتوي على ألوان، ويحتوي على أحجام، وكل ذلك منسق بشكل صحيح عبر مليارات المتغيرات.
00:12:27هذا الأمر استغرق منا في الواقع سنوات من الاستثمار لبنائه.
00:12:30امم، ونحن نقدمه الآن لأي شخص على الإنترنت.
00:12:33إنه ليس مقيداً حتى خلف رمز حامل (Bearer token) أو أي شيء من هذا القبيل.
00:12:37لذا يمكنك استخدامه مباشرة.
00:12:38وكان الهدف من ذلك تمكين الموجة القادمة من المبدعين.
00:12:43إذن عندما أفكر فيما كان... نحن على وشك إلقاء خطبة TED، بالمناسبة.
00:12:47لذا فلنمضي قدماً، أعني أننا جميعاً هنا من أجل ذلك.
00:12:50ألم تر رفع الأيدي؟
00:12:51لقد جاؤوا جميعاً لرؤيتك.
00:12:51حسناً، عندما أفكر في قطاع التجزئة والتجارة، وإذا عدت إلى الوراء تماماً،
00:12:56مثل التجارة، فقد كانت دائماً تدور حول، مهلاً، تومو، لدي هذا الشيء.
00:13:00هل تريد هذا الشيء؟
00:13:01وأنت تقول، نعم، أريده.
00:13:03حسناً.
00:13:03ولكن فقط إذا كنت أثق بك، ولكن فقط إذا كنت تثق بي.
00:13:05ولكن، والشيء الآخر هو أن البشر بطبيعتهم كسولون للغاية.
00:13:09صحيح.
00:13:09ولذلك لا أريد فقط العثور على أفضل المنتجات، بل إنني كسول نوعاً ما في البحث عنها.
00:13:14لن أخرج إلى العالم وأتجول وأجد جميع المتاجر.
00:13:18بل سأقول لنفسي، تومو شخص رائع.
00:13:19ما الذي يعجبه؟
00:13:20إنه يحب مقتنيات Topps.
00:13:21في معظم الأوقات، أنا، كما تعلم، أستمع إلى صديق أثق به
00:13:24بالضبط.
00:13:25بخصوص ما يجب أن أشتريه.
00:13:26نعم.
00:13:26لذا فإن مزيج الكسل، وحقيقة أننا بطبيعتنا نريد...
00:13:31نحتاج إلى... نحن نشتري الأشياء لعدة أسباب.
00:13:34لكن الكثير منا يساؤل: بمن أثق ولديه هذا؟
00:13:37إنه أشبه بتتابع للثقة.
00:13:38نعم.
00:13:38صحيح.
00:13:40أعتقد أنه في الماضي، شهدنا هذه الموجات الكبيرة في التجارة في كل مرة تتغير فيها التكنولوجيا.
00:13:45لذا تتغير الأمور الاجتماعية.
00:13:46صحيح.
00:13:47الآن أصبح لدى الجميع كاميرا في جيبهم.
00:13:48صحيح.
00:13:50والآن أصبح تحرير الفيديو أسهل.
00:13:53يتغير المحتوى.
00:13:53إذن، حسناً.
00:13:54يمكنني الآن متابعة تومو على منصات اجتماعية عديدة ومعرفة المنتجات التي تعجبه.
00:13:58صحيح.
00:13:59هذا رائع.
00:13:59هذه طريقة أخرى للاكتشاف.
00:14:01أعتقد ذلك، وأنا متحمس جداً لهذا المستقبل.
00:14:03أعتقد أنه في المستقبل سيصبح المطورون أو الأشخاص الذين يتصرفون مثل المطورين...
00:14:08كذلك.
00:14:08لذا أعتقد في أمور مثل: أنا عدّاء وأعيش في حي يُدعى ليسايد في تورونتو.
00:14:14في تورونتو.
00:14:16ولذا أنا جزء من مجموعة ليسايد للجري.
00:14:18وقرر شخص ما في مجموعة الجري الخاصة بنا استخدام كلاود كود وإنشاء موقع شبكي.
00:14:23يحتوي على لوحة صدارة.
00:14:24ويحتوي على معلومات الطقس القادم.
00:14:26وباستخدام الكتالوج، يمكنهم القول بعد ذلك: حسناً، أود... يمكنك أيضاً صياغة...
00:14:31كما تعلم، نصف قطر المتاجر التي تريدها وعالمية عدد المتاجر.
00:14:36وهكذا يظهر جميع متاجر تورونتو حول ليسايد ضمن نطاق 50 كيلومتراً، أليس كذلك؟
00:14:42يمكنك جعلها عالمية، يمكنك فعل هذا.
00:14:43وحينها نقول: أريد وضع ذلك في التطبيق، في تطبيق الويب كاقراح بناءً على...
00:14:48تقرير الطقس القادم للمنتجات التي يمكنك شراؤها من التجار في جميع أنحاء الحي.
00:14:53أليس كذلك؟
00:14:54وهذا ممكن من خلال واجهة برمجة تطبيقات الكتالوج.
00:14:56وعندما تفكر في اتجاه البرمجيات، فإن الأمر يتعلق أكثر بكثير بـ...
00:15:00هل يمكننا بناء المزيد من التطبيقات المتخصصة المصممة حسب الطلب؟
00:15:04لذا داخلياً، كنا صريحين بشأن هذا، لدينا أداة تسمى كويك، أليس كذلك؟
00:15:08إنها طريقة لتتمكن من إطلاق موقع ويب محمي داخلياً.
00:15:12ولذا كان الناس ينشئون بغزارة هذه التطبيقات المؤقتة نوعاً ما...
00:15:18لكنها مفيدة للغاية في التواصل والفهم وجمع...
00:15:22الناس معاً في المشاريع.
00:15:23إنه حرفياً السبب وراء إنشاء منصة تطبيقات وعوامل التشغيل للشركات.
00:15:25السوق يخبرنا أننا بحاجة إلى ذلك، الشيء الذي كنتم تفعلونه أنتم يا غائم طوال الوقت.
00:15:30كل شركة على وجه الأرض بحاجة إلى ذلك.
00:15:31نعم.
00:15:32نعم.
00:15:32لذا أعتقد أن هناك موجة اندفاع ذهبي قادمة لتغيير طريقة تفكير الناس في الشراء.
00:15:38وكذلك تغيير مفهوم التجارة الإلكترونية.
00:15:40الأمر لا يقتصر فقط على مواقع التجارة الإلكترونية ثم تطبيقات الويب.
00:15:43هذا صحيح.
00:15:44سنقوم بالدمج، سنرى ذلك باستخدام الأدوات المناسبة، أليس كذلك؟
00:15:47مرة أخرى، باستخدام واجهة برمجة تطبيقات الكتالوج، ستتبين للناس دمج التسوق في ما كان...
00:15:53يعرف تقليدياً بتطبيقات الويب.
00:15:54هذا صحيح.
00:15:55صحيح.
00:15:55لذا يعجبني حقاً ألا تكون التجارة وجهة قائمة بذاتها، بل جزءاً من نسيج...
00:16:00نوعاً ما من كل ما تقوم به عبر الإنترنت.
00:16:02نعم.
00:16:02مدعومة بالوكلاء، كما تعلمون، بدعم من بعض الأدوات التي نشاركها اليوم واجهة برمجة تطبيقات الكتالوج.
00:16:08ولذا، قمت في الواقع بإجراء هذا التمرين داخلياً.
00:16:12أعتقد أنني أرسلته إلى فريقك، لكننا أخبرنا المصممين داخلياً بأن يذهبوا، لأنهم...
00:16:16إنهم تقنيون للغاية في شوبيفاي.
00:16:18لكنني أخبرتهم: اذهبوا وابتكروا شيئاً رائعاً حقاً، أليس كذلك؟
00:16:22هل هناك أي قيود أم لا قيود على الإطلاق؟
00:16:24قلت: لا أعرف.
00:16:25أنتم مصممون.
00:16:26أنتم على دراية بالأمور أكثر مني بكثير، أليس كذلك؟
00:16:28ما هو الرائج الآن بين الشباب، اذهبوا وابنوا تطبيق ويب لذلك.
00:16:32ثم حاولوا استخدام الكتالوج مع الشباب.
00:16:34نعم.
00:16:35أنا لا أعرف شيئاً.
00:16:36إذن، أمم، هل تريدون البدء؟
00:16:37هل ترغب في عرضه؟
00:16:38هناك فيديو.
00:16:40دعونا نعرض فيديو العروض التوضيحية لبعض الأشياء التي بنوها.
00:16:43حتماً باستخدام بعض مجموعة أدوات عملاء فيرسل، واجهة برمجة تطبيقات الكتالوج.
00:16:46نعم.
00:16:47هل نشر أي منهم على نيكست جي إس، بشكل مستقل إلى هيدروجين؟
00:16:50أمم، أعتقد أن البعض منهم كان يستخدم هيدروجين، وربما نشروا على فيرسل.
00:16:55لكن مكتبة الذكاء الاصطناعي، كانت إحدى المكتبات التي أعتقد أنه تم استخدامها،
00:16:59ولكنهم استطاعوا حقاً إنشاء هذه التجارب المذهلة.
00:17:02مثل مفضلتي كان تطبيق الأبراج.
00:17:05أعتقد أن الأبراج شيء رائع.
00:17:06أمم، تطبيق الأبراج الذي بناءً على... بناءً على برجك،
00:17:12كان يقول: حسناً، يا تومو، أنت برج الجدي.
00:17:14ما هو برجك؟
00:17:15هل تعرف؟
00:17:16أنا برج السرطان.
00:17:17السرطان.
00:17:17حسناً.
00:17:17نعم.
00:17:17عيد ميلادي هو في الواقع الأسبوع القادم.
00:17:19يا الهي.
00:17:20عيد ميلاد سعيد مبكراً.
00:17:21يجب أن يكون رائعاً.
00:17:21أمم، لكنك برج السرطان.
00:17:23ربما على وشك الدخول في موسم محزن نوعاً ما.
00:17:26لذا ربما تريد... ربما تريد... مثل... شمعة لتساعدك في تجاوز ذلك.
00:17:32أو كان هناك واحد هناك.
00:17:33أو كان هناك واحد هناك.
00:17:33لقد رأيت كيف يمكنك التحميل والتسوق من أي برنامج تلفزيوني قديم
00:17:40هو المفضل لديك.
00:17:40ستكون قادراً على دخوله.
00:17:41ولذا، هناك أشياء من هذا القبيل، أوه، هذا ليس ما قد يظنه الناس تقليدياً
00:17:45كموقع تجارة إلكترونية.
00:17:47أعني، لقد رأيت عرضاً توضيحياً بالأمس لـ Pippin، وهو أحد تلك الموجودة هناك.
00:17:50النرد.
00:17:50آمل أن تتمكن من عرض الفيديو مرة أخرى.
00:17:52و، أمم، كان بن في فريقك يتحدث فقط إلى Pippin ويصف شيئاً
00:17:57كان يبحث عنه باستخدام الصوت بالطبع، واجهة برمجة التطبيقات في الوقت الفعلي.
00:18:01و، أمم، كان الأمر مثل: أريد لعبة.
00:18:04لقد وجدت شيئاً مثل ديناصور.
00:18:06وكُنتَ متمكناً من الاستعجال.
00:18:07ظلت تسأل.
00:18:08كان الأمر وكأنه المزيد، أريد أن أكون أكثر تحديداً.
00:18:09أريد حقاً تحري الدقة.
00:18:10كان الأمر أشبه، فقط اخبرها أن تختار واحدة.
00:18:12وهو يقول: يا بيبي، فقط اختر واحدة.
00:18:14الأمر يشبه: حسناً، ها هي اللعبة.
00:18:15وكانت مثل لعبة الديناصورات المرعبة هذه، مثالية للاعبين إلى اربعة لاعبين مع طفل في الخامسة من عمره.
00:18:20يبدو وكأنها كانت بالضبط ما أرادته، وكلها مبنية فوق حزمة التقنية هذه.
00:18:23نعم.
00:18:24نعم.
00:18:24أعني، أزعجني لاحقاً وسنريكم إياه.
00:18:26نعم.
00:18:26سأعرض عليك عرضاً توضيحياً مباشراً.
00:18:27نعم.
00:18:28أمم، أود عرض الفيديو مرة أخرى إذا تم تجهيزه،
00:18:31لأن بعض هذه العروض التوضيحية كانت مذهلة حقاً.
00:18:33وكان هذا بمثابة ما يشبه.
00:18:34إنه سريع جداً.
00:18:35أوه، إنه فيديو سريع للغاية.
00:18:37نعم.
00:18:37سيتعين علينا القيام بذلك.
00:18:38حسناً، أزعجني بعد ذلك وسأعرض بعضاً منه مباشرة.
00:18:42المستقبل مشرق.
00:18:43أنا متحمس جداً لأننا نستمر في تقليل الاحتكاك للوصول إلى المتاجر عبر الإنترنت،
00:18:48لأنني أعتقد أن ما يعنيه ذلك هو أن المتاجر لن تكون بالضرورة الوجهة وحدها
00:18:52بعد الآن.
00:18:52مرة أخرى، ستصبح التجارة جزءاً من نسيج كل ما نقوم به على الويب.
00:18:56بدعم من واجهة برمجة تطبيقات الكتالوج.
00:18:58يعمل Next.js على نظام Shopify بدون واجهة مدعومًا بنظام Hydrogen الجديد والمحسن.
00:19:03نعم.
00:19:04أمم، والأهم من ذلك، أنا متحمس فقط لأن فرقنا تعمل معاً وأننا
00:19:07كنا نتشارك بهذه القرب.
00:19:09لذا شكراً جزيلاً لكِ يا فانيسا على تواجدك معي اليوم.
00:19:11شكراً استضافتكم لي.
00:19:12أمم، أمم، كان هذا غير مكتوب وحقيقياً جداً، ولقد استمتعنا كثيراً به.
00:19:16أعتقد ذلك لكي يمكنك معرفة ذلك.
00:19:17أمم، لذا شكراً جزيلاً للجميع على استضافتنا.
00:19:20شكراً يا شباب.
00:19:22شكراً لكم.

핵심 요약

يؤدي دمج واجهة برمجة تطبيقات الكتالوج في شوبيفاي مع إطار عمل Hydrogen المحدث وNext.js إلى إزالة الاحتكاك التقني، مما يتيح تضمين التجارة في أي تطبيق ويب عبر أدوات الذكاء الاصطناعي.

하이라이트

  • حققت علامة Topps زيادة بلغت 40 ضعفاً في حركة المرور أثناء إطلاق المقتنيات الجديدة بفضل تشغيل نظام Shopify اللاظهري على منصة Vercel.

  • أعادت شوبيفاي تصميم إطار عمل Hydrogen ليقتصر على المكونات الأساسية الصعبة، مما يتيح تكامله السلس مع Next.js وVercel.

  • أطلقت فيرسل تكامل Shopify لسوقها ليتمكن المستخدمون من إنشاء متاجر كاملة باستخدام الأوامر النصية.

  • يوفر كتالوج شوبيفاي واجهة برمجة تطبيقات بحثية تدمج مليارات المنتجات وعلامات التباين لخدمة الموجة القادمة من المطورين.

  • تتجاوز التجارة الإلكترونية المستقبلية مفهوم الوجهات المستقلة لتصبح جزءاً من نسيج تطبيقات الويب المدعومة بالوكلاء.

타임라인

الشراكة التاريخية وحالة الاستقرار التقني

  • شكلت كل من Shopify وVercel شريكتين لفترة طويلة مع عملاء مشتركين مثل Ruggable وPage وAG1.
  • سجلت حركة المرور لدى شركة Topps ارتفاعاً بواقع 40 ضعفاً دون مواجهة أي مشكلات تقنية على المنصتين.
  • أعادت شوبيفاي هيكلة Hydrogen ليركز على المكونات الصعبة مثل إدارة سلة التسوق المتفائلة والتحليلات.

استمر التعاون بين الفريقين لنحو نصف عقد لدعم المطورين في بناء منصات تجارة إلكترونية عالية الأداء. تتطلب تفاصيل التجارة الدقيقة، مثل تباين البدائل عند نفاد المخزون وإدارة تحديثات سلة التسوق، معالجة تقنية معقدة. أدى هذا التحديث إلى دمج Hydrogen مع Next.js لتوفير بيئة مرنة تتيح استخدام أي إطار عمل خلفي.

تسهيل النشر واعتماد الأدوات الجديدة

  • أصبح نشر واجهات Next.js الأمامية لتطبيقات شوبيفاي أسهل بشكل دراماتيكي بفضل الحلول المشتركة.
  • أطلق سوق Vercel تكاملاً جديداً لشوبيفاي يتيح إنشاء المتاجر باستخدام الأوامر النصية المباشرة عبر Next.js.
  • تتمثل الميزة التنافسية الجديدة في التقدير السليم ومعرفة ما ينبغي بناءه إلى جانب توفير الثقة للتجار.

عالجت التحديثات الأخيرة الصعوبات التاريخية في دمج تحليلات المتاجر والتنقل بين الأنظمة. يتجاوز هذا التعاون أطر العمل التقليدية ليسمح بابتكار أدوات تفاعلية عبر الذكاء الاصطناعي مثل v0. تمثل الثقة التي تمنحها شوبيفاي للتجار العنصر الأساسي الذي يعتمد عليه المستهلكون لإتمام عمليات الشراء بسهولة عبر ShopPay.

تشكيل السوق وتطور سلوك رواد الأعمال

  • واجهت شوبيفاي تحديات مبكرة في إقناع المستثمرين لأن حجم السوق المستهدفة بدا صغيراً بسبب احتكاك الأدوات.
  • أدى تقليل الاحتكاك في بيئات النشر وعمليات البرمجة إلى جذب ملايين المطورين والتجار الجدد عبر الإنترنت.
  • أتاحت واجهة برمجة تطبيقات الكتالوج للمطورين دمج ميزات التجارة الإلكترونية مباشرة داخل التطبيقات المتخصصة.

أثبتت التجربة أن تقليل الاحتكاك التقني يطلق روح المبادرة الكامنة لدى البشر. يمثل إطلاق كتالوج المنتجات خطوة رئيسية توفر مليارات المنتجات وبيانات التباين المعقدة دون قيود، مما يمكن المطورين في المجتمعات المحلية من ربط الطقس أو الأنشطة اليومية بشراء المنتجات من التجار المحيطين.

المستقبل المدعوم بالوكلاء وتطبيقات الويب

  • عرضت تطبيقات تجريبية تعتمد على الذكاء الاصطناعي والصوت لتسهيل اكتشاف المنتجات وتسوقها.
  • تتحول التجارة الإلكترونية لتصبح جزءاً من نسيج كل تطبيق ويب بدلاً من كونها وجهة قائمة بذاتها.
  • يستمر التعاون بين فريق شوبيفاي وفريق فيرسل في تبسيط التجربة وإزالة الحواجز أمام المطورين.

أظهرت العروض التوضيحية قدرة المستخدمين على التفاعل صوتياً مع مساعدين ذكيين لاختيار المنتجات بدقة متناهية. يشير هذا التوجه إلى أن مستقبل التجارة سيعتمد على التطبيقات المخصصة المدعومة بالوكلاء وأدوات الكتالوج الشاملة، مما يربط الشراء بالأنشطة اليومية بشكل غير تقليدي.

커뮤니티 글

모든 글 보기