Myriad Blog 1.3.0 Monday, Oct 23rd, 2017 at 10:11am 

Technical Tuesday, Mar 8th, 2016 at 05:18pm
Javascript IDE

 
Pour ce billet, une petite plongée dans notre manière de développer.
 
Lorsqu'un projet atteint une certaine complexité, il est nécessaire de le découper en modules, chaque module regroupant les fonctionnalités qui correspondent à un sujet donné.
Par exemple, dans Harmony Assistant, un module contiendra tout ce qui concerne les transpositions, l'autre les tracés graphiques d'une portée, etc.
 
Ainsi, le projet "Harmony Assistant" est constitué de plusieurs centaines de fichiers thématiques (en C).
 
Pour gérer cela, nous utilisons ce qu'on appelle un IDE (Integrated development environment), en français environnement de développement intégré, qui gère la liste des modules, l'édition de ces fichiers, la compilation du projet, le traitement des erreurs et le déboguage.
 

 
Pour nos projets en C, (Melody/Harmony, PDFtoMusic, etc), sur Windows, nous utilisons 'Visual Studio", sur Mac "XCode" et sur Linux Code:Blocks.
 
Pour les applis Web en Javascript par contre, nous n'avions rien. Les apps étaient jusqu'ici très simples, et contenues dans un seul module. Un éditeur de texte suffisait à notre bonheur.
 
Il est possible et même probable que des IDE javascript existent, mais ils nécessiteraient d'être installés sur tous les ordinateur où nous serions susceptibles d'éditer du code, soit 4 ou 5 ordinateurs, sur autant de systèmes différents (Windows XP, 8 et 10, Mac OS...)
 
De plus, la prise en compte des particularités de nos projets, avec les scripts Perl additionnels qui délivrent le code Javascript à l'utilisateur, la centralisation de nos sources sur une machine réseau, etc, nous aurait demandé de nous plonger dans les configurations de ces outils.
 
Nous avons alors réalisé qu'il existait un système multiplateforme maintenant suffisamment performant, et que nous commençons à maîtriser : les applis web.
 
Nous avons donc monté un petit serveur Web intranet (XAMPP) sur l'ordinateur qui gère nos mails et les partages torrent, et qui est allumé en permanence. Nous avons ensuite écrit un script Perl qui donne la liste des projets Web en cours (pour l'instant, deux projets, le visualiseur de didacticiels et le visualiseur de partitions) et permet d'effectuer des opérations dessus :
 

 
Parmi ces opérations, la "compilation" d'un projet. Il ne s'agit pas à proprement parler d'une compilation, Javascript étant un langage interprété, mais d'un tronçonnage/compactage qui rend le code plus compact (pour limiter la charge réseau) en enlevant les commentaires, renommant les variables, etc. Cette opération, qui analyse la logique du code relativement en profondeur, nous permet également de vérifier que notre code est valide.
Pour cela, nous avons utilisé UglifyJS, un utilitaire écrit lui-même en Javascript et qui s'avère assez puissant.
 
Les erreurs détectées par UglifyJS sont traitées par notre script et rendues cliquables.
 

 
Un clic permet d'aller éditer le module en question, grâce à un éditeur de texte appelé ACE, écrit lui aussi en Javascript.
 

 
Bien sûr, tous ces outils ne sont pas disponibles sur notre serveur myriad-online.com, mais seulement sur notre Intranet. Seuls les résultats des compilations seront rendus publics.
by Olivier Guillion


Full view
Reduced view
Most recent first
Oldest first
All
Didier Guillion
Olivier Guillion
Sylvie Ricard
All
Dev News
Technical
Mood
Memories
Myriad Life
To be seen
30 previous days
Apr 2006
May 2006
Jun 2006
Jul 2006
Aug 2006
Sep 2006
Oct 2006
Nov 2006
Dec 2006
Jan 2007
Feb 2007
Mar 2007
Apr 2007
May 2007
Jun 2007
Jul 2007
Aug 2007
Sep 2007
Oct 2007
Nov 2007
Dec 2007
Jan 2008
Feb 2008
Mar 2008
Apr 2008
May 2008
Jun 2008
Jul 2008
Aug 2008
Sep 2008
Oct 2008
Nov 2008
Dec 2008
Jan 2009
Feb 2009
Mar 2009
Apr 2009
May 2009
Jun 2009
Jul 2009
Aug 2009
Sep 2009
Oct 2009
Nov 2009
Dec 2009
Jan 2010
Feb 2010
Mar 2010
Apr 2010
May 2010
Jun 2010
Jul 2010
Aug 2010
Sep 2010
Oct 2010
Nov 2010
Dec 2010
Jan 2011
Feb 2011
Mar 2011
Apr 2011
May 2011
Jun 2011
Jul 2011
Aug 2011
Sep 2011
Oct 2011
Nov 2011
Dec 2011
Jan 2012
Feb 2012
Mar 2012
Apr 2012
May 2012
Jun 2012
Jul 2012
Aug 2012
Sep 2012
Oct 2012
Nov 2012
Dec 2012
Jan 2013
Feb 2013
Mar 2013
Apr 2013
May 2013
Jun 2013
Jul 2013
Aug 2013
Sep 2013
Oct 2013
Nov 2013
Dec 2013
Jan 2014
Feb 2014
Mar 2014
Apr 2014
May 2014
Jun 2014
Jul 2014
Aug 2014
Sep 2014
Oct 2014
Nov 2014
Dec 2014
Jan 2015
Feb 2015
Mar 2015
Apr 2015
May 2015
Jun 2015
Jul 2015
Aug 2015
Sep 2015
Oct 2015
Nov 2015
Dec 2015
Jan 2016
Feb 2016
Mar 2016
Apr 2016
May 2016
Jun 2016
Jul 2016
Aug 2016
Sep 2016
Oct 2016
Nov 2016
Dec 2016
Jan 2017
Feb 2017
Mar 2017
Apr 2017
May 2017
Jun 2017
Jul 2017
Aug 2017
Sep 2017
Oct 2017
Oct 21st, 2017 at 12:01am 
Comment from Antoine Bautista
à compléter....+
Oct 20th, 2017 at 05:05pm 
Article from Didier Guillion
PDFtoMusic 1.6.3
Oct 20th, 2017 at 05:05pm 
Article from Didier Guillion
PDFtoMusic 1.6.3
Oct 19th, 2017 at 05:04pm 
Article from Didier Guillion
Harmony 9.7 étape 134
Oct 18th, 2017 at 04:53pm 
Article from Didier Guillion
Harmony 9.7 étape 133
Oct 17th, 2017 at 09:11pm 
Comment from
Oct 17th, 2017 at 09:11pm 
Comment from
Oct 16th, 2017 at 04:45pm 
Article from Didier Guillion
Harmony 9.7 étape 131
Oct 16th, 2017 at 04:45pm 
Article from Didier Guillion
Harmony 9.7 étape 131
Oct 13th, 2017 at 05:01pm 
Article from Didier Guillion
Harmony 9.7 étape 130

Top of page
Legal information Last update:  (c) Myriad