Claude Code peut-il vraiment aider ? Journal de développement d'une application personnalisée pour un designer UI qui abandonne ses projets

Bonjour ! Je suis Hashy, designer UI chez Liberogic.

Me posez-vous soudainement cette question ? Vous avez sans doute ce genre de préoccupation secrète : vous avez lancé avec enthousiasme une application d'habitude qui ne dure jamais, en vous disant « Allons-y, on y va aujourd'hui ! ».

Je suis un expert pour commencer les choses, mais je n'ai jamais réussi à les maintenir.

Il existe d'innombrables applications excellentes et magnifiques dans le monde.

Au début, je note consciencieusement chaque jour. Mais quand je suis occupé au travail ou que j'ai des sorties, mon « enregistrement continu » s'interrompt soudainement, et mon enthousiasme s'évapore complètement…

Les notifications de rappel auxquelles je tenais tellement au départ finissent par devenir du simple bruit, et les applications se fossilisent lentement dans un coin de l'écran de mon téléphone.

Ce sentiment de défaite qui s'empare de moi à cet instant, « eh bien, tant pis », je ne dois pas être le seul à l'avoir ressenti.

Y a-t-il quelqu'un qui puisse tendre une main secourable à une vie de dilettante dans tout ce qu'on entreprend (non

Ce qui m'a rendu les choses encore plus difficiles, c'est la « fragmentation des applications ».

Passer d'une application à l'autre — suivi des habitudes, calendrier des médicaments, budget personnel — rendait tout tellement fastidieux. Et en plus, de nombreux abonnements payants à gérer, ce qui m'a rendu négligent et j'ai oublié de résilier. C'est complètement contre-productif.

C'est alors que les intuitions farfelues du designer ont explosé. « Et si je créais simplement ma propre application, remplie uniquement des fonctionnalités dont j'ai besoin, juste pour moi ? »

C'est ainsi qu'a commencé le développement de mon « cockpit d'habitudes personnalisé », créé en tandem avec l'IA (Claude Code), spécialement conçu pour ma vie !

Pour l'instant, l'IA devrait me fournir la solution optimale

1. 【Présentation des fonctionnalités】Fonction d'exception dédiée qui enveloppe ma « paresse » dans le système en systématisant les « raccourcis »

Maintenant, je vais vous présenter les fonctionnalités que j'ai réellement implémentées.

J'ai visé le meilleur des applications existantes tout en créant un « tableau de bord » ultime spécialement adapté à ma vie.

Pour regrouper les applications nécessaires en une seule, j'ai d'abord commencé à créer une application de formation des habitudes.

De plus, puisque je voulais utiliser des modes différents le matin et le soir, j'ai préparé à la fois le mode clair et le mode sombre.

🌱 Écran initial

L'écran initial affiche l'écran de saisie des habitudes que vous souhaitez maintenir et vous pouvez avancer en saisissant vous-même.

En faisant défiler vers le bas, vous trouverez un lien indiquant « répondre aux questions et créer une habitude ». En cliquant dessus, l'application répond à votre questionnaire et vous propose des habitudes adaptées à votre profil.

L'écran initial intègre un diagnostic d'habitudes

Sur l'écran initial, nous avons également créé un « navigateur d'habitudes » pour les utilisateurs qui ne savent pas quelles habitudes ils souhaitent développer. Il leur suffit de répondre à quelques questions pour que l'application sélectionne des habitudes adaptées à leur profil.

🌱 Suivi des habitudes : au-delà de l'approche « tout ou rien »

Pour construire une habitude durable, il est important de pouvoir progresser petit à petit, même avec des étapes minimes, et de maintenir cette continuité.

Nous avons créé une application de suivi des habitudes dotée d'une fonction d'« évaluation sur 5 niveaux ». Jusqu'à présent, les applications courantes ne proposaient que deux options : « réussi » ou « échoué ». Avec cette application, le calendrier change de couleur non seulement les jours où vous réussissez parfaitement, mais aussi les jours où vous faites « un petit effort » au niveau Lv1.

Par exemple, pour l'exercice physique, vous pouvez enregistrer votre effort selon le jour : « Lv1 : se peser », « Lv2 : faire des squats aux toilettes », jusqu'à « Lv5 : nager 1 km à la piscine ou faire 40 minutes de boxe ». Chaque niveau correspond à votre effort du jour.

Les jours où vous ne faites rien apparaissent en blanc sur le calendrier, mais avec le système de « taxe de procrastination » décrit plus tard, vous pouvez vous rattraper les autres jours. Donc même si vous manquez un jour, ce n'est pas décourageant.

Il suffit de recommencer le jour suivant. Grâce à cette légèreté, j'arrive au moins à me peser tous les jours !

Le calendrier se remplit progressivement avec un dégradé de vert, ce qui permet de voir visuellement l'« accumulation de couleurs ». En jetant un coup d'œil à un mois entier, on peut facilement voir combien on s'est investi, ce qui booste la motivation.

Visualisation avec la fonction calendrier

En regardant l'interface calendrier, la couleur change quand vous avez réellement réussi à maintenir votre habitude. L'intensité et la teinte de la couleur varient selon votre niveau, ce qui vous permet de voir à quel point vous avez suivi vos habitudes et vous aide à maintenir votre motivation.

Fonction d'archivage des habitudes et création de nouvelles habitudes disponibles

Une fois qu'une habitude est ancrée pendant une certaine période, il est bon de passer à une autre habitude. C'est pourquoi nous avons inclus une fonction d'archivage des habitudes et une fonction de création de nouvelles habitudes ! En cliquant sur le bouton « Habitude acquise », vous pouvez ajouter une nouvelle habitude.

🏛️ Taxe de paresse : transformer la culpabilité en économies

Il s'agit d'une autre fonction liée au suivi d'habitudes que nous avons mentionné précédemment !

Un système où vous vous imposez une « taxe » (300 ¥ par défaut) les jours où vous n'avez pas suivi votre habitude.

Chacun d'entre nous traverse des moments où il est impossible de persévérer.

C'est pourquoi une pénalité pour se discipliner soi-même est nécessaire, mais une simple amende peut devenir décourageante.

Savez-vous pourquoi quelqu'un devient obèse ? C'est parce qu'il choisit la facilité, succombe à la paresse, satisfait son besoin de dopamine par la nourriture et dépend de ces hormones du bonheur simples. C'est pourquoi, même si nous renforçons les pénalités, cela n'aide pas vraiment ceux d'entre nous qui trouvent difficile de maintenir une habitude.

J'ai aussi pensé que « je devrais peut-être donner à une association ce que j'aurais gagné en traînant », mais je savais pertinemment que si je me mettais autant de pression, je ne ouvrirais jamais l'app (rires).

J'ai décidé que la destination de la taxe de traînage serait « un virement vers mon compte d'investissement en fonds indiciels ».

En d'autres termes, c'est une amende, mais ce n'est pas une amende. C'est une amende pour moi-même.

J'ai transformé même le sentiment de culpabilité de m'être laissé traîner en une stratégie de création de richesse pour mon futur moi.

J'ai également mis en place un « système de réduction d'impôt » basé sur mon taux de réussite mensuel.

• « Si le taux de réussite est de 90 % ou plus, réduction de 50 % »
• « Si c'est 80 % ou plus, réduction de 25 % »

J'ai intégré ce type de mécanisme.

L'écran affiche « Plus que 1 % pour une réduction de 25 % ! », et quand je vois ça, une motivation étrange surgit : « Aujourd'hui, même si c'est juste le niveau 2, je vais faire des efforts ».

Le plus grand ennemi de la formation d'une habitude est « le moment où je saute un jour et que ma série continue est brisée, et j'ai envie d'abandonner complètement ».

Mais grâce à ce système de réduction d'impôts, vous pouvez vous dire : « J'ai séché une journée, mais j'ai encore une chance de bénéficier de la réduction ! » et persévérer.

Une conception bienveillante qui ne vous décourage pas après un seul échec et qui s'adapte complètement à votre nature paresseuse.

✨ Suivi des soins de la peau & 💊 Gestion des médicaments : zéro changement d'application

✨ Un outil de suivi des soins de la peau que vous avez toujours voulu

Gérer séparément les habitudes, les médicaments, le budget domestique... c'était l'apothéose de la « corvée » pour quelqu'un de paresseux. Pour éliminer ce « changement d'application », nous avons intégré entièrement les soins quotidiens et la gestion de la santé dans ce cockpit.

Comme nous pouvions réutiliser directement les fonctionnalités de l'application d'habitude, la mise en œuvre a été simple.

🧴 Un « suivi des soins de la peau » qui tolère les jours où vous n'avez pas le courage

Les soins de la peau sont une véritable habitude. Lorsque vous ouvrez l'écran, il vous demande « Jusqu'où avez-vous pu aller ? » avec cinq niveaux d'étapes.

Les jours où vous rentrez épuisé, le « niveau 1 : nettoyage uniquement (rinçage à l'eau ou nettoyage avec un savon) » suffit. Si vous avez un peu d'énergie, essayez le « niveau 2 : soin minimal (nettoyage + tonique) » ou le « niveau 3 : soin essentiel (+ crème hydratante) », et lors de journées spéciales, le « niveau 4 : soin attentif » avec sérum en plus... vous pouvez enregistrer votre routine en fonction de votre énergie du jour.

De plus, vous pouvez personnaliser les noms de chaque niveau et le contenu des soins (descriptions) dans les « paramètres d'étape ». En haut de l'écran, vous pouvez voir le « niveau moyen ce mois-ci » et le « nombre de jours consécutifs au niveau 3 ou plus », ce qui vous aide à rester motivé sans vous surcharger, en vous disant : « Récemment, j'étais trop fatigué et j'ai juste fait le niveau 1, donc aujourd'hui je vais essayer d'atteindre le niveau 3. »

💊 Gestion des médicaments : un assistant complet pour les plus désorganisés

Et personnellement, ce qui me fait le plus abandonner, c'est la gestion des médicaments.

Dans cette application, il n'y a pas seulement à entrer le nom du médicament : vous pouvez enregistrer très précisément et avec flexibilité les horaires de prise (matin, midi, soir), les conditions (avant les repas, après les repas, à volonté), le nombre de comprimés à chaque horaire, et même des fréquences complexes comme « tous les jours, un jour sur deux, ou certains jours de la semaine ».

Quand il y a des médicaments non pris, une alerte rouge bien visible s'affiche en haut de l'écran : « ⚠️ Vous avez oublié de prendre vos médicaments. Veuillez vérifier. » C'est un coup de fouet bienveillant.

En bas de l'écran, vous voyez aussi des chiffres concrets : « Taux d'observance ce mois-ci » et « Nombre d'oublis » (dans notre écran de test en développement, le taux d'observance de 5% révèle toute mon désorganisation... ha ha).

Mais ne vous inquiétez pas.

Même si vous oubliez un jour, vous pouvez revenir en arrière dans le calendrier et enregistrer rétroactivement. Cette conception « pas de problème si c'est après coup » veut dire que vous pouvez continuer à votre rythme sans tomber dans le piège du perfectionnisme.

À mesure qu'on vieillit, on prend plus de médicaments, donc cette fonction est vraiment pratique. Et quand on va voir un docteur, on peut partager l'historique de nos médicaments passés – c'est très utile (je suis du genre à toujours oublier mon carnet de santé).

🍺 Gestion des sorties alcoolisées : une fonction spectaculaire pour booster la motivation santé et économies

Et personnellement, la fonctionnalité qui a le plus changé ma vie, c'est cette « gestion des sorties alcoolisées ».

Au-delà du simple enregistrement de vos consommations, cette application gère à la fois une limite mensuelle du nombre de sorties au bar (par exemple « maximum 4 fois par mois ») et un budget, tout en transformant vos petits efforts quotidiens en récompenses visuelles motivantes.

🍵 En un clic, encaisser ! « Épargne sobre »

Au quotidien

« Aujourd'hui, je vais rester à la maison au lieu de boire »

et que vous tenez bon ce jour-là, il suffit de cliquer une seule fois sur le bouton « Je n'ai pas bu ce soir » de l'écran d'accueil.

Immédiatement, le calendrier s'illumine d'une marque verte, et 500 yen s'ajoutent à votre « Épargne sobre ».

Vos petits efforts quotidiens s'accumulent en montant réel, et à l'approche de la fin du mois, vous ressentez une étrange fierté : « Wow, j'ai réussi à économiser 3 000 yen (6 jours) ce mois-ci ! » — accompagnée d'une bonne dose de dopamine.

Vous pouvez ensuite réinvestir cet argent épargné ou l'ajouter à vos économies.

Par exemple, puiser dans cet argent épargné pour vous acheter quelque chose que vous désiriez. En voyant clairement que vous avez gagné quelque chose grâce à votre modération, vous serez davantage motivé à poursuivre cette démarche d'abstinence ou de modération.

🛡️ « Mode prévention de l'alcoolisation » pour rester maître de soi en soirée

Le grand atout de cette application est le « mode anti-gueule de bois ». Dès que vous commencez vos verres, activez ce mode. Un compte à rebours s'affiche alors au centre de l'écran jusqu'à votre « heure de départ prévue » que vous avez configurée à l'avance. Bien sûr, si vous pensez « C'est tellement sympa, je reste un peu plus ! », vous pouvez prolonger facilement le temps avec les boutons « Modifier l'heure de départ » ou « 🎉 Pas de problème pour une deuxième soirée ! », une conception bienveillante pour quelqu'un comme moi qui aime prendre les choses à la légère.

De plus, l'écran affiche des compteurs pour « 🍺 Alcool », « 🥤 Boissons sans alcool » et « 💧 Eau ». Le système évalue votre rythme de consommation en temps réel (par exemple « 1 boisson sans alcool pour 2 verres d'alcool ») et vous indique si c'est « OK » avec une jauge verte. Cela réduit considérablement la gueule de bois du lendemain et les regrets de « Pourquoi j'ai autant bu ? ».

📊 J'ai également ajouté beaucoup d'autres fonctionnalités pratiques pour les sorties

Une fois la soirée terminée, vous pouvez enregistrer le nom du bar (comme « Torikizoku Shibuya »), le montant réel payé, des notes sur les personnes présentes, etc. J'ai même ajouté une fonction qui récupère automatiquement les informations quand vous entrez une URL Google Maps. Comme les opérations ne sont que quelques fois par mois, Claude m'a dit que l'intégration API ne coûterait rien, donc j'ai implémenté la fonctionnalité.

J'ai aussi ajouté une fonction mémo pour éviter d'oublier le règlement des dépenses de la soirée.

C'est vraiment bien de ne plus avoir le doute « qui a payé, qui n'a pas payé ».

Et dans le « rapport mensuel » de fin de mois, l'« épargne d'alcool » basée sur le nombre de jours où j'ai évité de boire et la différence d'économies (le montant économisé à la soirée) sont additionnés et affichés fièrement comme « économies totales ». Par exemple, « J'ai économisé 9 000 ¥ ce mois-ci ! » est clair en un coup d'œil, ce qui me donne envie de penser « Je vais acheter ce gadget que je voulais » — c'est ma fonctionnalité préférée car elle m'apporte à la fois la santé et l'argent.

2. Après le développement : Claude a été mon meilleur « traducteur » en tant que designer

C'est ainsi que j'ai réussi à donner forme à une application remplie de toutes mes tendances à la procrastination et mes caprices, et je dois tout cela à Claude, mon compagnon de développement.

Les développeurs pourraient me gronder en disant « Es-tu sérieux ? », mais cette fois j'ai adopté une structure de fichier unique très brutale : « tout le HTML, CSS et JavaScript dans un seul fichier index.html ». Cependant, c'était exactement ce qu'il fallait pour nous deux (moi et Claude).

Quand un fichier est divisé en plusieurs parties, c'est déjà laborieux de simplement expliquer « quel fichier et quel endroit dois-je corriger », mais avec un seul fichier, je peux simplement envoyer tout le code au chat et Claude le comprend instantanément.

Claude traduit mon image abstraite de « je veux que le comportement soit comme ceci » en un beau code. Il y a eu des problèmes — des erreurs de balise fermante ou des problèmes de chargement JavaScript qui ont fait planter l'application entière, et nous avons poursuivi les journaux d'erreur au milieu de la nuit à deux — mais même ça semblait comme un film de buddy, c'était amusant (rires).

Avec les intégrations GitHub et Cloudflare, quand on discute par chat, Claude m'enseigne comment enregistrer le compte et me fournit directement les liens du site officiel, donc quand on chat avec l'IA, les intégrations se font en un clin d'œil.

3. Le prochain grand défi : le design et les mystères de la sécurité

Avec l'aide de Claude, j'ai pu obtenir le meilleur jouet (application) qui capture parfaitement mes idéaux en apparence et en comportement.

…… mais, un nouveau problème surgit ici.

Après avoir utilisé ce cockpit intensivement tous les jours, je me suis soudainement réveillé. « Attendez, cette application contient mon véritable état de santé, mes données de prise de médicaments quotidiens, mon budget récent, et l'historique de mes négligences — une vie privée complètement exposée entassée dedans », ai-je pensé.

Actuellement, je verrouille simplement l'écran avec un simple code PIN pour la forme, mais honnêtement je suis complètement novice en matière de sécurité. Avec seulement les connaissances de moi-même et de l'IA dans l'état actuel, je ne peux pas dissiper une légère inquiétude quant à la confiance de données précieuses.

En tant que designer créant une « expérience agréable », la confiance qui résulte du fait que « rien ne fuit et rien ne peut être cassé » devrait aussi être une partie importante.

« Finalement, je veux utiliser Face ID sur mon téléphone ou les dernières Passkeys pour pouvoir l'ouvrir moi-même de façon sûre et intelligente ! »

J'ai pensé à le faire, mais la sécurité est un domaine hautement spécialisé qui ne s'improvise pas.

C'est simplement au-delà de mes capacités...

Je dois en discuter avec un ingénieur et avancer avec prudence.

J'aimerais également intégrer à l'avenir un outil de gestion de budget personnel avec la possibilité de télécharger l'historique des transactions par carte de crédit pour enregistrer automatiquement les dépenses. Cependant, je suis préoccupé par les aspects liés à la sécurité, donc je mets cette fonctionnalité en suspens pour le moment.

Conclusion

Les outils sont prêts. Maintenant, je veux créer la « confiance » !

Une idée que j'avais gardée en tête faute de connaissances en développement a pris vie grâce à l'IA, mon meilleur allié, et s'est transformée en un outil qui change réellement ma vie. Au lieu de me blâmer pour mes imperfections, j'ai accepté de payer un petit prix pour m'accorder de petites pauses, ce qui me permet de recommencer autant de fois que nécessaire. Grâce à ce système bienveillant, moi qui avais la réputation d'abandonner au bout de trois jours, je peux désormais construire des habitudes au quotidien avec plaisir.

Mais plus c'est pratique, plus la responsabilité de protéger tout cela grandit.

Je n'en ai pas parlé dans cet article, mais j'ajoute progressivement des fonctionnalités comme les notifications et la gestion de budget personnel.

Cependant, la gestion de budget et autres fonctionnalités similaires doivent être développées avec beaucoup de prudence du point de vue de la sécurité, donc je suis toujours en phase de développement dans mon environnement local.

Voilà pourquoi je vous invite à attendre avec impatience la prochaine mise à jour !