소개

【2019년 4월판】Google SpreadSheet로부터 음속으로 PWA가 내뿜는다고 정말로? !
를 보고 재미있었기 때문에, 자신이 원한다고 생각했던 앱(이라기보다 데이터집)을 만들어 보았습니다.
정말 순식간에 만들어 버려서 최고군요! ! !

작성시에 궁금한 점은 공식 샘플 앱을 바라보고 해결했습니다만, 그것에 대해 써 보겠습니다.

제작 앱 및 소스 스프레드시트

우선은 참고용으로 이하 링크입니다. 이후의 문장으로 말 부족으로 불명점이 있으면 참고로 해 주세요.

【앱】 비공식 BLEACH 캐릭터 정리

【소스】 스프레드시트

【의문】메뉴에서 항목을 탭한 후, 또 다른 항목에 전개하는 기능의 실장 방법은?

단순히 스프레드시트 만들었을 뿐이라면, 이 「화면 전개→화면 전개…
다른 메뉴의 화면에 링크가 날아가는 것도 아니고…

【해】List Reference 컴퍼넌트를 사용한다

List Reference 컴포넌트 혹은 Inline list 컴퍼넌트(후술합니다)를 사용하는 것으로, 화면 전개 기능을 사용할 수 있었습니다.
일정한 조건을 만족시키지 않으면 컴퍼넌트의 후보에도 오르지 않기 때문에, 이하에 순서를 기재합니다.

Step1: 배포하고자 하는 데이터를 준비

이 예에서는 소속 조직의 설명을 표시하고 싶었기 때문에 그런 시트를 만들었습니다.

Step2：항목명을 「항목명=참조처 시트명:참조처 항목명:Multiple」로 한다

샘플 앱의 스프레드시트를 보면 項目名=参照先シート名:参照先項目名:Multiple(……사양 문서를 보았다는 해결 방법이 아니어서 죄송합니다..
이것이 무엇 사양에 근거한 기법인가, 아시는 분 계시면 코멘트해 주세요)

Step3：참조원 항목 내용을 참조처 항목 내용과 동일하게 한다

Step4 : List Reference 컴포넌트가 표시되므로 사용

List Reference 구성 요소를 추가한 다음 다른 항목과 마찬가지로 편집합니다.
의문이었던 기능을 구현할 수 있었습니다!

(여담) Inline list 컴포넌트라고 하는 것도 있다

'단행본' 메뉴에는 다음 동영상과 같이 '등장 캐릭터'라는 항목이 있습니다.



이 항목은 Inline list 구성 요소를 사용합니다.
이것도 다른 시트 · 다른 항목을 참조하여 주워 오는 기능입니다.
항목 이름에 項目名=参照先シート名:参照先項目名:Multiple를 지정하는 것은 동일합니다.



「『출번』시트에 있는 n권의 캐릭터를 주워 와줘~」에서 마음대로 참조해 주는 최고군요…
현시점의 샘플이 캐릭터 치우치고 그 효과가 전혀 나타나지 않습니다만! !

결론

프로그래밍보다 데이터 준비하는 편이 시간 걸린다~~! ! (애플리케이션 시간이 30분이면 데이터 작성으로 2시간 걸리고 있다)
이런 작품의 팬 앱이라면, Allow Editing을 true로 하거나 스프레드시트 공개하고, 여러 사람과 협력하여 데이터 입력하는 것이 좋겠지요…