한 줄도 코드를 작성하지 않고 네이티브 앱 (모도키)을 출시하는 7 단계

전제

이것만으로 제대로 된 앱을 만들 수 있다고는 말하지 않고, 네이티브 앱 오와타라고는 말하지 않습니다.
다만, 노코드로 앱을 배포까지 할 수 있는 것은 상당히 대단하다고 생각했으므로, 공유합니다.
(역시 Y Combinator 놀라운)

필요한 지식 등

인터넷 접속이 가능한 환경에 있는 것.

PC에서 화면을 보면서 스프레드 시트가 열립니다. (& 만들 수 있는 것)

Gmail 계정이 있어야합니다.

만들고 싶은 앱 이미지가 있어야합니다.

이번 앱에 대해

미국 주식 배당금, 구매시 지표 등을 관리할 수 있는 앱을 만듭니다.

완성 이미지는

메인 페이지는 이것입니다.



상세 화면이 이것입니다. 간단하네요.



다시 말하지만, 한 줄도 코드를 작성하지 않았습니다.

또 하나 덧붙이면 15분 정도로 릴리스까지 꽂았습니다.

그럼, 만들어 갑시다!

사전 준비

첨부와 같은 느낌으로 스프레드 시트를 만들 수 있습니다.

1단계

Glide에 액세스합니다.

2단계

Create an app를 눌러 아래 이미지의 화면으로 전환


Sign Up을 눌러 Gmail 계정으로 로그인합니다.

3단계

왼쪽 상단의 New App을 누릅니다.

4단계

스프레드시트를 로드합니다.
(스프레드 시트는 사전에 만들어 둔 것을 이용)

제 경우에는 여기에 쓰여있는 "배당금 관리"라는 스프레드 시트를 사용합니다.

5단계

앱 개발 화면이 되었으므로 외형 조정



검색 바가 기본적으로 붙어있어 경악 ...

대략적으로 말하면, 왼쪽이 「무슨 일을 하고 싶은가」우측이 「그 상세를 변경한다」라고 하는 느낌이 되고 있습니다. 매우 이해하기 쉽습니다.

기능은 여러가지 만지면서 시험해 가고 싶습니다만, 방금전의 외형에 접근하기 위한 방법을 간단하게 기재합니다.

우선, 「아」라든지 「우」라든지 좌측에 표시되는 것이 다사이므로 없게 합니다.
Show initials as default Image 부분이 활성화되어 있으므로 비활성화됩니다.

그런 다음 색상을 검게 만들고 싶다면 왼쪽의 설정을 누르고 오른쪽에 나오는 테마를 누릅니다.



이것으로 거의 할 수 있었으므로, 나머지는 세세한 곳을 적당하게 만듭니다. (아이콘이라든지, 색조라든지는 스스로 부디)

6단계

URL을 결정합니다.

Setting을 누른 후의 화면에서 APP URL을 넣는 곳이 있으므로, 적당하게 이름을 정해 입력합니다.

7단계

출시한다(진짜인가・・・!)

왼쪽 하단의 open app을 누릅니다.



이제 앱을 만들었습니다. .

완제품이 이입니다.

PWA 대응도 하고 있으므로, Android라고 더 이상 네이티브 앱입니다.
덧붙여서 iOS에서도 제대로 앱이라는 인식으로 일어나 주었습니다.



대단한 세계가 온 것이다. .