[JAVA] Gorigori SIer SE a tenté de créer un service web par développement personnel

1. À propos de moi

Comme le titre l'indique, c'est le SE de Gorigori SIer. SIer ne laisse pas BP faire la programmation en lançant tout! J'entends ça, mais je programmais normalement. Comme prévu, je n'avais pas le droit de le faire toute l'année, et je devais travailler sur la gestion de projet et l'amélioration de l'activité organisationnelle, mais je faisais la programmation telle qu'elle était.

Cependant, comme je suis membre d'un projet à grande échelle, il était difficile d'avoir une vue d'ensemble du système. Donc, pour la raison que je veux réfléchir à l'ensemble et expliquer plus tard, je vais essayer de faire un système par moi-même ... Donc, après 22 heures après que ma fille se soit couchée, à partir de 6 heures avant que ma fille se réveille J'ai essayé de créer un service Web en utilisant l'heure jusqu'à 8 heures.

2. Création du service Web

Nom du service: "Kashikaji"

https://hwsharing.possumelon.com/

キャプチャ01.PNG

キャプチャ02.PNG

Un service Web qui visualise, gère et partage la division et l'avancement des affaires domestiques. Ce n'est pas si nouveau, mais ... Visualisation + Ménage = Kashikaji

Je n'ai jamais étudié le design et je le fais avec sens.

Les détails de la fonction seront expliqués ultérieurement.

3. La raison de la création d'un service Web

La raison de la création de ce service était une dispute de couple. Yome "J'ai un fardeau plus lourd de travaux de ménage et de garde d'enfants!" Je "Je ne me sens pas comme ça ..." Yome "Alors écrivez tous les travaux ménagers et les soins aux enfants les uns des autres!" JE"…"

J'ai réussi à esquiver l'attaque, mais à un moment donné, j'ai eu l'idée: "Pourquoi ne pas la visualiser sur le système?" Quand je parle à Yome, "J'aime ça, n'est-ce pas clair?" C'est pourquoi mon développement personnel a commencé.

4. Période de production

J'ai commencé vers avril, donc c'est environ 5 mois. Cela a pris tellement de temps parce que cela avait un sens fort à étudier. J'ai beaucoup d'expérience avec C # et Java dans le domaine des affaires. Par conséquent, j'ai décidé d'utiliser la technologie frontside que je n'avais jamais expérimentée auparavant pour étudier. J'étais inquiet pour React et Vue, mais je pensais que Vue était plus lâche et plus facile à gérer (biais), alors j'ai choisi Vue. J'ai aussi une longue expérience avec Java, j'ai donc décidé d'essayer Spring Boot, ce que je n'ai pas fait beaucoup. Pour référence, l'avant est Vue et l'arrière-plan est Spring Boot en tant qu'API.

5. Présentation des fonctions

Depuis que je l'ai fait après mes études, il existe de nombreuses fonctions qui n'ont rien à voir avec la visualisation des affaires de la maison.

Connexion / Déconnexion

キャプチャ03.PNG

Spring Boot fait bien l'authentification.

Enregistrement d'un nouvel utilisateur

キャプチャ04.PNG

Il s'agit d'une fonction d'enregistrement utilisateur normale.

Réinitialiser le mot de passe pour ceux qui ont oublié leur mot de passe

キャプチャ05.PNG

Le serveur utilise AWS, mais AWS facilite l'envoi d'e-mails.

Recherche d'utilisateurs

キャプチャ07.PNG

C'est une fonction de recherche.

Paramètres de profil

キャプチャ06.PNG

Téléchargez votre propre image ou rédigez une auto-présentation. Vous pouvez voir les informations ici en recherchant et en sélectionnant dans la recherche d'utilisateur précédente.

Envoyer et recevoir des messages

キャプチャ09.PNG

Envoyez et recevez des messages à d'autres utilisateurs.

ami

キャプチャ08.PNG

Vous ne pouvez pas devenir un «ami» à moins que vous ne demandiez un ami et que l'autre partie l'approuve. Le "chat" et le "partage des affaires ménagères" suivants ne peuvent être utilisés que par des "amis".

bavarder

キャプチャ10.PNG

Eh bien ... c'est une discussion. WebSocket.

Partage des travaux ménagers

キャプチャ11.PNG

C'est le cercle principal. D'abord, créez une classification des affaires ménagères (nettoyage, cuisine, etc.) et enregistrez le travail qui correspond à cette classification (nettoyage, nettoyage du sol, cuisine, déjeuner du matin, dîner, etc.). Attribuez le travail enregistré à la personne responsable. Puisque la différence est visualisée ici, elle sera nette. De plus, l'aspect de lecture est fort, mais l'écran est synchronisé.

20200823_03.gif

Si vous déplacez l'œuvre sur un écran, l'œuvre sur l'autre écran se déplacera également. C'est également WebSocket.

Après avoir partagé les responsabilités, enregistrez les prévisions et les faits dans le calendrier.

キャプチャ12.PNG

Terminez les travaux ménagers.

キャプチャ12-2.PNG

Partager les progrès

キャプチャ13.PNG

Signaler votre statut de travail. D'une manière ou d'une autre, j'utilise le défilement infini.

6. Essayez de faire

Franchement, c'était amusant. Quand j'ai eu assez de temps, j'ai sauté dans mon cœur en disant: "OK, je peux prendre du temps pour la conception et la mise en œuvre!" Cependant, j'en ai souvent exagéré et Yome me disait souvent: "Pliez la pile de linge qui y était visualisée avant la visualisation des affaires du ménage!" Si je vivais seul, j'aurais pu programmer plus de 10 heures par jour. Juste quelque chose ... de solitaire. Soudain, j'ai voulu rejoindre la communauté. Je n'y suis pas entré après tout. Si vous pouvez me dire une communauté recommandée, je peux être simple.

7. Technologie utilisée

Je vais le résumer.

** ・ Vue (face avant) ** ** ・ Java (backend) ** ** ・ Spring Boot (cadre) ** ** ・ MariaDB (base de données) ** ** ・ Élément (bibliothèque de composants) ** ** ・ axios (client HTTP) ** ** ・ GSAP (animation) ** ** ・ VeeValidate (vérification d'erreur) ** ** ・ moment (traitement de la date) ** ** ・ Apache Tomcat (serveur Web / AP) ** ** ・ AWS (serveur, acquisition de domaine, conversion HTTPS) **

8. Enfin

J'ai l'impression que ce service Web est surchargé de fonctionnalités. Il peut être bon de le positionner comme un site communautaire libre traitant des affaires du ménage ... Je pense qu'il vaut mieux le spécialiser pour qu'il puisse être utilisé. Pour la visualisation des affaires ménagères, je pense qu'un service qui fait toute l'analyse sous tous les angles est bon. C'est donc un début pour moi. On a l'impression que le moteur a démarré. Par conséquent, j'aimerais envisager de planifier le prochain service.

■ Supplément Le processus par lequel SE du SIer de Gorigori s'est efforcé jusqu'à la sortie du premier développement personnel

Recommended Posts

Gorigori SIer SE a tenté de créer un service web par développement personnel
Le processus par lequel le SE du SIer de Gorigori s'est efforcé jusqu'à la sortie du premier développement personnel
J'ai essayé de créer un environnement de développement java8 avec Chocolatey
J'ai essayé de créer un environnement de développement padrino avec Docker
J'ai essayé de créer un environnement de développement Spring MVC sur Mac
J'ai essayé de créer une application de clonage LINE
La voie de la création d'un service Web (partie 1)
Nous avons publié "Code-sell", un service qui vous permet de vendre des codes! (Développement personnel)
3. Créez une base de données à laquelle accéder à partir du module Web
[Rails] J'ai essayé de créer une mini application avec FullCalendar
J'ai essayé d'implémenter une application web pleine de bugs avec Kotlin
Comment créer un portlet de générateur de services dans Liferay 7 / DXP
Comment créer une méthode
J'ai essayé le guide d'introduction de Spring Boot [Création d'un service Web RESTful]
J'ai essayé de créer une application cartographique simple dans Android Studio
Un voyage pour déchiffrer les «GUIDES» de Spring consommant une édition de service Web RESTful.
[Java] J'ai essayé de faire un labyrinthe par la méthode de creusage ♪
Guide de démarrage de Spring Boot [Utilisation d'un service Web RESTful]
Comment créer un serveur Web sur une instance EC2 d'AWS
Trois raisons de frustration avant la sortie des services Web