"ऐलिस, चलो सामने वाले पर जाते हैं!"

वॉयस असिस्टेंट कोई दूर का भविष्य नहीं है, बल्कि एक वास्तविकता है। एलेक्सा, सिरी, गूगल नाउ, ऐलिस को स्मार्ट स्पीकर, वॉच और फोन में बनाया गया है। वे धीरे-धीरे अनुप्रयोगों और उपकरणों के साथ बातचीत करने के हमारे तरीके को बदल रहे हैं। एक सहायक के माध्यम से, आप मौसम के पूर्वानुमान का पता लगा सकते हैं, हवाई जहाज का टिकट खरीद सकते हैं, टैक्सी का ऑर्डर कर सकते हैं, संगीत सुन सकते हैं और रसोई में केतली को चालू कर सकते हैं, दूसरे कमरे में सोफे पर लेट सकते हैं।



सिरी या एलेक्सा ज्यादातर उपयोगकर्ताओं के लिए अंग्रेजी बोलते हैं, इसलिए रूस में वे यैंडेक्स के ऐलिस के रूप में लोकप्रिय नहीं हैं। ऐलिस डेवलपर्स के लिए भी अधिक सुविधाजनक है: उसके रचनाकारों के पास एक ब्लॉग है, गिटहब पर सुविधाजनक उपकरण पोस्ट करें और नए उपकरणों में सहायक बनाने में मदद करें।

निकिता डबको (ट्विटर पर @dark_mefody) एक यैंडेक्स इंटरफ़ेस डेवलपर, मिन्स्क सीएसएस और मिन्स्क जेएस बैठकों के आयोजक और वेब मानकों में एक समाचार संपादक है। निकिता Yandex.Dialogs में काम नहीं करती है और किसी भी तरह से Yandex.Alisa से संबद्ध नहीं है। लेकिन वह यह समझने में रुचि रखते थे कि ऐलिस कैसे काम करता है, इसलिए उन्होंने वेब के लिए अपने कौशल को लागू करने की कोशिश की और फ्रंटेंडकॉन्फ़ आरआईटी ++ में इस पर एक रिपोर्ट तैयार की। निकिता की रिपोर्ट की व्याख्या करने में, हम इस बात पर विचार करते हैं कि कौन से वॉयस असिस्टेंट उपयोगी ला सकते हैं और इस सामग्री को पढ़ने की प्रक्रिया में एक कौशल का निर्माण कर सकते हैं।

बॉट

चलो बॉट्स के इतिहास से शुरू करते हैं। 1966 में, एलिजा बॉट दिखाई दिया, एक चिकित्सक होने का नाटक करते हुए। उसके साथ संवाद करना संभव था, और कुछ ने यह भी माना कि एक जीवित व्यक्ति उन्हें जवाब देता है। 1995 में, एलिस बॉट बाहर आया। - ऐलिस के साथ भ्रमित होने की नहीं। बॉट एक वास्तविक व्यक्ति का प्रतिरूपण करने में सक्षम था। आज तक यह ओपन सोर्स में है और इसे अंतिम रूप दिया जा रहा है। दुर्भाग्य से, एलिस ट्यूरिंग टेस्ट पास नहीं करता है, लेकिन यह उसे लोगों को गुमराह करने से नहीं रोकता है।

2006 में, आईबीएम ने बॉट में एक विशाल ज्ञान आधार और परिष्कृत बुद्धिमत्ता रखी - यही कि आईबीएम वाटसन के बारे में आया। यह एक विशाल कंप्यूटिंग क्लस्टर है जो अंग्रेजी भाषण को संसाधित कर सकता है और कुछ तथ्यों को दे सकता है।

2016 में, Microsoft ने एक प्रयोग किया। उसने टीआई बॉट बनाया, जिसे उसने ट्विटर पर लॉन्च किया। वहां, बीओटी ने माइक्रोब्लॉग के आधार पर सीखा कि लाइव ग्राहकों ने इसके साथ कैसे बातचीत की। नतीजतन, ताई एक नस्लवादी और दुराचारी बन गया। अब यह एक बंद खाता है। नैतिक: बच्चों को ट्विटर पर मत आने दो, वह बुरे को सिखा सकता है।

लेकिन ये सभी बॉट हैं जिन्हें आप अपने फायदे के लिए नहीं बता सकते। 2015 में, टेलीग्राम पर "उपयोगी" दिखाई दिया। बॉट अन्य कार्यक्रमों में मौजूद थे, लेकिन टेलीग्राम ने धूम मचा दी। एक उपयोगी बॉट बनाना संभव था जो जानकारी प्रदान करेगा, सामग्री उत्पन्न करेगा, सार्वजनिक रूप से प्रशासित करेगा - संभावनाएं महान हैं, और एपीआई सरल है। बॉट्स ने चित्र, बटन, टूलटिप्स जोड़े हैं - एक इंटरैक्शन इंटरफ़ेस दिखाई दिया है।

धीरे-धीरे, यह विचार लगभग सभी त्वरित दूतों में फैल गया: फेसबुक, वाइबर, VKontakte, व्हाट्सएप और अन्य अनुप्रयोग। अब बॉट्स एक चलन है, वे हर जगह हैं। ऐसी सेवाएं हैं जो आपको सभी प्लेटफार्मों के लिए तुरंत एपीआई लिखने की अनुमति देती हैं।

आवाज सहायक

विकास बॉट्स के समानांतर चला गया, लेकिन हम यह मान लेंगे कि सहायकों का युग बाद में आया।

9 अगस्त 2011 को सिरी दिखाई दिया। प्रारंभ में, यह एक स्वतंत्र परियोजना थी जिसमें Apple ने कुछ दिलचस्प देखा, इसलिए मैंने इसे खरीदा। यह OS में निर्मित सबसे पुराना लोकप्रिय वॉयस असिस्टेंट है। एक साल बाद, Google ने अपने ऑपरेटिंग सिस्टम में Google नाओ के वॉयस असिस्टेंट को एकीकृत करके Apple को जल्दी से पकड़ लिया।

2 साल बाद, Microsoft ने Microsoft Cortana जारी किया। लेकिन यह स्पष्ट नहीं है कि क्यों - आवाज सहायकों के लिए मोबाइल बाजार, ऐसा लगता है, वे पहले ही चूक चुके हैं। कंपनी ने डेस्कटॉप सिस्टम में एक आवाज सहायक को एकीकृत करने की कोशिश की, जब पहले से ही विभिन्न उपकरणों के बाजार के लिए संघर्ष था। अमेज़न एलेक्सा उस साल थोड़ी देर बाद बाहर आया।



सहायकों का विकास हुआ है। सॉफ़्टवेयर सिस्टम के अलावा जो जानता था कि आवाज़ के साथ कैसे काम करना है, वक्ताओं ने सहायकों के साथ दिखाई दिया। आंकड़ों के मुताबिक, 2019 की शुरुआत में, संयुक्त राज्य अमेरिका में हर तीसरे परिवार के पास एक स्मार्ट कॉलम है। यह एक बहुत बड़ा बाजार है जिसमें आप निवेश कर सकते हैं।

लेकिन एक समस्या है - विदेशी सहायकों की रूसी के साथ एक खराब भाषा है। सहायकों को अंग्रेजी में कैद किया गया है और इसे अच्छी तरह से समझते हैं, लेकिन जब रूसी में संचार करते हैं, तो अनुवाद में कठिनाइयां पैदा होती हैं। भाषाएं अलग हैं और प्राकृतिक भाषा प्रसंस्करण के लिए एक अलग दृष्टिकोण की आवश्यकता होती है।

ऐलिस

एलिस को 10 अक्टूबर, 2017 को खुले बीटा में रिलीज़ किया गया था। यह रूसी भाषा के लिए कैद है और यह इसका बहुत बड़ा फायदा है। ऐलिस अंग्रेजी समझती है, लेकिन बदतर।

एलिस का मिशन रूसी भाषी उपयोगकर्ताओं की मदद करना है।

Yandex एक बड़ी कंपनी है और अपने सभी अनुप्रयोगों में ऐलिस को एम्बेड करने का जोखिम उठा सकती है जो किसी भी तरह बात कर सकते हैं।

• Yandex ब्राउज़र।
  
• Yandeks.Navigator।
  
• यैंडेक्स स्टेशन।
  
• Yandeks.Telefon।
  
• Yandeks.Avto।
  
• Yandeks.Drayv।
  

एकीकरण इतना अच्छा चला कि तीसरे पक्ष के निर्माताओं ने भी ऐलिस के निर्माण का फैसला किया।



सहायक के 2 वर्षों के विकास में, उसे कई सेवाओं में एकीकृत किया गया और नए कौशल जोड़े गए। वह जानती है कि संगीत कैसे खेलना है, चित्रों को पहचानना, यांडेक्स में जानकारी खोजना और स्मार्ट होम के साथ काम करना है।

इतना लोकप्रिय क्यों?

हाथों के व्यस्त होने पर यह सुविधाजनक है । मैं रात का खाना तैयार कर रहा हूं और संगीत चालू करना चाहता हूं। नल पर जाएं, अपने हाथों को धो लें, सूखें, आवेदन खोलें, वांछित ट्रैक ढूंढें - लंबे समय तक। आवाज आदेश देने के लिए तेज़ और आसान।

आलस्य । मैं एक प्लेड कंबल के नीचे एक सोफे पर झूठ बोल रहा हूं और मैं वक्ताओं को चालू करने के लिए कहीं जाने के लिए उठना नहीं चाहता। अगर आप आलसी हैं, तो पूरी तरह से।

बड़ा बाजार बच्चों के लिए ऐप है । छोटे बच्चे अभी तक पढ़ना, लिखना और छापना नहीं जानते हैं, लेकिन वे भाषण को बोलते और समझते हैं। इसलिए, बच्चे ऐलिस को प्यार करते हैं और उसके साथ संवाद करना पसंद करते हैं। माता-पिता भी संतुष्ट हैं - बच्चे के साथ क्या करना है, इसकी तलाश करने की कोई आवश्यकता नहीं है। दिलचस्प बात यह है कि ऐलिस एक अच्छी तरह से प्रशिक्षित तंत्रिका नेटवर्क के लिए बच्चों को धन्यवाद समझता है।

उपलब्धता। दृष्टिबाधित लोग वॉयस असिस्टेंट के साथ काम करने में सहज होते हैं - जब इंटरफ़ेस दिखाई नहीं देता है, तो आप इसे सुन सकते हैं और इसे कमांड दे सकते हैं।

आवाज तेज । एक औसत व्यक्ति, एक डेवलपर नहीं, प्रति मिनट औसतन 30 शब्द प्रिंट करता है, और कहता है कि 120. प्रति मिनट, आवाज से 4 गुना अधिक जानकारी प्रसारित होती है।

भविष्य । शानदार फिल्में और भविष्य की भविष्यवाणियां बताती हैं कि भविष्य वॉयस इंटरफेस के साथ है। Scriptwriters सोच रहे हैं कि शायद आवाज नियंत्रण इंटरफेस के साथ बातचीत करने का मुख्य तरीका होगा जहां तस्वीर इतनी महत्वपूर्ण नहीं है।

आंकड़ों के अनुसार, 35 मिलियन लोग प्रति माह अलीसा का उपयोग करते हैं। वैसे, बेलारूस की आबादी 9,475,600 लोग है। यही है, लगभग 3.5 बेलारूस हर महीने ऐलिस का उपयोग करते हैं।

आवाज सहायक बाजार को जीतते हैं। पूर्वानुमान के अनुसार, 2021 तक यह लगभग 2 गुना बढ़ जाएगा। आज की लोकप्रियता नहीं रुकेगी, लेकिन बढ़ती रहेगी। अधिक से अधिक डेवलपर्स यह महसूस करते हैं कि उन्हें इस क्षेत्र में निवेश करने की आवश्यकता है।

डेवलपर कौशल

कंपनियों द्वारा वॉयस असिस्टेंट में निवेश करने पर बहुत अच्छा वे समझते हैं कि उन्हें अपनी सेवाओं के साथ कैसे एकीकृत किया जा सकता है। लेकिन डेवलपर्स भी किसी तरह इसमें भाग लेना चाहते हैं, और कंपनी स्वयं लाभदायक है।

एलेक्सा के पास एलेक्सा स्किल है। बातचीत के प्रलेखित तरीकों के अनुसार, वह समझती है कि डेवलपर्स ने उसके लिए क्या लिखा था। Google ने कार्रवाइयों को लॉन्च किया - अपनी स्वयं की आवाज सहायक में कुछ को एकीकृत करने की क्षमता।

ऐलिस में भी कौशल है - डेवलपर्स के लिए कुछ तीसरे पक्ष को लागू करने की क्षमता।



उसी समय, यैंडेक्स से कौशल का एक वैकल्पिक कैटलॉग है, जो समुदाय द्वारा समर्थित है।



वॉयस एप्लिकेशन बनाने के तरीके के बारे में अच्छी खबरें हैं। उदाहरण के लिए, पावेल गाय ने AppsConf 2018 में "Google सहायता के उदाहरण का उपयोग करके एक आवाज एप्लिकेशन बनाना" थीम के साथ बात की थी। आवाज अनुप्रयोगों के विकास में उत्साही सक्रिय रूप से शामिल हैं। एक उदाहरण इवान गोल्यूब द्वारा लिखित एक दृश्य आवाज-सक्रिय गेम है।

ऐलिस लोकप्रिय है, हालांकि अनिवार्य रूप से वह जो कुछ भी करती है वह आवाज और पाठ के बीच आधा है।



ऐलिस जानता है कि कैसे एक आवाज़ को सुनना है और उसे अपने एल्गोरिदम के अनुसार पाठ में बदलना है, एक उत्तर बनाएं और इसे आवाज़ दें। ऐसा लगता है कि यह पर्याप्त नहीं है, लेकिन यह एक बहुत मुश्किल काम है। बहुत सारे लोग यह सुनिश्चित करने के लिए काम कर रहे हैं कि ऐलिस प्राकृतिक लगता है, सही ढंग से पहचानता है, लहजे और बच्चों के भाषण को समझता है। यांडेक्स एक प्रॉक्सी की तरह कुछ प्रदान करता है जो सब कुछ अपने आप से गुजरता है। तेजस्वी दिमाग काम करते हैं ताकि आप उनके काम के परिणामों का उपयोग कर सकें।

ऐलिस के कौशल - Yandex.Dialogs - एक सीमा है। प्रतिक्रिया देने के लिए आपके API के लिए लिया गया समय 1.5 सेकंड से अधिक नहीं होना चाहिए। और यह तर्कसंगत है, क्योंकि अगर जवाब लटका हुआ है - इंतजार क्यों?

क्या यह वास्तव में मायने रखता है कि क्या आप के बारे में पूछना है अगर आप अभी भी एक जवाब नहीं मिलता है?

जब हम अपने कानों के साथ जानकारी प्राप्त करते हैं, तो मस्तिष्क द्वारा दृश्य इंटरफेस में इसी तरह के ठहराव की तुलना में लंबे समय तक ठहराव माना जाता है। उदाहरण के लिए, लोडर, स्पिनर - सब कुछ जिसे हम इंटरफेस में जोड़ना पसंद करते हैं, उपयोगकर्ता को प्रतीक्षा से विचलित करता है। हर काम तेजी से करने पर विचार करें।

एक डेमो के लिए समय

सब कुछ विस्तार से वर्णित है Yandex.Dialog प्रलेखन और यह हमेशा अद्यतित है। मैं खुद को नहीं दोहराऊंगा। मैं आपको बताऊंगा कि मेरे लिए क्या दिलचस्प था और दिखाओ कि कैसे जल्दी से एक डेमो बनाया जाए, जिस पर मैंने केवल एक शाम बिताई थी।

आइए विचार के साथ शुरू करते हैं। कई कौशल हैं, कैटलॉग हैं, लेकिन मुझे यह नहीं मिला कि मेरे लिए क्या महत्वपूर्ण है - यह फ्रंट-एंड पर घटनाओं का कैलेंडर है। सुबह जागने की कल्पना कीजिए: “मैं आज बैठक में जाऊँगा। ऐलिस! वहाँ कुछ दिलचस्प है? ”, और ऐलिस आपको जवाब देता है, इसके अलावा, सही ढंग से और आपके स्थान को ध्यान में रखते हुए।

यदि आप सम्मेलनों के आयोजन में शामिल होते हैं, तो GitHub पर शामिल हों । आप घटनाओं और बैठकों को वहां ला सकते हैं, एक कैलेंडर से दुनिया में फ्रंट-एंड पर कई घटनाओं के बारे में जान सकते हैं।

मैंने जानी-मानी तकनीकों को हाथ में लिया: Node.js और एक्सप्रेस। फिर भी हरोकू, क्योंकि यह मुफ़्त है। एप्लिकेशन स्वयं सरल है: यह Node.js, एक एक्सप्रेस एप्लिकेशन पर एक सर्वर है। बस कुछ पोर्ट पर सर्वर उठाएं और अनुरोधों को सुनें।

import express from 'express'; import { router } from 'routes'; const app = express(); app.use('/', router); const port = process.env.PORT || 8000; app.listen(port, () => { console.log('Server started on :${port}'); }); 

मैंने इस तथ्य का लाभ उठाया कि वेब मानकों के कैलेंडर में सब कुछ पहले से ही कॉन्फ़िगर किया गया है, और बड़ी संख्या में छोटी फ़ाइलों में से एक आईसीएस फाइल है जिसे डाउनलोड किया जा सकता है। मुझे अपना स्वयं का संग्रह क्यों करना चाहिए?

 // services/vendors/web-standards.js import axios from 'axios'; const axioslnstance = axios.create({ baseURL: 'https://web-standards.ru/' , }); export function getRemoteCal() { return axioslnstance.get('calendar.ics'); } 

सुनिश्चित करें कि सब कुछ तेजी से काम करता है।

 import { Router } from 'express'; import * as wst from 'services/vendors/web-standards'; export const router = Router(); router.get('/', function(req, res, next) { wst .getRemoteCal() .then(vendorResponse => parseCalendar(vendorResponse.data)) .then(events => { res.json({ events }); }) .catch(next); }); 

परीक्षणों के लिए GET विधियों का उपयोग करें। कौशल POST विधियों के साथ काम करते हैं, इसलिए GET के तरीकों को विशेष रूप से डीबगिंग के लिए किया जा सकता है। मैंने ऐसी विधि लागू की है। वह जो कुछ भी करता है, वही ICS, पार्स डाउनलोड करता है और JSON फॉर्म में जारी करता है।

मैंने जल्दी से डेमो बनाया, इसलिए मैंने रेडीमेड नोड-ऑइकल लाइब्रेरी ली:

 import ical from 'node-ical'; function parseCalendar(str) { return new Promise((resolve, reject) => { ical.parseICS(str, function(err, data) { if (err) { reject(err); } resolve(data); }); }); } 

वह जानती है कि आईसीएस प्रारूप को कैसे पार किया जाए। आउटपुट पर यह ऐसी शीट का उत्पादन करता है:

 { "2018-10-04-f rontendconf@https://web-standards.ru/": { "type": "VEVENT", "params": [], "uid": "2018-10-04-f rontendconf@https://web-standards.ru/", "sequence": "0", "dtstamp": "2019-05-25T21:23:50.000Z", "start": "2018-10-04T00:00:00.000Z", "datetype": "date", "end": "2018-10-06T00:00:00.000Z", "MICROSOFT-CDO-ALLDAYEVENT": "TRUE", "MICROSOFT-MSNCALENDAR-ALLDAYEVENT": "TRUE", "summary": "FrontendConf", "location": "", "description": "http://frontendconf.ru/moscow/2018" } } 

कौशल के उपयोगकर्ता के लिए आवश्यक जानकारी को पार्स करने और प्रदान करने के लिए, यह घटना की शुरुआत और अंत के समय, उसके नाम, लिंक और, महत्वपूर्ण रूप से, शहर को जानने के लिए पर्याप्त है। मैं चाहता हूं कि कौशल शहर में घटनाओं की खोज करे।

इनपुट प्रारूप

कैसे Yandex.Dialogs जानकारी लौटाते हैं? मोबाइल एप्लिकेशन में निर्मित एक कॉलम या वॉयस असिस्टेंट आपको सुनता है, और यांडेक्स सर्वर प्रतिक्रिया में एक वस्तु को सुनते हैं और भेजते हैं।

 { "meta": { … }, "request”: { … }, "session": { … }, "version": "1.0" } 

ऑब्जेक्ट में मेटा-जानकारी, अनुरोध के बारे में जानकारी, वर्तमान सत्र और एपीआई के संस्करण के मामले में यह अचानक अद्यतन होता है - कौशल को तोड़ना नहीं चाहिए।

मेटा जानकारी में बहुत उपयोगी जानकारी है।

 { "meta": { "locale": "ru-RU", "timezone": "Europe/Moscow", "client_id": "ru.yandex.searchplugin/5.80…”, "interfaces": { "screen": {} } } } 

" लोकेल " - उपयोगकर्ता के क्षेत्र को समझने के लिए उपयोग किया जाता है।

" टाइमज़ोन " का उपयोग समय के साथ सक्षम रूप से काम करने के लिए किया जा सकता है और उपयोगकर्ता के स्थान को अधिक सटीक रूप से निर्धारित करता है।

" इंटरफेस " - स्क्रीन की उपलब्धता की जानकारी। यदि कोई स्क्रीन नहीं है, तो आपको इस बारे में सोचना चाहिए कि यदि आप उन्हें उत्तर में देते हैं, तो उपयोगकर्ता चित्रों को कैसे देखेंगे। यदि कोई स्क्रीन है, तो हम उस पर जानकारी निकालते हैं।

अनुरोध प्रारूप सरल है :

 { "request": { "command": "      16", "original_utterance": "     , 16", "type": "SimpleUtterance", "nlu": { "tokens": [ "", "", "", "", "", "16"], "entities": [...] } } } 

यह वह देता है जो उपयोगकर्ता ने कहा है, अनुरोध प्रकार और NLU - प्राकृतिक-भाषा इकाई । यह ठीक वैसा ही जादू है जो Yandex.Dialog प्लेटफॉर्म पर चलता है। वह पूरे वाक्य को तोड़ देती है जिसे उसने टोकन - शब्दों में पहचाना है। वहाँ भी इकाइयाँ हैं जिनके बारे में हम थोड़ी देर बाद बात करेंगे। टोकन का उपयोग करना एक शुरुआत के लिए पर्याप्त है।

हमें ये शब्द मिले, और उनके साथ क्या करना है? उपयोगकर्ता ने कुछ कहा है, लेकिन वह शब्दों को एक अलग क्रम में कह सकता है, "नहीं" कण का उपयोग करें, जो नाटकीय रूप से सब कुछ बदलता है, या यहां तक ​​कि "सुबह" के बजाय "सुबह" कहते हैं। यदि उपयोगकर्ता भी बेलारूसी बोलता है, तो सुबह नहीं, बल्कि एक "व्यंग्य" होगा। एक बड़ी परियोजना के लिए एक कौशल विकसित करने के लिए भाषाविदों की मदद की आवश्यकता होगी जो सब कुछ समझता है। लेकिन मैंने एक आसान काम किया, इसलिए मैंने बिना बाहरी मदद के किया।

क्या कंप्यूटर व्यक्ति की तरह बात कर सकता है?

यह एक दार्शनिक सवाल है जिसका जवाब देने की कोशिश ट्यूरिंग परीक्षण कर रहा है। परीक्षण एक निश्चित संभावना के साथ यह निर्धारित करने की अनुमति देता है कि कृत्रिम बुद्धि किसी व्यक्ति को प्रतिरूपित कर सकती है। ट्यूरिंग टेस्ट पास करने में कौन से कार्यक्रम प्रतिस्पर्धा करते हैं, इसे प्राप्त करने के लिए लोएबनेर पुरस्कार है। निर्णय न्यायाधीशों के एक पैनल द्वारा किया जाता है। पुरस्कार प्राप्त करने के लिए, आपको 33% न्यायाधीशों या अधिक को छल करने की आवश्यकता है। केवल 2014 में, सेंट पीटर्सबर्ग से बॉट झुनिया गुस्टमैन ने आखिरकार आयोग को धोखा दिया।

 [15:46:05] Dudge: My favourite music is contemporary Dazz, what do you prefer? [15:46:14] Eugene: To be short I'll only say that I HATE Britnie [sic] Spears. All other music is OK compared to her. [15:47:06] Dudge: do you like to play any musical instruments [15:47:23] Eugene: I'm tone deaf, but my guinea pig likes to squeal Beethoven's Ode to Doy every morning. I suspect our neighbors want to cut his throat ... Could you tell me about your job, by the way? [15:48:02] Dudge: Guinea pig? Are you an animal lover [15:48:08] Eugene: Yeah. A nice little guinea pig. Not some annoying chatter bot. 

2019 में, वास्तव में कुछ भी नहीं बदला - किसी व्यक्ति को धोखा देना अभी भी मुश्किल है। लेकिन हम धीरे-धीरे इस ओर बढ़ रहे हैं।

स्क्रिप्ट का काम

एक अच्छे कौशल के लिए एक दिलचस्प उपयोग के मामले की आवश्यकता होती है। मैं एक ऐसी पुस्तक की सलाह देता हूं जो पढ़ने लायक है - "वॉयसिंग यूजर यूजर इंटरफेस: सिद्धांत के सिद्धांत"। यह आवाज इंटरफेस के लिए स्क्रिप्ट लिखने और उपयोगकर्ता का ध्यान रखने के बारे में भयानक है। मैंने पुस्तक को अंग्रेजी में नहीं देखा, लेकिन यह काफी आसानी से पढ़ी जाती है।



कौशल विकसित करना शुरू करने के लिए पहली बात एक अभिवादन है।

“जब आप सोचते हैं कि क्या कहना है, तो उत्सुकता जताएं! यह समय बचाता है। ”

जब कौशल चालू हो जाता है, तो आपको किसी तरह उपयोगकर्ता को पहले सेकंड से पकड़ना होगा, और इसके लिए आपको यह समझाने की आवश्यकता है कि कौशल का उपयोग कैसे करें। कल्पना कीजिए कि उपयोगकर्ता ने कौशल का शुभारंभ किया और मौन था। आपको कैसे पता चलेगा कि एक कौशल बिल्कुल काम करता है? उपयोगकर्ता को निर्देश दें, जैसे स्क्रीन पर बटन।

आसान संवाद

आसान संवाद के संकेत। सूची का आविष्कार इवान गोलूबेव ने किया था, और मुझे वास्तव में शब्दांकन पसंद आया।

• एल व्यक्तिगत।
  
• ई stestvenny।
  
• डी ए लचीला।
  
• ontekstny तक।
  
• और नटखट।
  
• संक्षिप्त जे।
  

व्यक्तिगत का मतलब है कि बॉट में एक चरित्र होना चाहिए। यदि आप ऐलिस के साथ बात करते हैं, तो आप समझेंगे कि उसका एक चरित्र है - डेवलपर्स इस बात का ध्यान रखते हैं। इसलिए, जैविकता के लिए आपके बॉट में "व्यक्तित्व" होना चाहिए। कम से कम एक आवाज के साथ वाक्यांशों को दें, समान मौखिक निर्माणों का उपयोग करें। यह उपयोगकर्ता को बनाए रखने में मदद करता है।

प्राकृतिक । यदि उपयोगकर्ता अनुरोध सरल है, तो उत्तर समान होना चाहिए। बॉट के साथ संचार के दौरान, उपयोगकर्ता को यह समझना चाहिए कि आगे क्या करना है।

लचीला । किसी भी चीज के लिए तैयार हो जाओ। रूसी में कई पर्यायवाची शब्द हैं। उपयोगकर्ता कॉलम से ध्यान भंग कर सकता है और बातचीत को वार्ताकार को हस्तांतरित कर सकता है, और फिर कॉलम पर वापस लौट सकता है। यह सब संभालना मुश्किल है। लेकिन अगर आप अच्छी तरह से बॉट बनाना चाहते हैं, तो आपको करना होगा। ध्यान रखें कि गैर-मान्यता का कुछ प्रतिशत अभी भी होगा। इसके लिए तैयार रहें - विकल्पों का सुझाव दें।

प्रासंगिक - बॉट, आदर्श रूप से, यह याद रखना चाहिए कि पहले क्या हुआ था। फिर बातचीत जीवंत होगी।

- ऐलिस, आज का मौसम कैसा है?
- जिले में आज +11 से +20 तक बादल छाए रहेंगे।
- और कल?
- कल से जिले में +14 से 5:40 तक बादल छाए रहेंगे।

कल्पना करें कि आपका बॉट संदर्भ को स्टोर करना नहीं जानता है। फिर उसके लिए अनुरोध का क्या अर्थ है "और कल?" यदि आप जानते हैं कि ऐलिस जैसे संदर्भ कैसे रखें, तो आप कौशल में उत्तरों को सुधारने के लिए पिछले परिणामों का उपयोग कर सकते हैं।

सक्रिय । यदि उपयोगकर्ता सुस्त है, तो बॉट को उसे संकेत देना चाहिए: "इस बटन पर क्लिक करें!", "देखो, मेरे पास आपके लिए एक तस्वीर है!", "लिंक का अनुसरण करें।" बॉट आपको यह बताना चाहिए कि इसके साथ कैसे काम करना है।

बॉट छोटा होना चाहिए। जब कोई व्यक्ति लंबे समय तक बोलता है, तो उसके लिए दर्शकों का ध्यान रखना मुश्किल होता है। यह बॉट के साथ और भी जटिल है - यह इसके लिए दया नहीं है, यह निर्जीव है। ध्यान आकर्षित करने के लिए, आपको दिलचस्प या संक्षिप्त और संक्षिप्त रूप से एक वार्तालाप बनाने की आवश्यकता है। यह “लिखने में मदद करेगा। इसे काटें। ” जब आप बॉट विकसित करना शुरू करते हैं, तो इस पुस्तक को पढ़ें।

डेटाबेस

एक जटिल बॉट विकसित करते समय, आप डेटाबेस के बिना नहीं कर सकते। मेरा डेमो एक डेटाबेस का उपयोग नहीं करता है, यह सरल है। लेकिन अगर आप कुछ डेटाबेस पेंच करते हैं, तो आप उपयोगकर्ता के सत्र के बारे में जानकारी का उपयोग कर सकते हैं, कम से कम संदर्भ को संग्रहीत करने के लिए।

एक अति सूक्ष्म अंतर है: Yandex.Dialogs उपयोगकर्ता की निजी जानकारी नहीं देते हैं, उदाहरण के लिए, नाम, स्थान। लेकिन यह जानकारी उपयोगकर्ता से मांगी जा सकती है, जिसे एक विशिष्ट सत्र आईडी से सहेजा और जोड़ा जा सकता है, जिसे Yandex.Dialogs अनुरोध में भेजते हैं।

स्टेट मशीन

जटिल परिदृश्यों का उल्लेख करते हुए, कोई भी राज्य मशीन को याद नहीं कर सकता है। यह तंत्र लंबे समय से और माइक्रोकंट्रोलर प्रोग्रामिंग के लिए उत्कृष्ट रूप से उपयोग किया गया है, और कभी-कभी सामने का छोर। राज्य मशीन परिदृश्य के लिए सुविधाजनक है: ऐसे राज्य हैं जहां से हम कुछ वाक्यांशों के लिए अन्य राज्यों में जाते हैं।



इसे ज़्यादा मत करो। आप दूर ले जा सकते हैं और एक विशाल राज्य मशीन बना सकते हैं, जो यह पता लगाना मुश्किल होगा - ऐसे कोड को बनाए रखना मुश्किल है। एक स्क्रिप्ट लिखना आसान है जिसमें छोटी उप-स्क्रिप्ट शामिल हैं।

स्पष्ट नहीं है निर्दिष्ट करें

कभी मत कहो, "दोहराएँ, कृपया।" दोहराने के लिए एक व्यक्ति क्या करता है? वह जोर से बोलता है। यदि उपयोगकर्ता आपके कौशल पर चिल्लाता है, तो मान्यता में सुधार नहीं होगा। एक स्पष्ट सवाल पूछें। यदि उपयोगकर्ता के संवाद का एक हिस्सा मान्यता प्राप्त है और कुछ गायब है, तो लापता ब्लॉक की जांच करें।

पाठ पहचान किसी बॉट को विकसित करने में सबसे मुश्किल काम है, इसलिए कभी-कभी स्पष्टीकरण मदद नहीं करता है। किसी भी समझ से बाहर की स्थिति में, सबसे अच्छा समाधान यह है कि सब कुछ एक ही स्थान पर इकट्ठा किया जाए, लॉग इन किया जाए और फिर भविष्य में उसका विश्लेषण और उपयोग किया जाए। उदाहरण के लिए, यदि उपयोगकर्ता स्पष्ट रूप से अजीब और समझ से बाहर की बातें कहता है।

“यह उबल रहा था। मलाईदार किनारा
नेवी पर पोक किया।
और चने चबाये।
एक माँ में एक माँ की तरह। ”

उपयोगकर्ता अप्रत्याशित रूप से कुछ नियोगिज़्म का उपयोग कर सकते हैं, जिसका अर्थ कुछ है, और इसे किसी तरह संसाधित करने की आवश्यकता है। परिणामस्वरूप, मान्यता प्रतिशत गिर जाता है। चिंता न करें - अपने बॉट में प्रवेश करें, अध्ययन करें और सुधार करें।

शब्द बंद करो

जब आप इससे बाहर निकलना चाहते हैं तो कौशल को रोकने के लिए कुछ होना चाहिए। ऐलिस जानता है कि वाक्यांशों के बाद कैसे रोकें: "ऐलिस, यह काफी है!" या "ऐलिस, बंद करो!" लेकिन उपयोगकर्ता आमतौर पर निर्देश नहीं पढ़ते हैं। इसलिए, कम से कम "स्टॉप" शब्द पर प्रतिक्रिया दें और ऐलिस पर नियंत्रण वापस करें।

अब कोड देखते हैं।

एक डेमो के लिए समय

मैं निम्नलिखित वाक्यांशों को लागू करना चाहता हूं।

• एक शहर में आगामी कार्यक्रम।
  
• शहर का नाम: "मॉस्को में घटनाएं", "मिन्स्क में घटनाएँ", "सेंट पीटर्सबर्ग" उन घटनाओं को दिखाने के लिए जो वहां पाए गए थे।
  
• बंद करो शब्द: "बंद करो," "पर्याप्त" यदि उपयोगकर्ता इस शब्द के साथ वार्तालाप समाप्त करता है, तो "धन्यवाद"। लेकिन आदर्श रूप से, यहां एक भाषाविद् की जरूरत है।
  

"आगामी घटनाओं" के लिए कोई भी वाक्यांश उपयुक्त है। मैंने एक आलसी बॉट बनाया, और जब उसे समझ नहीं आया कि वे क्या कह रहे हैं, तो वह अगले तीन घटनाओं के बारे में जानकारी देता है।

 { "request": { "nlu": { "entities": [ { "tokens": { "start": 2, "end": 6 }, "type": "YANDEX.GEO", "value": { "house_number": "16", "street": " ", "city": "" } } ] } } } 

Yandex धीरे-धीरे Yandex.Dialogs प्लेटफ़ॉर्म में सुधार करता है और ऐसी इकाइयाँ जारी करता है जिन्हें वह पहचानने में सक्षम है। उदाहरण के लिए, वह जानता है कि किसी पाठ से पते कैसे प्राप्त करें, इसे भागों में छांटना: शहर, देश, सड़क, घर। वह यह भी जानता है कि पूर्ण और सापेक्ष दोनों की संख्या और तिथियों को कैसे पहचाना जाए। वह समझेगा कि शब्द "कल" ​​आज की तारीख है, जिसमें एक जोड़ा गया है।

उपयोगकर्ता को उत्तर दें

आपको किसी तरह अपने उपयोगकर्ता को जवाब देने की आवश्यकता है। आखिरी खाली लाइन के साथ पूरी स्किल 209 लाइन की है। कुछ भी जटिल नहीं - शाम के लिए काम करें।

आप सभी POST अनुरोध को संसाधित करते हैं और एक "अनुरोध" प्राप्त करते हैं।

 router.post('/', (req/ res, next) ⇒ { const request = req.body; 

इसके अलावा, मैंने राज्य मशीन को बहुत जटिल नहीं किया, लेकिन प्राथमिकताओं के अनुसार चला गया। यदि उपयोगकर्ता बॉट का उपयोग करना सीखना चाहता है, तो यह पहला लॉन्च या मदद के लिए अनुरोध है। इसलिए, बस उसे एक "EmptyResponse" तैयार करना - यही मैं इसे कहता हूं।

 if (needHelp(request.request)) { res.json(prepareEmptyResponse(request)); return; } 

NeedHelp फ़ंक्शन सरल है।

 function needHelp(req) { if (req.nlu.token.length ≤ 2 && req.nlu.tokens.includes('')) { return true; } if (req.nlu.token.length = 0 && req.type ≠ 'ButtonPressed') { return true; } return false; } 

जब हमारे पास शून्य टोकन हैं, तो हम अनुरोध की शुरुआत में हैं। उपयोगकर्ता ने केवल कौशल शुरू किया या कुछ भी नहीं पूछा। आपको यह जांचने की आवश्यकता है कि टोकन शून्य हैं और यह बटन नहीं है - जब आप बटन पर क्लिक करते हैं, तो उपयोगकर्ता भी कुछ नहीं कहता है। जब कोई उपयोगकर्ता मदद मांगता है, तो हम टोकन के माध्यम से जाते हैं और "मदद" शब्द की तलाश करते हैं। तर्क सरल है।

अगर यूजर रोकना चाहता है।

 if (needToStop(request.request)) { res.json(prepareStopResponse(request)); return; } 

इसलिए हम अंदर किसी प्रकार के रोक शब्द की तलाश कर रहे हैं।

 function needStop(req) { const stopWords = ['', '', '' ]; return req.nlu.token.length ≤ 2 && stopWords.some(w ⇒ return req.nlu.token.includes(w)); } 

सभी उत्तरों में, आपको वह जानकारी वापस करनी होगी जो Yandex.Dialogs ने सत्र के बारे में भेजी थी। उसे किसी तरह आपके उत्तर और उपयोगकर्ता के अनुरोध से मेल खाना चाहिए।

 function prepare StopResponse(req) { const { session, version } = req; return { response: { text: ' .  !', end_session: true, }, session, version, }; } 

इसलिए, आपको "सत्र" और "संस्करण" चर में क्या मिला, वापस लौटें, और सब कुछ ठीक हो जाएगा। पहले से ही जवाब में आप ऐलिस के लिए इसे उच्चारण करने के लिए कुछ पाठ दे सकते हैं, और "अंत सत्र: सच" पास कर सकते हैं। इसका मतलब यह है कि हम कौशल सत्र को समाप्त करते हैं और ऐलिस पर नियंत्रण स्थानांतरित करते हैं।

जब आप एक कौशल कहते हैं, तो ऐलिस बंद हो जाता है। वह सब कुछ सुनती है जो उसके स्टॉप शब्द हैं, और आप पूरी तरह से कौशल के साथ काम करने की प्रक्रिया को नियंत्रित करते हैं। इसलिए, आपको नियंत्रण वापस करने की आवश्यकता है।

एक खाली अनुरोध के साथ और अधिक दिलचस्प है।

 return { "response": { "text": '!        -  .', "tts": '!        -  .', buttons: [ { title: ' ', payload: {} hide: false, }, { title: '  ', payload: { city: '', } hide: false, }, ], end_session: false, }, session, version, }; 

टीटीएस ( टेक्स्ट टू स्पीच ) फील्ड - वॉयस कंट्रोल है । यह एक सरल प्रारूप है जो आपको पाठ को विभिन्न तरीकों से पढ़ने की अनुमति देता है। उदाहरण के लिए, शब्द "बहु-विषयक" में रूसी भाषा में दो तनाव हैं - एक प्राथमिक, दूसरा द्वितीयक। कार्य यह है कि ऐलिस इस शब्द का सही उच्चारण करने में सक्षम था। आप इसे किसी स्थान से तोड़ सकते हैं:

 + + 

वह उसे दो समझेगी। साथ ही उच्चारण पर प्रकाश डाला गया है।

भाषण में ठहराव होते हैं - आप विराम चिह्न लगाते हैं, जिसे रिक्त स्थान द्वारा अलग किया जाता है। तो आप नाटकीय ठहराव बना सकते हैं:

  — - - - - - - - - +  

मैं पहले से ही बटन के बारे में बात की थी। वे महत्वपूर्ण हैं यदि आप एक कॉलम के साथ संचार नहीं कर रहे हैं, लेकिन उदाहरण के लिए यांडेक्स मोबाइल एप्लिकेशन के साथ।

 { "response": { "buttons": [ { "title": "Frontend Conf", "payload": {}, "url": "https://frontendconf.ru/moscow-rit/2019" , "hide": false } ] } } 

बटन भी उन वाक्यांशों के लिए संकेत हैं जो आप अपने कौशल में अनुभव करते हैं। कौशल Yandex अनुप्रयोगों में काम करते हैं - आप इंटरफ़ेस के साथ संवाद करते हैं। यदि आप कुछ जानकारी देना चाहते हैं - एक लिंक दें, तो उपयोगकर्ता उस पर क्लिक करता है। इसके लिए आप बटन भी जोड़ सकते हैं।

एक "पेलोड" फ़ील्ड है जहाँ आप डेटा जोड़ सकते हैं। वे फिर एक "अनुरोध" के साथ वापस आएंगे - आपको पता चल जाएगा, उदाहरण के लिए, इस बटन को कैसे चिह्नित किया जाए।

आप उन आवाज़ों को चुन सकते हैं जो आपका कौशल बोलेंगे।

• एलिस एलिस की मानक आवाज है। छोटी बातचीत के लिए अनुकूलित।
  
• ओक्साना - यैंडेक्स की आवाज। नाविक।
  
• जेन।
  
• Zahar।
  
• Ermil।
  
• एरकन यावस - लंबे ग्रंथों के लिए। मूल रूप से समाचार पढ़ने के लिए बनाया गया है।
  

कौशल को पूरा करने के लिए, बस "end_session: true" लौटें।

 { "response": { "end_session": true } } 

डेमो के साथ क्या हुआ

सबसे पहले, मैं तिथि के अनुसार फ़िल्टर करता हूं।

 function filterByDate(events) { return events.filter(event ⇒ { const current = new Date().getTime(); const start = new Date(event.start).getTime(); return (start > current) || (event.end && new Date(event.end).getTime() > current && start ≤ current); }); } 

तर्क सरल है: उन सभी घटनाओं में, जिन्हें मैंने कैलेंडर से पार्स किया था, मैं उन्हें लेता हूं जो भविष्य में होगा, या वे अब जा रहे हैं। अतीत की घटनाओं के बारे में पूछना शायद अजीब है - कौशल उस बारे में नहीं है।

अगला, जगह में छानना यह सब क्या था।

 function filterByPlace(events, req) { const cities = new Set(); const geoEntities = req.nlu.entities.filter(e ⇒ e.type = 'YANDEX.GEO'); if (req.payload && req.payload.city) cities.add(req.payload.city); geoEntities.forEach(e ⇒ { const city = e.value.city && e.value.city.toLowerCase(); if (city && !cities.has(city)) { cities.add(city); } }); 

"संस्थाओं" में आप YANDEX.GEO इकाई पा सकते हैं, जो स्थान को परिष्कृत करती है। यदि इकाई में एक शहर है, तो हमारे सेट में जोड़ें। अगला, तर्क भी सरल है। हम टोकन में इस शहर की तलाश कर रहे हैं, और यदि यह वहां है, तो हम उस उपयोगकर्ता की तलाश कर रहे हैं जो उपयोगकर्ता चाहता है। यदि नहीं, तो हम उन सभी "स्थानों" और "घटनाओं" को देखते हैं जो हमारे पास हैं।

मान लीजिए कि यैंडेक्स ने यह नहीं पहचाना कि यह YANDEX.GEO था, लेकिन उपयोगकर्ता ने शहर का नाम दिया - उसे यकीन था कि वहां कुछ चल रहा था। हम "घटनाओं" में सभी शहरों से गुजरते हैं और टोकन में समान दिखते हैं। यह सरणियों के एक क्रॉस-तुलना का पता लगाता है। सबसे उत्पादक तरीका नहीं है, ज़ाहिर है, लेकिन क्या है। यही तो पूरा कौशल है!

कृपया मुझे कोड के लिए डांटे नहीं - मैंने इसे जल्दी से लिखा है। वहां सब कुछ आदिम है, लेकिन इसका उपयोग करने की कोशिश करें या बस आसपास खेलें।

कौशल प्रकाशित करें

Yandex.Dialogs पेज पर जाएं।



ऐलिस में एक कौशल चुनें। "संवाद बनाएं" बटन दबाएं और आप उस फ़ॉर्म में पहुंच जाएंगे, जिसे आपको अपने डेटा के साथ भरना होगा।

• नाम वही है जो संवाद में होगा।
  
• सक्रियण का नाम । यदि आप एक हाइफ़न के माध्यम से सक्रियण नाम "वेब मानक कैलेंडर" का चयन करते हैं, तो ऐलिस इसे नहीं पहचानता है - वह हाइफ़न नहीं सुनता है। हम कहते हैं कि हाइफ़न के बिना शब्द, और सक्रियण काम नहीं करेगा। पैसा कमाने के लिए, "वेब मानक कैलेंडर" नाम सेट करें।
  
• कौशल वाक्यांश लॉन्च करने के लिए कौशल। यदि यह एक खेल है, तो "चलो कुछ खेलते हैं," "किसी से पूछें।" सेट सीमित है, लेकिन इसका कारण यह है कि ऐसे वाक्यांश ऐलिस के लिए सक्रिय हैं। उसे समझना चाहिए कि यह एक कौशल में जाने का समय है।
  
• Webhook URL - वही पता जिसके लिए ऐलिस POST अनुरोध भेजेगा।
  
• आवाज । डिफ़ॉल्ट ओक्साना है। इसलिए, ऐलिस नहीं बल्कि उसकी आवाज में कई।
  
• क्या एक स्क्रीन के साथ एक उपकरण की आवश्यकता है? यदि चित्र हैं, तो कौशल का उपयोग आपके लिए सीमित होगा - स्तंभ पर उपयोगकर्ता इसे लॉन्च करने में सक्षम नहीं होगा।
  
• निजी कौशल डेवलपर्स के लिए एक महत्वपूर्ण क्षेत्र है। यदि आप कौशल को सार्वजनिक रूप से पोस्ट करने के लिए तैयार नहीं हैं, यदि केवल इसलिए कि यह कच्चा है, तो हम इसे कैटलॉग में नहीं दिखाते हैं, गोपनीयता को सीमित करते हैं। निजी कौशल जल्दी से संचालित होते हैं - कुछ घंटों में। इस तरह के कौशल को पूरी तरह से जांचने की आवश्यकता नहीं है - सक्रियण नाम से मेल खाने के लिए पर्याप्त है। चूंकि उपयोगकर्ता उन्हें कैटलॉग में नहीं मिलेगा, इसलिए वे उनके प्रति अधिक वफादार हैं।
  
• मॉडरेटर के लिए नोट्स । मैंने मदद करने के लिए मॉडरेटर से पूछा: "मुझे वास्तव में सम्मेलन में डेमो के लिए कौशल की आवश्यकता है!" - और मैं जल्दी से मॉडरेशन के माध्यम से प्राप्त करने में कामयाब रहा।
  
• नकलची । यदि आप एक सशर्त बैंक में काम नहीं कर रहे हैं, तो इसके लिए एक कौशल बनाने का निर्णय लें, आपको यह साबित करने की आवश्यकता है कि आपको ऐसा करने का अधिकार है। अचानक वे आपके पास आएंगे? और वे निश्चित रूप से आएंगे, और वितरक के माध्यम से, यानी, यैंडेक्स, जिसे अतिरिक्त समस्याओं की आवश्यकता नहीं है।

किया - मॉडरेशन के लिए कौशल भेजें, और आप परीक्षण कर सकते हैं।

परीक्षण

मैंने एक भोज एक्सप्रेस सर्वर लिखा। यह एक साधारण एपीआई है जिसे नियमित परीक्षण द्वारा कवर किया जाता है। विशेष उपयोगिताओं हैं, उदाहरण के लिए, एलिस-टेस्टर - यह जानता है कि ऐलिस प्रदान करने वाले सटीक प्रारूप के साथ कैसे काम करना है।

 const assert = require('assert'); const User = require('alice-tester'); it('should show help', async () => { const user = new User('http://localhost:3000'); await user.enter(); await user.say('  ?'); assert.equal(user.response.text, '    .'); assert.equal(user.response.tts, '    +.'); assert.deepEqual(user.response.buttons, [{title: '', hide: true}]); }]); 

., «».



, , . , : , , . , — , . Postman — .

. . Just AI. , , .

. dialogs.home.popstas.ru URL, , localhost. , debug. , localhost.



. — . URL , - .

— .

, , , .

— . , , , , , . - - .

Dialogflow , Google Now. , — , — .



, . . , . , .

Google Dialogflow ., Dialogflower . Alexa, Google Now, . — API, .

, . Aimyloqic — . Zenbot , Tortu Alfa.Bot — , . !

FAQ . , . , , .

. , , , . — , . , . , .

IFTTT , — Trello. — API. , , . , IFTT — .

. , . .



, «» .

. Xiaomi . . . , Arduino - --- , , : «, - 2000!» — !

, : «, !» — ! . , .

. , , : , . . . . . . GitHub- ., . — .

Telegram- . . — . , . . .

. , . - , . , . . , . , : , -, , . , , . : « , ?» , , , .

— , . .

. — . , , . , .

, , - , !

— , — . . — — !

FrontendConf 2019 « CSS — ». — . , FrontendConf 2019 . , , , , .

. , , .