Voir le flux RSS

Rust, WebAssembly et plein d'autres trucs sympathiques.

[Actualité] Jouons avec WebAssembly Studio !

Noter ce billet
par , 13/08/2018 à 01h12 (5274 Affichages)
Un Web IDE consacré à wasm et ses acteurs

Dans le dernier billet, j’avais abordé la fonction de wasm-bindgen dans la chaîne d’outils mise à disposition, tout en oubliant de présenter un service qui risque de s’avérer très pratique lorsqu’il sera opérationnel: j’ai nommé WebAssembly Studio !

Nous avons ici un Web IDE entièrement dédié à wasm et permet à l’utilisateur de gérer plutôt simplement l’architecture de son projet. En passant par la configuration de gulp, l’intégration de nouveaux modules node ou encore la création libre de nouveaux fichiers et répertoires, tout y est. Il ne reste plus qu’à s’y mettre.

Il n’est pas nécessaire de connaître les différents langages qui seront présentés plus bas pour lire ce billet.
Champ d'action

A l’heure où j’écris ces lignes, l’environnement supporte 4 langages:

  1. C;
  2. TypeScript;
  3. Rust;
  4. Et, bien évidemment, wasm lui-même.


Nom : 3f8a059b-7b6b-433a-8366-9139955b3cc0.png
Affichages : 2366
Taille : 17,7 Ko

L’UI reste relativement intuitive et peu chargée, ne contenant que l’essentiel pour télécharger, exporter, compiler et exécuter un projet.

Nom : 895ca94b-f111-4cce-85aa-601a3a2aee16.png
Affichages : 1818
Taille : 6,1 Ko

Une fois votre projet compilé, vous pourrez avoir accès à de nouvelles options dans le menu contextuel1 visant à optimiser, transpiler, désassembler ou même visualiser votre code sous ses différentes formes grâce au backend Binaryen/Emscripten.

Nom : 7f0221e5-47ca-4027-9821-b67b0aeae242.gif
Affichages : 1862
Taille : 292,1 Ko

Au cas où vous vous poseriez la question, le build.ts que vous voyez n’a rien de spécial. Il contient simplement les instructions de gulp destinées aux fichiers produits en sortie. Vous pouvez le consulter vous-même en allant jeter un œil !

1. Que vous pouvez déclencher par un clic droit sur un élément de l’arborescence se trouvant à gauche de votre écran.

État actuel de l'IDE

Bien que ce très bon outil en devenir soit à notre disposition, il est encore très imparfait et ne nous permettra l’exécution que de très modestes tests (qui ne traitent pas de données complexes, en réalité). Ajoutons à cela qu’il souffre de bugs plutôt lourds puisque tout ce qui requiert les services de Binaryen n’aboutira à rien pour le moment (le backend ne répond pas).

Nom : 1d133f8d-9da6-41c7-bf9e-50de9dbbe343.gif
Affichages : 1941
Taille : 920,5 Ko

Il faut toutefois garder à l’esprit que WebAssembly Studio se trouve encore dans son cycle de bêta et que cette situation ne sera certainement pas définitive. Affaire à suivre !

Voir aussi

Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Viadeo Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Twitter Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Google Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Facebook Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Digg Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Delicious Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog MySpace Envoyer le billet « Jouons avec WebAssembly Studio ! » dans le blog Yahoo

Commentaires

  1. Avatar de Dhafer1
    • |
    • permalink
    Excellent projet ! Manque plus que le support de Python
  2. Avatar de Songbird
    • |
    • permalink
    Citation Envoyé par Dhafer1
    Excellent projet ! Manque plus que le support de Python
    En effet, mais honnêtement quand je vois déjà le boulot à faire pour les trois langages ciblés, je pense qu'il va falloir attendre un bon moment.

    Stratégiquement, le support de Python pourrait être une très bonne nouvelle.