Un vendredi sur deux

Svelte 5 - Les runes

Présentation

Depuis maintenant quelques temps, Svelte 5 est sorti. Cette nouvelle version apporte quelques nouveautés que je vous laisse découvrir ici.

Utilisateur de Svelte et SvelteKit depuis pas mal de temps (en gros, tous mes derniers projets perso utilisent ce framework), je m’intéresse à ses évolutions. Pas hyper fan de certaines évolutions de SvelteKit, je voudrais voir l’impact des modifications de Svelte 5.

Pour rappel, les grandes forces de Svelte (pour moi) : la simplicité, la montée en compétence rapide (globalement c’est du JS) et le principe de réactivité hyper simple. Rich Harris (créateur de Svelte) avait fait une conférence hyper intéressante que je vous laisse (également) découvrir ici.

Plus

Formation

Selenium, Gain de temps ?

Présentation

Pour des raisons de suivis de conso, j’avais besoin de récupérer des fichiers sur un site. Historiquement c’était possible par API mais … ce n’est plus possible. Une solution est d’automatiser une action manuelle.

Plein de choix possible mais j’ai décidé de passer par Selenium. Pas vraiment de raison.

Tout fonctionne bien sauf une chose : la gestion du Captcha

Plus

Formation

Rust, Rest = Axum (1/?)

Présentation

Après avoir fait quelques lignes de commandes, j’essaye de voir ce qui peut-être fait en web avec Rust. J’ai vu qu’il était possible de faire du front via des Web Assemblys mais on va commencer par le Back.

Comme d’hab, plusieurs possibilités …

Plus

Formation

Rust ... c'est long + Garmin + Courses

Après avoir pas mal utilisé SvelteKit, j’ai fait l’erreur de tombé sur un article à propos de Rust et donc forcément, j’ai voulu essayé. Et … c’est long :). La courbe d’apprentissage est importante mais la rigueur que demande ce code me semble vraiment intéressante.

Pour le moment, j’ai principalement fait des outils en ligne de commande :

  • Un détecteur de doublon d’images,
  • Un outil pour récupérer les données de ma montre.

Comme Svelte & SvelteKit, cela prend du temps.

Plus

Formation

SvelteKit

Depuis quelques temps, j’ai un peu laissé de côté les journées R&D pour m’essayer à un framework : SvelteKit. Pour essayer, je m’étais amusé à faire trois petits projets :

  • Expression De Besoins : suite de formulaires permettant de demander à un prospect d’exprimer son besoin,
  • Mes outils : Petite collection d’outils perso,
  • SvelteKit Github Issue : un client est passé sur GitHub. Je n’aime pas du tout sa gestion des issues donc j’ai fait la mienne. C’est juste une surcouche.

J’étais content et je trouvais le framework vraiment bien au point de me dire : la prochaine version de Crayoo -> c’est du SvelteKit. En effet, le framework est plus léger qu’Angular et je comprennais mieux l’approche que React.m

Seulement le projet étant en beta … Ils ont changé pas mal de choses et je comprennais plus rien. Pour comprendre, il faut faire … donc :

  • Animation Timer: Une application pour suivre le timing de mes sessions de fresque,
  • Animation FeedBack : Lié à Supabase pour gérer des retours sur les animations,
    • IMPORTANT : le compte supabase doit être fermé.

Tout cela ca prend du temps :)

Un vendredi sur deux

Phaser

Présentation

Réalisé au fil de l’eau : sans relecture …

L’objectif de ce projet de réaliser le portage en typescript et sous Phaser3 du projet mis à disposition sur le site MDN 2D platform game with Phaser qui a été réalisé par Belén Albeza et dont le code source est ici ou ici

Les assets sont directement récupérés depuis le tutoriel initial dont voici les références :

The graphic and audio assets of the game in this guide have been released in the public domain under a CC0 license. These assets are:
* The images have been created by Kenney, and are part of his Platformer Art: Pixel Redux set (they have been scaled up, and some of them have minor edits).
* The background music track, Happy Adventure, has been created by Rick Hoppmann.
* The sound effects have been randomly generated with the Bfxr synth.
[Original Web Site](https://mozdevs.github.io/html5-games-workshop/en/guides/platformer/start-here/)

Les sources complètes sont ici.

Plus