À propos Ce site & ses crédits

Ce que j'utilise, d'où ça vient, et merci à qui de droit.

Ce site

Flo no Benkyō (フロの勉強) est mon carnet personnel d'apprentissage du japonais. Ce que tu trouveras ici, c'est ce qui fonctionne pour moi, noté au fil de ma progression.

Développeur web de formation, j'ai construit le site avec River (un micro-framework PHP maison) et ViteJS + Bootstrap 5.

Claude Code est un accélérateur précieux sur la partie technique — ce qui était des petits jeux en ligne de commande PHP est devenu quelque chose d'accessible dans un navigateur, avec animations et audio. Un bon compagnon pour aller plus vite sans perdre le fil de ce qu'on construit.

Stack technique

Backend

PHP 8.4 — strict, snake_case
River — micro-framework maison (routing, controllers, views, auth, CSRF…)
SQLite
Python 3.11 — scripts de génération audio (VOICEVOX API)

Frontend

ViteJS + Bootstrap 5 + SCSS custom
Vanilla JS — Web Audio API, SVG animation (KanjiVG)
Zéro dépendance JS côté jeu

Ops

Infrastructure self-hosted (virtualisation)
Docker — conteneurisation
Git self-hosted + CI/CD automatisé
Reverse proxy + HTTPS automatique

Voix — VOICEVOX

Les voix du jeu de kana sont générées par VOICEVOX, un synthétiseur vocal japonais libre. Chaque personnage appartient à son créateur — les crédits complets sont sur la page des voix.

Ordre des traits — KanjiVG

Les animations de tracé des hiragana (ordre des traits, stroke par stroke) utilisent les données de KanjiVG, un projet de Ulrich Apel.

Licence : Creative Commons Attribution-ShareAlike 3.0.

GIFs d'écriture

Les GIFs d'écriture humaine utilisés dans le mode Écrire du jeu sont extraits d'une vidéo de Takumi sur YouTube. Je n'ai pas encore d'autorisation officielle pour leur utilisation.