스프레드 시트 재료에 편승

폐사 @pro_matuzaki씨의 「 Firestore 테스트 데이터 투입을 GAS로 쉽게 」에 편승해 스프레드 시트의 재료입니다.
전혀 프로그램과 관계없지만, 요전날, 이하의 기사를 발견했습니다.

너무 쉽게! Google 스프레드 시트에서 PWA 앱을 개발할 수있는 "Glide"를 사용해 보았습니다! @paiza 개발일지

아니~ 그런, 과연 순조롭게 낼 수 있으면, 모두 일 없어져 버릴거야~? w
라는 것으로 바로 도전해 보았습니다!

Create an App from a Google Sheet in Minutes · Glide

Glide 서비스의 소개나 계정의 등록 방법 등은 상기의 기사를 봐 주세요.
기본적으로 Google 계정으로 로그인하여 드라이브 액세스 권한을 부여하면 됩니다.

데이터 준비

이 Glide의 대단한 곳이기도 하지만, 컬럼의 데이터 내용으로부터 여러가지 추측해 잘 출력해 주는, 라고 하는 것이 있습니다.

그래서 스프레드시트 작성과 데이터 준비를 먼저 합니다.

우선 데이터는 적당하게 이하의 사이트로부터・・・

도쿄도의 벚꽃 명소 · 하나미 | 벚꽃 명소 하나미 특집 2019 - 워커 플러스

도내는 이미 시즌 오프입니다만 벚꽃의 스포트 정보를 몇개 픽업해 적당하게 스프레드 시트를 작성합니다.
( 워커 플러스 님, 마음대로 빌려요! 죄송합니다!)

예를 들면 다음과 같습니다.

스프레드시트 가져오기

Glide 사이트에서 "새 앱 추가"에서 이 스프레드시트를 선택합니다.



로드가 끝나면 ...



도 룬이 표시되었습니다! ! !
이제 이 시점에서 대체로 되어 있어---! ! ! w

상세 페이지도 확실 w



오른쪽의 "Summary"라든지 "Simple Value", "Markdown"등의 필드가 자동적으로 판단되는군요! !
"Summary"를 마음대로 짜 주는 곳이 미워! 미워 해요! !

화면 요소 편집

컴포넌트도 여러가지 있으므로・・・


수평선과 지도를 추가해 보았습니다.


"Map"컴포넌트에 住所 의 컬럼을 바인드, 라고 하는 것이 화면상에서 되어 버립니다.

이미 이미 완전히 "그것 같은"것이 생겼군요・・・

전체 설정

설정 화면에서 아이콘, 테마, 제목 등을 설정합니다.



여기서 URL을 결정해 버리면 준비 완료입니다.

공개

왼쪽 하단의 아이콘에서 "Open App"을 클릭하면 ...



공개 완료! w

꼭 스마트 폰으로 확인하십시오. 그리고 "Home 화면에 추가"해보세요. 이제, 여기까지 15분 부족해요. . . ?

어제의 NativeScript 소재 라고 하고, 이 리스폰스의 속도, 정말 새로운 시대를 느끼게 되네요. . .

관련 링크

이쪽의 기사 쪽이 정중하게 설명되고 있으므로 순서를 자세하게 알고 싶은 분은 부디・・・w

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

상세 화면에서 다른 시트의 상세 화면으로 화면 전환하는 방법은 아래를 참조하십시오!

Glide로 1항목을 「화면 전개→화면 전개」하는 방법(다른 시트·별 항목을 참조한다)