Comment utiliser JavaScript au-delà du Web en 2019 –

En ce début d’année 2019, JavaScript continue de faire son entrée dans toutes sortes de lieux autres que le Web! Depuis longtemps, nous voyons comment JavaScript a dépassé le Web ici sur SitePoint (voir JavaScript au-delà du Web le JavaScript au-delà du Web en 2014 et le JavaScript au-delà le Web en 2015 ). Cette année, après une petite pause d'exploration de la place de JavaScript dans tout cela, nous avons décidé de publier un article prospectif présentant tout le potentiel de JavaScript au-delà du Web en 2019.

TensorFlow.js

Le logo Tensorflow.js et la description de son site Web

TensorFlow est bien connu en tant que cadre d’apprentissage automatique capable de faire toutes sortes de choses, de la reconnaissance d’image à la génération de nouveaux scripts pour la série à succès des années 90 «Friends ”. Les possibilités sont assez ouvertes à tout ce que vous nourrissez! TensorFlow s’exécutait à l’origine sur Python, mais une bibliothèque JavaScript est également disponible. La bibliothèque JS vous permettra d’entraîner et de déployer des modèles d’apprentissage automatique dans le navigateur et sur Node.js.

Il existe également ml5.js construit sur TensorFlow, qui se veut un peu plus accessible si Tensorflow.js est un peu trop intense!

S'engager via JavaScript

Maille de particules

L'équipe de Particle fait de grandes choses au cours des dernières années et figure dans quelques-unes de mes listes d'années de JavaScript et de l'excitation de l'Internet des objets! 2019 est une année importante car c’est l’année des particules Mesh . Les trois derniers appareils de Particle ont un réseau maillé intégré, ce qui signifie qu'un grand nombre d'entre eux peuvent simplement communiquer entre eux localement – aucun accès Internet requis.

Bien qu'ils puissent communiquer sans connexion Internet, ils peuvent également communiquer avec vous. tous se connectent au propre service en nuage de Particle. Il est donc très facile d’envoyer et de recevoir des données sur le Web.

Le meilleur de tout – vous programmez pour cela en JavaScript!

Leurs trois microcontrôleurs compatibles maillage sont les suivants:

• Argon – leur passerelle Mesh connectée Wi-Fi. C’est ce à quoi les autres périphériques peuvent se connecter.
• Boron – leur passerelle maillée connectée LTE ou 2G / 3G. Il peut fonctionner comme l’Argon mais il peut aussi être plus portable, car il n’a pas besoin du Wi-Fi mais peut aussi fonctionner dans le monde entier (Particle fournit une option SIM globale!). connecter aux microcontrôleurs Argon et Boron. Ce sont des capteurs à faible coût que vous pouvez placer partout (par exemple, dans toutes vos plantes pour suivre l’humidité) et les faire rapporter.

L’implication via JavaScript

Dialogflow

Dialogflow fonctionne avec Google Home, Google Assistant et de nombreux services autres que Google.

Je suis un très grand fan de Dialogflow, la plateforme de Google pour la création d'interfaces de conversation pour des appareils tels que Google Home et Google Assistant. Le même ensemble de réponses et de scénarios formés peut ensuite être utilisé sur plusieurs plates-formes dans toutes sortes d'endroits, y compris Facebook Messenger Skype Telegram Slack et même Twitch .

Bien qu'une grande partie de la configuration de votre interface vocale soit effectuée au sein de leur plate-forme, aucun codage n'est nécessaire, mais leur nœud Le client .js élargit encore plus les possibilités! L’intégration de Twitch ci-dessus est en fait un élément que j’ai construit moi-même comme pont entre Dialogflow et l’API de Twitch et utilisant ce même client Node.js. nouvelle API V2 directement avec JavaScript côté client – uniquement avec Node.js ( plus d'infos sur l'intégration de l'API Dialogflow V2 avec HTML et JavaScript ) .

Vous pouvez même acquérir les compétences Alexa Dialogflow s'exécute dans un format pouvant être importé par Alexa, mais il existe également un moyen plus complet de rapprocher les deux en utilisant le Alexa Api.ai Bridge .

S'engager via JavaScript [19659008] Amazon Lex

Amazon Lex aux côtés d'un Amazon Echo Show

Pour ceux qui préfèreraient utiliser une plate-forme plus proche des fonctions AWS et Lambda – Amazon Lex en est un des voies d'Amazon de faire une interface de conversation. Ils ont une interface similaire à Dialogflow dans laquelle vous pouvez créer des scénarios et ainsi de suite pour votre interface, mais ils ont aussi une plate-forme assez solide pour faire des choses plus avancées dans les fonctions Lambda – dans celles avec lesquelles vous pouvez coder la puissance de JavaScript !

Il existe également des options intégrées pour la connexion à Facebook, Kik, Slack et Twilio SMS. Il est possible de lier une compétence Amazon Lex à une action Google Home, mais vous devez vous-même établir un pont entre les deux (il n'y a pas de moyen officiel de les lier dans un sens ou dans l'autre).

S'engager via JavaScript [19659008] Low.js

Le logo Low.js et son meilleur appariement avec l'ESP32

Low.js est un nouveau port de Node.js qui apparaît avoir émergé fin 2018. Son objectif est d’être un port de Node.js plus approprié pour les appareils IoT.

Low.js a des exigences système inférieures à celles de Node lui-même. Les créateurs disent que cela démarre instantanément, alors que Node peut prendre un certain temps à se charger (environ 0,6 à 1,5 seconde sur un Raspberry Pi 2). Il utilise également beaucoup moins d'espace disque et de mémoire.

Le port permet aux développeurs d'utiliser l'intégralité de l'API Node.js et peut être exécuté sur des PC ainsi que sur des périphériques IoT. Pour le moment, le port semble concentré sur les microcontrôleurs ESP32 avec Wi-Fi intégré (ESP32-WROVER). Celles-ci constituent une bonne option pour ceux qui souhaitent expérimenter avec l'IdO, mais à moindre coût. Le microcontrôleur ESP32 est relativement bon marché (leur site Web indique environ 3 dollars, soit environ 6 dollars américains en Australie).

S'impliquer via JavaScript

WebXR

sur le Web de Mozilla A-Painter dans WebXR de Blair Macintyre

WebXR constitue la prochaine étape de WebVR sur navigateur, avec les spécifications WebXR visant à englober davantage de périphériques, y compris les casques de réalité augmentée / mixte. C’est un travail en cours, certes, mais en discussion depuis fin 2017. Pour le moment, il s’agit d’un projet de rédacteur en chef publié le 6 février 2019 . C'est incroyablement excitant et je pense que ça va beaucoup se développer en 2019!

Si vous cherchez à faire un WebVR multiplate-forme et plus stable, n'hésitez pas à vous en tenir à A-Frame . React 360 . Toutefois, si vous souhaitez explorer les possibilités à venir et contribuer potentiellement à la réalisation des tests et à la formulation de commentaires sur la nouvelle spécification, WebXR est ce qu'il vous faut vérifier!

un polyfill WebXR offrant des solutions de rechange à WebVR 1.1 et à Google Cardboard en natif.

S'impliquer via JavaScript

Conclusion

Les possibilités d'utilisation des connaissances JavaScript existantes vont bien au-delà. Développement web frontal typique auquel de nombreux développeurs sont habitués!

Si vous créez quelque chose de sympa en 2019 en dépassant le Web avec JavaScript, laissez une note dans les commentaires ou envoyez-moi un tweet (je suis @thatpatrickguy ), j'aimerais le voir!

Dev Diner un site qui explore le développement de technologies émergentes telles que la réalité virtuelle et augmentée, l’Internet des objets, l’intelligence artificielle et les wearables. Il est un éditeur contribuant de SitePoint pour les technologies émergentes, un instructeur de SitePoint Premium et O'Reilly, un développeur de Meta Pioneer et indépendant qui aime chaque occasion de bricoler quelque chose de nouveau dans une démo technologique.