소개

여러분, PWA를 아십니까?
PWA는 "Progressive Web Apps"의 약칭으로 모바일용 웹사이트를 스마트폰 앱라이크에 사용할 수 있는 구조입니다.
2018년에 ios에서도 대응되어 가볍게 트렌드가 되고 있다?

그런 PWA를 프로그래밍 없이 간단하게 구현할 수 버리는 「Glide」를 시험해 본다.

Glide란 무엇인가

google 스프레드 시트에서 쉽게 PWA 사이트를 만들 수있는 비 프로그래밍 도구

google 계정으로 로그인하여 사용 가능 (별도 등록 필요 없음)

무료 플랜과 유료 플랜이 있다.

무엇을 만드는가?

"최근, 더워-"
"맥주를 마시고 싶다 -"

"그래, 비어 가든 가자!"

라고 생각해, 이번, 예제에서는 도내의 비어 가든 리스트를 작성하려고 합니다.

즉시 시도해 봅시다.

1. Glide 에 접속한다.


2.google 계정으로 로그인합니다.


3. New App(빨간색 테두리)을 클릭하여 가져올 스프레드시트를 선택합니다.


○스프레드시트 선택


4. 스프레드시트를 선택하는 것만으로, 모바일 단말용의 화면에 그것 같은 것이 생겼다!


큰 프레임 작성까지 무려 5분! !
대부분이 스프레드시트의 기입이었기 때문에, 사이트 자체는 30초로 되어 버렸습니다.

○보충
초기 정보로 다음과 같은 스프레드시트를 사용했습니다.

각 목록의 아이콘을 이미지로 변경합니다.
올려 놓고 싶은 이미지를 저장하고 google 드라이브에 저장합니다.
빨간색 프레임의 '공유 가능한 링크 가져 오기'를 눌러,

스프레드시트에 img 열을 추가하고,
복사한 URL을 붙여넣습니다.



Glide 화면에서 "Reload sheet"을 클릭하십시오.
이미지에 시트의 img 열을 지정하고 "Show initial as default image"를 OFF로 설정합니다.



아이콘도 내 google 계정 내에서 생성할 수 있습니다.

참고로 'settings'에서 아이콘 이미지를 편집할 수도 있습니다.


참고로 이번에 작성한 상세화면은 아래와 같은 기본정보를 올린 형태가 됩니다.

결론

앱을 공유하고 싶은 경우도, 왼쪽 메뉴의 「Share app」를 클릭하면, 간단하게 공유할 수 있다.

다른 Qiita의 기사에서도, 공원 리스트, 여정 리스트 등, 표 형식으로 표현할 수 있는 것을 작성하고 있는 사람이 많지만, 어디까지나, 작성하는 사이트의 전 재료가 스프레드 시트인 만큼 리스트계의 앱 만드는 것은 쉽지만 응용 프로그램은 어렵습니까?

스프레드시트를 공유해 두는 것만으로, 공동 개발이 가능한 점은 편리!

아직도, 기능이 많이 있다. 세부정보 화면에 표시되는 정보 변경, googleMap 추가, 사용자 수정 기능 추가 등 ( 동기부여가 있으면이 기사에서 언급하지 않은 기능에 대해서도 쓰려고합니다 ....)