Since the other day, I’m writing a blog about “no code” as the title says.
I wanted to understand and utilize “No Code” more, so I tweeted below.
“No Code” is explained so that the beginner scholar, kojini, can easily understand what he has learned.
I started learning “no-code” a few months ago, but the first comment I finally met was Manablog’s Manablog explaining “no-code” on YouTube. I immediately learned this video as a “digital textbook”.
While digging into the contents for myself, I am arranging it so that even beginners can understand it easily.
table of contents
1) Introduction
2) What is no code?
3) 5 nocoded standard tools
4) Difference between no code and low code
So far, I have written commentary articles on BLOG for 1) and 2).
Thank you for reading “What is No Code? ①” and “What is No Code? ②”. Thank you.
This time, I will apply a little from the “basic items” and talk about “3) 5 no-code standard tools” referring to manablog’s YouTube of manablog.
If you read Kojini’s Cafe in the future, you will understand the following.
✅ Understand the basics of No Code
✅ Understand the future of programming
✅ Know how to earn with no code
Let’s get started!
3) 5 no coded standard tools
By researching various sites, you can see that “no code” is expanding worldwide. Among them, these five are the most standard and the feeling is the largest, so I will introduce them.
The first is “bubble“. In the figure above, it is categorized as one of the “Full Stack Web Builders” in the center.
◇
At first I will look at bubbles, but this is a bubble site now.
The title is “The most powerful no-code platform“, and the description is written as follows.
bubble allow anyone to design, develop, and launch powerful web apps without writing code.
After that, the items are organized as follows.
This site is in English only. If you can see it, I think you can understand it. Like this, it is very easy to see on the site. If you scroll down to see what kind of process you can create, HP is built inside.
For example, if you think about something, it is designed so that you can intuitively develop something like “Is it possible to create such a site?”. (Manabu says) You can also read that the mechanism behind the page is well made.
As you can see at the bottom of the above figure, “Successful companies use bubbles”, it seems that various companies are incorporating.
In short, what this bubble looks like is a mechanism that allows you to easily create websites or web services. Then I will touch on how much I can make later.
◇
Next is “Webflow“. This is a standard tool for creating websites.
The title is “Break the code barrier” and the description is written as follows.
Build better business websites faster with no code.
That is here. It says “Break the code barrier“. I feel that anyone can create a site without a code.
I think that “Wix” is famous in Japan, but it seems to be an evolved version of Wix. Various sites have launched more than 3 million sites per hour.
With these tools, you can create a site without HTML or CSS.
◇
Next is “Studio“. This is a Japanese site, so it is easy to browse.
The title is “NoCode Web Design Platform for All Creatives. Where your tools and team Click”, and it is written as “everything is here!” from design to publication to CMS.
It looks like the next generation web design platform. Again, you can easily create a website. (According to Manabu) It seems that Web media can be made fairly easily. I think it’s fairly easy to work because it has Japanese notation. If you are interested, you should visit the sites one by one.
◇
Next is the web development tool “Adalo“. This is the official website.
“Meet Adalo.” is the concept. It seems that “Side Hustle“, “Startup Ideas“, “Dreams of Clients“, etc. are included in this XX.
With this Adalo, unlike the website creation tools I mentioned earlier, you can create web applications. If you look a little inside the site, you will understand.
(In the site shown at the top of the figure) What is moving here now is making a travel site like Trip Advisor. This is also amazing. I can make something like this. There are many other examples posted, so if you want to see more details, please visit the official website.
◇
The last is “Glide“. This is the official website.
The concept is “Create an app from a Google Sheet in five minutes, for free.”
You can also make a web application or web service. For example (while browsing the site): This is also easy to understand. What are you making this? Instagram? It looks like an app that works with maps. It seems that many things like this can be made.
If you want to know more about this, I think you should visit the official website.
◇
So far, I have looked at the five “No Code” tools recommended by Manab.
I actually surfed the 5 sites, and I felt like I could “somehow” do it!
◇
Manab said the following at the conclusion of the five selections.
I have roughly explained the five standard tools. The best way to do this is to try it yourself. Just to try it out, I would like to get a quick start. You don’t know where to start.
If I were to start no-code I would probably start with this “bubble tutorial”. Bubble is the site that I explained at the very beginning. It feels like a no-code iron plate tool, and in short it is at the forefront of the no-code industry.
Isn’t it better to study from the cutting edge?
There are many users, so if you look at the top of the site called bubble, there is an item called “Academy Academy” here. If you click (click!) the Academy (red box), “Learning resouces Learning Resources” will appear. It is explained as follows.
The Academy is your guide to building on Bubble. We cover everything you need to get started — from navigating the interface to expert features.
Academy is a guide for building bubbles. It covers everything you need to get started, from operating the interface to expert features.
Most of these sites are in “English”, but if you are a person who is studying programming from now on, I think that you should be familiar with English such as this to some extent. For those who are absolutely strict, I think that if you translate it into Japanese with Google Translate, you can understand “learning resources” or “start here” later. The site is a little hard to see, but it looks like this.
Below the Learning resouces, there is “See all”, so let’s take a look at it.
When you click “See all”, “Interactive Learning” appears and it is written as LESSONS. You can learn the basics of bubble from the editor (Start Lesson) on the right. These guided tutorials will help you understand the key concepts that allow you to create apps without code. Since there are “12 editors”, it seems that you can understand the concept necessary for creating an application by finishing these.
If you look a little further at the site, you can see that you can make various things like this as shown in the above figure. You can make services like Instagram, sites like Linkedin, Airbnb, news sites like Apple News, Wikipedia, Netflix, which is great. With that feeling, I think it’s best to create one service that you are interested in or like.
For example, Manabu would like to create a task management tool called “Trello“.
I’ve been using Trello for a long time, so I feel like I should make it myself. I also want to try this official blog of bubble. Since it is explained in great detail, trying this out is one of the first steps you can take.
If you do, I think it’s a good idea to start with the “bubble tutorial”.
◇
That’s it for this time.
This time, “5 no-code standard tools” was introduced, and I explained the introduction while unraveling the site of no-code tools recommended by Manabu.
I wrote it on the way, but every time I turned over the pages of the site, I became more excited and I had the feeling that even Mr. Kogini could do it.
We would be happy if we could deliver that feeling to everyone.
Thank you for reading to the end today.
I would be more happy if the information was useful to you.
From this week to next week, I hope to deepen my understanding of this “no code” and eventually reach the point where I can create something with “no code”.
I will try my best, so I would appreciate your support.
See you again! Ciao☆彡
[Reference/cites]
・bubble ：https://bubble.io/
・Webflow：https://webflow.com/
・Studio ：https://studio.design/
・Adalo ：https://www.adalo.com/
・Glide ：https://www.glideapps.com/