SYSTEM NOTICE

Auto translation by AI. Be sure, accuracy, nuances and authorial intent may not be fully reflected.
見出し画像

The story of how a text editor I made in about 10 minutes got 700 likes on Twitter

Hello, I am Atoosu. I usually make a living by running a website called Tadekuu Hon no Mushi.

The other day, when I tweeted on the Tadekuu Hon no Mushi Twitter account that I had released a text editor called "Tachometer", I received over 700 likes in one day.

In this day and age, I wouldn't dare call 700 likes "viral." If this were a web service I had poured my heart and soul into, I would be disappointed that it didn't get more of a reaction. However, since I went from implementation to release for this service in about 10 minutes, I think it was seen by more people than the time I spent on it would suggest.

I thought this might be helpful for those who struggle with marketing and such, so I'd like to introduce how I made the editor.

Let's create a project with Gemini

Before I started making this text editor, I only had a vague idea that I wanted to make a simple web service that would be useful for writing novels. I threw that idea at Gemini like this:

Please come up with ideas for useful web services for people who write novels. For example, something that converts given text into manuscript paper format. For example, something that uses a slot machine to give you prompts for a three-part story. For example, something where words that inspire you fall from the top. It would be good if it could be completed with just the front end.

Gemini is an AI agent service provided by Google. This time, I am using the "Flash mode" available in the free tier.

Then, it gave me the following response (the response was quite long, so I have extracted only the headings).

1. Tools to visualize the "feel" of writing
"Page conversion/progress meter"
"Writing speed tachometer"

2. Tools to stimulate inspiration
"Shower of words flowing like a waterfall"
"Three-part story slot prompter"

3. "Stoic" tools to prepare the writing environment
"Forward-only editor that won't let you delete a single character"
"Plot shuffle cards"

4. Special display/proofreading tools
"Vertical writing preview browser"

It proposed a total of 7 services, and don't they all sound pretty good? If someone else were offering these services, I would definitely want to use them at least once.

At this point, the one I thought sounded the most interesting was the "Forward-only editor that won't let you delete a single character" idea. So, I instructed Gemini as follows:

Please try creating the "Forward-only editor that won't let you delete a single character" based on the content you proposed.

Then, it generated some nice-looking code consisting only of HTML, CSS, and JavaScript.

Let's try running it locally

Now that the code has been generated, let's try running it locally.

That said, the method is simple...

  1. Open a text editor of your choice. This time, I used Visual Studio Code.

  2. Save it with the name index.html.

  3. Double-click the saved file to open it in your browser.

Now you can actually verify that it works.

At this point, I had a few minor complaints, so I added just three more instructions.

  • Can you make it keep the entered content even after a reload?

  • Please add a button to reset the content when I'm finished writing.

  • When resetting, please show a dialog to confirm if I really want to delete it.

With this, I had something I was mostly satisfied with. Local verification is complete.

Let's publish it on Github Pages

I want other people to use the service I made, so I'll publish it using some method. This time, I used Github Pages. Since the code has a simple structure, this is sufficient. By the way, it's free to use.

I'm sure there are many ways to publish, but I'll introduce the steps I took. Please let me know if there's a more efficient way.

  1. Create a new repository on Github. If you want to use Github Pages for free, you need to make the repository public.

  2. From Github Desktop, go to Add > Clone Repository and clone the repository you just created on Github to your local machine.

  3. Place the index.html file you saved earlier into the folder created locally.

  4. Push and commit it.

  5. If you check Github, the file should be uploaded.

  6. Open Pages from the Github Settings.

  7. Change Build and deployment > Branch to main.

  8. Deployment will start, so wait a little while. It should take about a minute.

  9. A public URL will appear on Pages. If you access that, it should be available for anyone to use.

Let's post it on Twitter

Now that it's ready for anyone to use, let's release it to the whole world.

So, I'm going to tweet about it on Tadeku Hon no Mushi's Twitter. This account recently reached 10,000 followers, and for a typical casual tweet, it gets about 1,000 impressions.

To make it stand out on the timeline and ensure the service overview is easy to understand, I tried posting it with a bulleted list explaining the content and attached a screenshot of the product.

Here is what I actually tweeted.

As of 2026/02/09, it has 27 likes. Impressions are around 3,000. It feels like it's being seen more than my usual posts, but well, it's a bit underwhelming, isn't it...

Let's try again and again

However, Gemini is still providing me with several service ideas. In cases like this, it's best to try a high volume of ideas to figure out which features are in demand.

Next, I'll build "Tachometer," which I introduced at the beginning of this article. The first prompt for the project idea was something like this.

Make this thing you told me about before

"Writing Speed Tachometer"
It measures typing speed and displays a prediction: "At your current pace, you will finish in X more minutes."
Function: Measures keystroke speed over the last 5 minutes and calculates the time until the goal (target character count).
Front-end touch: Visual effects where the edges of the screen darken slightly if speed drops, or effects appear if you are fast.

I just pasted what was output previously almost exactly as it was.

After looking at the finished product, I gave only the following instruction.

The "current speed" seems to be calculated only when there is input. In addition to this, can you make it recalculate every second so that it can also calculate when there is no input?

It turned out well, so I released it using the same procedure as before. Then, as I mentioned at the beginning, I was able to get about 700 likes. Since the impressions are around 50,000, that means it's been seen about 50 times more than usual.

All I'm doing is the following:

  • Ask Gemini for project ideas and have it write the code

  • Copy and paste it to run it locally

  • Give a few correction instructions

  • Publish it on Github Pages

  • Take a screenshot

  • Tweet it with an overview and the screenshot

The actual work time was about 10 minutes. If you can get 700 likes just from that, don't you think the cost-performance is pretty good...?

Personally, I like big numbers, so just looking at them is fun, but having a reaction means there is demand. Honestly, the Tacometer I made this time is completely lacking in both appearance and functionality, so if there is this much of a reaction, I'm starting to think it might be worth adding more improvements. It's great that you can use it like a test marketing tool to find products that have demand. You can do this in 10 minutes. Isn't that amazing?

Minimum preparation and knowledge are required

However, I don't think just anyone can do this without prior preparation or knowledge.

For example, the instruction at the beginning of this project, 'something where words that inspire you keep falling from above,' was something I could only instruct because I knew about a service called Word Cascade (as an aside, when I tweeted about this service, it got about 2,000 likes. After all, a well-made service is powerful...).

I have been running a literary web media called 'Tadeku no Honmushi' for about 10 years, so I think a big point is that I have a sense of what kind of services people who write novels are likely to prefer. Therefore, I think that if you have some knowledge in that area, it is easier to succeed when you make something for test marketing purposes.

Also, this time I proceeded with the work using Visual Studio Code, Github, Github Desktop, etc., but if you are not prepared at all and don't know how to use them, you will never be able to complete the work in 10 minutes. I think it is useful to use these kinds of tools on a regular basis (I only use them as a hobby...) and get used to operating them so that when you suddenly want to publish something, it's convenient.

Also, when giving instructions to Gemini, for example, if you know that 'there is a feature that saves data on the browser side...', you can give instructions like 'Can you keep the input content even if I reload?' as I did this time. It seems that using a mechanism called LocalStorage works well. I learned a lot.

Also, if you have basic knowledge of HTML / CSS / JavaScript, you can understand the overall structure, and it becomes easier to think about what kind of instructions you should give to Gemini. If it's a simple change, you can rewrite it yourself.

So, while you need prior preparation and knowledge to make things in advance, well, those are things you learn by actually working with your hands. If you have never used Github Pages or the like, I hope you will take this opportunity to use it.

Lastly, Tadeku no Honmushi will continue to deliver a wide range of information to book lovers and writers, so thank you for your continued support!!


いいなと思ったら応援しよう!

あとーす サポートすると、僕がハートランドビールを飲み、これからも自我を保つのに役立てさせていただきます!