[RUBY] Développement personnel: Résumé des techniques utilisées dans le gasha du rire (grattage, Rails, Heroku)

Concept de développement

Un service gasha qui recherche et affiche le meilleur Boke de Bokete lorsque vous entrez quelque chose devant vous ou quelque chose que vous avez trouvé.

Avec le monde débordant d'informations, il est important de s'organiser et de s'organiser de manière facile à comprendre, mais il y a aussi une demande d'imprévu et d'aléatoire, et cette fois j'ai contesté parce que «élément rire + gasha» semble avoir une forte affinité.

Cela faisait un moment que je n'avais pas créé une application Web, j'ai donc décidé de ne pas penser seulement à la conception et au développement, mais aussi à attirer les clients et la publicité.

Site Web de Comedy Gasha: http://www.owarai-gasha.site/

↓

Technologie utilisée

・ Rubis sur rails ・ Heroku ・ Grattage (mécaniser) ・ Acquérez votre propre domaine avec votre nom dot com

Conception détaillée

Je l'ai conçu comme suit. Sur le plan fonctionnel, c'est presque 90% uniquement dans la partie du foie, mais l'apparence et la convivialité telles que d'autres éléments accessoires tels que la convivialité ou la convivialité comme l'explication sont également très importantes, et l'ensemble a été développé juste parce que la partie technologique de base a été développée. Cela ne devient pas.

Pour les utilisateurs, j'ai estimé que la partie technologique de base était d'environ 10% et que les 90% restants mettaient l'accent sur l'interface utilisateur et les commentaires conviviaux.

(Kimo) Grattage et rendu de Bokete avec Mechanize

Mécaniser Après tout, c'est très pratique. J'ai terminé la partie grattage en me référant à l'article suivant. Le but était de rechercher et d'afficher des informations sur le site cible en fonction des mots-clés que vous avez entrés.

Référence: https://qiita.com/takuyanin/items/01256773e1cbfc84f51a

Création de nuage de tags

J'ai utilisé ce Css. Le mot recherché est conçu pour être enregistré dans le DB, c'est donc possible. Le défi n'est pas d'afficher le mot NG, mais je me demande si la création d'une liste est un processus manuel. .. ..

Article de référence: https://296.co.jp/article/025815201928061430

Création de texte fluide en haut

Bien que ce soit une décoration, j'ai pensé que c'était nécessaire et je l'ai créée. Article de référence: https://www.at-create.co.jp/staff-blog/css/180.html

Gestion des erreurs du système de recherche

S'il s'agit d'un mot-clé étrange, le résultat de la recherche sera renvoyé avec zéro. Par conséquent, nous avons implémenté le traitement Rescue et créé un écran d'erreur lorsqu'il n'est pas affiché. Un tel traitement détaillé est important pour les utilisateurs et les erreurs anglaises inconnues sont considérées comme des sites suspects. .. .. Article de référence: https://qiita.com/ngron/items/4c319ae7340b72c7e566

Paramètres Og lors de la publication sur Twitter

Il s'agit d'une image ou d'un texte de la carte publiée sur Twitter. C'est aussi sobre mais très important, et il s'agit de savoir si c'est facile à voir et à comprendre. C'est 100 fois mieux de le faire que de ne pas le faire.

Article de référence: https://qiita.com/d0ne1s/items/8f0193ea45d50a20e3d2

Publicité / édition

J'ai utilisé Service Safari pour la publication. https://www.service-safari.com/posts/38644

Comme il est ouvert au public, cela ne coûte pas cher, mais je déciderai du budget et du défi sur Twitter au lieu de Google. Dès le début, je voudrais signaler s'il y a une demande.

Cette fois, cela me sert également de mémo, mais j'ai résumé en gros ce que j'ai fait pour l'application Web Owarai Gasha. Il y a peut-être plus de demande d'explications sur les technologies individuelles, mais je les ai postées pour l'auto-satisfaction (rires) Sumimasen.

Nous vous serions reconnaissants de bien vouloir l'utiliser et de nous donner votre avis.