Personal development: Summary of technologies used in comedy Gasha (scraping, Rails, Heroku)

Development concept

Gasha service that searches and displays the most suitable Boke from Bokete when you enter what is in front of you or what you think of.

With the flood of information in the world, it is important to organize and organize in an easy-to-understand manner, but there is also demand for unexpectedness and randomness, and this time I challenged because "comedy + gasha element" seems to have a high affinity.

It's been a while since I've created a web app, so I decided to think not only about design and development, but also about attracting customers and advertising.

Comedy Gasha Website: http://www.owarai-gasha.site/

↓

Technology used

・ Ruby on Rails ・ Heroku ・ Scraping (Mechanize) ・ Acquire your own domain with your name dot com

Detailed design

I designed it as follows. Functionally, only the kimo part is about 90%, but usability such as appearance, usability and other incidental elements or explanations is also very important, and the whole was developed just because the basic technical part was developed. It does not become.

For users, I felt that the core technology part was about 10%, and the remaining 90% emphasized UI and user-friendly commentary.

(Kimo) Scraping and rendering Bokete using Mechanize

Mechanize After all it is very convenient. I completed the scraping part by referring to the following article. The point was to search for and display information from the target site based on the keywords you entered.

Reference: https://qiita.com/takuyanin/items/01256773e1cbfc84f51a

Tag cloud creation

I used this Css. The searched word is designed to be saved in the DB, so this is possible. The challenge is not to display the NG word, but I wonder if making a list will be a manual process. .. ..

Reference article: https://296.co.jp/article/025815201928061430

Text creation flowing at the top

Although it is a decoration, I thought it was necessary and created it. Reference article: https://www.at-create.co.jp/staff-blog/css/180.html

Search system error handling

If it is a strange keyword, the search result will be returned with zero. Therefore, we implemented Rescue processing and created an error screen when it is not displayed. Such detailed processing is important for users, and unfamiliar English errors are regarded as suspicious sites. .. .. Reference article: https://qiita.com/ngron/items/4c319ae7340b72c7e566

Og settings when posting to Twitter

It is a picture or text of the card when posted on Twitter. This is also sober but very important, and the point is whether it is easy to see and understand. It's 100 times better to do it than not to do it.

Reference article: https://qiita.com/d0ne1s/items/8f0193ea45d50a20e3d2

Advertising / publication

I used Service Safari for publishing. https://www.service-safari.com/posts/38644

Since it is open to the public, it does not cost much, but I think that I will decide the budget and challenge on Twitter instead of Google. From the beginning I would like to report if there is demand.

This time, it's also a memo for myself, but I've summarized the fact that I made a web application Comedy Gasha. There may be more demand for explanations of individual technologies, but I posted it for self-satisfaction (laughs) Sumimasen.

I would be grateful if you could use it and give us your opinion.