Journal Reconstruire son lecteur audio pour le web

Posté par  (site web personnel, Mastodon) . Licence CC By‑SA.
Étiquettes :
29
7
nov.
2018

J'ai profité d'une ré-écriture de mon player audio en WebComponent pour documenter comment on insère du son dans une page web. Des plugins, de ce qui a rendu Flash ultra-populaire, le web documentaire, l'arrivée de la balise <audio>, l'API, la Vie et le Reste

Journal Écrire une application web de nos jours

Posté par  (site web personnel) . Licence CC By‑SA.
29
17
fév.
2013

Sommaire

Bonjour Nal.

Comme c'est la première fois que l'on se parle, je vais te raconter une petite histoire d'application web en cinq actes. Je vais essayer de te divertir et de te faire découvrir des choses. Tu aimes le théâtre, j'espère ?

Acte 1 : Exposition

(…)

RapydScript, le JavaScript qui se déguise en Python

Posté par  . Édité par Nils Ratusznik, palm123, Nÿco, bubar🦥, Ontologia et ZeroHeure. Modéré par ZeroHeure. Licence CC By‑SA.
Étiquettes :
28
29
avr.
2015
JavaScript

RapydScript est un langage qui se compile en JavaScript, avec une syntaxe et des fonctionnalités qui se veulent proches de Python. Pour ceux qui connaissent coffeeScript, RapydScript est pareil mais inspiré par la lisibilité de Python. Il ne s'agit pas d'une nouvelle tentative de faire tourner Python dans le navigateur, comme par exemple Pyjamas. RapydScript reste du JavaScript, il n'introduit aucune limitation ni surcoût. Il paraît juste plus propre et donne l'impression d'écrire du Python.

Ses quelques fonctionnalités :

  • comme CoffeeScript, RapydScript répare les incohérences et inconsistances de JavaScript ;
  • un système de classes similaire à Python ;
  • support des listes en compréhensions ;
  • des exceptions comme en Python ;
  • des modules, plus flexibles que les modules Python ;
  • des arguments optionnels pour les fonctions, comme en Python ;
  • des décorateurs (sans arguments) ;
  • un système d'héritage plus puissant que celui de Python et plus clair que celui de JavaScript ;
  • le support d'objets (dictionnaires) avec fonctions anonymes, comme en JavaScript ;
  • la possibilité d’appeler n'importe quelle fonction, méthode, code JavaScript ou appel au DOM de n'importe quel framework, sans syntaxe spéciale ;
  • le choix entre les méthodes et fonctions à la Python ou leurs équivalents JavaScript ;
  • RapydScript s'auto-compile, c'est à dire que le compilateur est lui-même écrit en RapydScript et compile en JavaScript.

Journal entity.JS - un "Entity System" en JavaScript

Posté par  . Licence CC By‑SA.
28
14
mar.
2013

Sommaire

J'ai commencé un "Entity component system" en JavaScript. Il s'agit d'une architecture logicielle non orientée objets, plus flexible pour créer des jeux. Plusieurs grands jeux multijoueurs en ligne qui sont sortis ces dernières années utilisent au moins en partie cette architecture (Battlefield 3, Tony Hawk Pro Skater).

Entity System

On pourrait traduire "Entity component system" en français par "Entité composant système". Personnellement j'utilise le raccourci ES pour "Entity System", que j'ai souvent rencontré.

D'un point de (…)

Sortie de Haxe 3.2.0

Posté par  (site web personnel) . Édité par palm123, Benoît Sibaud et tuiu pol. Modéré par tuiu pol. Licence CC By‑SA.
28
17
juin
2015
Technologie

Haxe est un langage de programmation orienté objet, open source, basé sur un système de classes comme C# ou Java.
Il permet de mettre en place des types abstraits, des metadatas, des Generics, des Enums, ou encore faire de la programmation fonctionnelle comme en F#.
C’est une solution robuste, multi-paradigme, parfaitement adaptée au développement d’applications web, au jeu et au mobile.

Logo Haxe

Il y a quelques jours, la version 3.2.0 est sortie avec son lot de nouveautés et de corrections.
Cette dépêche présente les principaux changements et profite de l'occasion pour refaire un tour des possibilités offertes par ce langage.

Journal sur le fonctionnement du jeu Wordle

Posté par  . Licence CC By‑SA.
27
13
jan.
2022

J'ai croisé le jeu wordle dans plusieurs articles récents lors de ma veille.
C'est un peu comme un mastermind mais avec des mots du dictionnaire. Il y a un mot par jour à deviner, de cinq lettres. Le mot d'hier était 'favor'.
Vous proposez un mot du dictionnaire (lequel ?), le jeu vous dit quelles lettres sont dans le mot à trouver et quelles lettres sont à la bonne place, quelles lettres n'y sont pas.
J'ai joué mais je (…)

Node.js passe en version 0.6.0 et arrive sous Windows

Posté par  (site web personnel) . Modéré par Nÿco. Licence CC By‑SA.
Étiquettes :
27
5
nov.
2011
JavaScript

Node.js est un environnement JavaScript côté serveur, sous licence MIT. Sa particularité est son approche asynchrone pour faciliter la montée en puissance dans des contextes avec beaucoup d’entrées‐sorties, notamment réseau. En pratique, il se compose :

  • d’un interpréteur JavaScript, à savoir V8 ;
  • de require(), un chargeur de modules compatible CommonJS ;
  • d’une bibliothèque standard, volontairement restreinte (une sorte de libc JavaScript où tous les appels sont asynchrones) ;
  • d’un ensemble de conventions : par exemple, les fonctions de retour indiquent toujours en premier paramètre si l’appel s’est bien passé, et dans le cas contraire, quelle a été l’erreur ;
  • et d’un exécutable, « node », pour lancer tout ça.

La version 0.6.0 est sortie aujourd’hui et apporte quelques nouveautés de taille (plus de détails en seconde partie) :

  • la prise en charge de Windows en utilisant les I/O Completion Ports (IOCP) ;
  • un répartiteur de charge entre plusieurs processus Node.js intégré ;
  • des moyens de communications entre des processus Node.js plus efficaces ;
  • des améliorations du débogueur en ligne de commande ;
  • des bindings pour la zlib ;
  • la mise à jour de V8, passant de la version 3.1 à la 3.6.

La prise en charge de Windows, sans dégrader les performances pour les UNIX, a pris plus longtemps que prévu. Cela a fortement retardé la sortie de cette version, mais Ryan Dahl, son créateur, souhaite sortir la prochaine version stable de Node.js (la v0.8.0) pour janvier 2012.

Sortie de iTowns v1.0 : framework web pour la donnée géographique 3D

Posté par  (site web personnel) . Édité par bubar🦥 et palm123. Modéré par bubar🦥. Licence CC By‑SA.
27
20
fév.
2016
JavaScript

Le projet iTowns est heureux d'annoncer la sortie de la première version OpenSource de iTowns, un nouveau framework de visualisation de données 3D géospatiales.

iTowns est un framework web écrit en Javascript/WebGL basé sur THREE.js pour la visualisation de données géographiques 3D, permettant également des mesures précises en 3D. Son premier but est la visualisation d'images type "street view" et de nuages de points LIDAR terrestre, mais il supporte bien d'autres types de données.

Aperçu de iTowns

La version 1.0 est la première version OpenSource de iTowns, publiée sous license CeCILL-B. Il s'agit du cœur de l'application originelle iTowns développée ces dernières années au laboratoire de recherche MATIS de l'IGN. L'IGN a travaillé ces derniers mois sur la transition de cet outil depuis un logiciel interne vers un projet ouvert et libre.

Journal Le grand remplacement des navigateurs Web d’avant 2020

Posté par  . Licence CC By‑SA.
27
24
août
2023

Bonjour, nal,

Je ne vais pas faire très recherché, mais peut-être que ce journal servira de référence pour ceux qui utilisent des vieux browsers et qui ne souhaitent pas se faire dicter les logiciels qu’ils utilisent : depuis quelques mois (voire une année), j’observe qu’un paquet de sites webs ne fonctionnent plus du tout, à tel point qu’aujourd’hui les parties consultables « à l’ancienne » sont très marginales. Certes, j’ai l’habitude de ces inconvénients, naviguant sans Javascript activé par (…)

3 bibliothèques javascript à découvrir : D3, Sugar et Batman

27
30
août
2011
JavaScript

D3.js

D3.js est une bibliothèque javascript légère et libre qui permet de manipuler et représenter graphiquement des documents en s'appuyant sur leurs données. Elle est une réécriture de protovis et s'appuie sur des technologies comme HTML5, CSS3 et SVG pour afficher des données et interagir avec elles. Je vous encourage à aller voir les exemples pour voir de quoi est capable d3.js.

Sugar.js

Sugar.js est une bibliothèque qui vise à faciliter la manipulation des objets natifs Javascript et à combler les différences entre navigateurs. Elle ajoute des méthodes bien pratiques aux entiers, chaînes de caractères, fonctions, tableaux, objets, dates… En revanche, elle ne concerne ni les requêtes AJAX ni le DOM (jQuery fait ça très bien).

Batman.js

Batman.js est un petit framework MVC sous licence MIT. Il est écrit en CoffeeScript et peut donc naturellement être utilisé en Javascript afin de structurer une application web qui ferait un fort usage du JS. S'inspirant des principes de Rails (convention over configuration, etc.), il doit permettre de développer rapidement des applications web mono-page.

Journal Lister rapidement les liens d'une page web

Posté par  (site web personnel) . Licence CC By‑SA.
26
27
fév.
2018

Il y a quelques jours je suis tombé sur une page web cul-de-sac. Pas un rongeur pour se la rat-comté.

J'ai donc tenté une inspection du HTML pour tenter d'y voir plus clair, et là j'me suis dit qu'une petite formule de JavaScript me donnerait une réponse limpide quant à la présence de lien dans la page :

javascript:document.querySelectorAll('a').forEach(console.log)
Ça rentre à l'aise dans un marque page, et ça peut dépanner. En plus l'affichage est celui, enrichi, des nœuds HTML (…)

Concours de programmation CodinGame le 22 Février 2014

Posté par  (site web personnel) . Édité par ZeroHeure et Benoît Sibaud. Modéré par Ontologia. Licence CC By‑SA.
25
20
fév.
2014
Jeu

La prochaine édition de CodinGame, le challenge de code en ligne, aura lieu le samedi 22 Février 2014 à 18h (UTC+1).

Ragnarok

L'événement accueillera des développeurs du monde entier pour leur permettre de passer un bon moment, défier leurs pairs, gagner des prix ou entrer en contact avec des sociétés qui leur plaisent et qui recrutent.

Parmi les nouveautés sur la plate-forme :

  • Bash arrive parmi les langages disponibles.
  • Dart 1.1 et de nouvelles bibliothèques pour Perl ont été ajoutés.
  • Le thème de ce challenge est "Ragnarök", issu de la mythologie scandinave. Pour l'occasion, de nouveaux graphismes seront à l'honneur.

Journal Piano Quick & Dirty

Posté par  . Licence CC By‑SA.
Étiquettes :
24
10
oct.
2020

Il y a 5 ans, j'ai voulu apprendre un chant que ma chorale avait fait l'année avant que je les rejoigne. À ma disposition, il y avait la partition, mes souvenirs auditifs et pas d'enregistrement. Ma voix n'était pas la voix principale de ce chant donc ça peut être un peu contre intuitif à apprendre. J'ai donc reproduit la partition sur MuseScore pour la jouer.

Je n'ai pas d'instrument non plus et avoir quelque chose pour jouer des notes rapidement (…)

Journal impress_arrows: des flèches pour impress.js

24
22
mai
2014

Chers internets,

Il y a quelques temps, j'ai eu envie d'utiliser impress.js pour écrire une présentation en HTML.
J'ai eu ensuite besoin d'y ajouter des flèches.
Voyant le résultat, je me suis dit que je pourrais utiliser cela pour dessiner des graphiques simples.

Par exemple:

Ce qui peut s'écrire:

<div id=impress>
    <div class="step box" data-x=-300>A</div>
    <div class=arrow></div>
    <div class="step box" data-x=300>B</div>
    <div id=done class=step
(…)

Journal Récupérer une liste de lecture Apple

Posté par  . Licence CC By‑SA.
24
26
mai
2019

Je suis récemment allé à une soirée où le choix musical m'a plu. La personne qui mettait sa musique a découvert qu'elle pouvait me partager sa liste en m'envoyant un lien qui pointe vers https://music.apple.com/fr/playlist/[quelque chose].

Je n'ai pas iTunes. Mon but : récupérer cette liste et en faire un truc que je peux utiliser. Ce journal est aussi un prétexte pour jouer avec jq, un outil pour faire des requêtes sur des données formatées en JSON.

Prenons (…)