HomeProductsDownloadOrderSupportSearch
  
 
 Myriad Blog 1.3.0 Tuesday, Mar 19th, 2024 at 10:23am 

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
Myriad Life
Technical
Mood
To be seen
Memories
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
Nov 2017
Dec 2017
Jan 2018
Feb 2018
Mar 2018
Apr 2018
May 2018
Jun 2018
Jul 2018
Aug 2018
Sep 2018
Oct 2018
Nov 2018
Dec 2018
Jan 2019
Feb 2019
Mar 2019
Apr 2019
May 2019
Jun 2019
Jul 2019
Aug 2019
Sep 2019
Oct 2019
Nov 2019
Dec 2019
Jan 2020
Feb 2020
Mar 2020
Apr 2020
May 2020
Jun 2020
Jul 2020
Aug 2020
Sep 2020
Oct 2020
Nov 2020
Dec 2020
Jan 2021
Feb 2021
Mar 2021
Apr 2021
May 2021
Jun 2021
Jul 2021
Aug 2021
Sep 2021
Oct 2021
Nov 2021
Dec 2021
Jan 2022
Feb 2022
Mar 2022
Apr 2022
May 2022
Jun 2022
Jul 2022
Aug 2022
Sep 2022
Oct 2022
Nov 2022
Dec 2022
Jan 2023
Feb 2023
Mar 2023
Apr 2023
May 2023
Jun 2023
Jul 2023
Aug 2023
Sep 2023
Oct 2023
Nov 2023
Dec 2023
Jan 2024
Feb 2024
Mar 2024
Mar 18th, 2024 at 08:14pm 
Comment from Sylvain
Mar 18th, 2024 at 08:13pm 
Comment from Sylvain
@André
Mar 18th, 2024 at 07:28pm 
Comment from Antoine Bautista
Build 82....
Mar 18th, 2024 at 05:02pm 
Article from Didier Guillion
Harmony Assistant 9.9.8  étape 198
Mar 18th, 2024 at 05:02pm 
Article from Didier Guillion
Harmony Assistant 9.9.8  étape 198
Mar 17th, 2024 at 11:40am 
Comment from Antoine Bautista
Frite....
Mar 17th, 2024 at 11:40am 
Comment from Antoine Bautista
Frite....
Mar 16th, 2024 at 09:16am 
Comment from André Baeck
Mar 16th, 2024 at 09:16am 
Comment from André Baeck
Mar 16th, 2024 at 09:13am 
Comment from André Baeck

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