모두 사랑 (?)Vuetify입니다만, 비교적 일본어로의 기사는 많지 않습니다. (자신 조사)
지금 담당하고 있는 프로젝트에서 Vuetify를 채용해 2년 정도 지나, 여러가지 지견이 쌓여 왔으므로, Qiita풍의 UI를 만들면서 화면 구축의 테크닉을 공개해 가고 싶습니다.
어느 정도 컴포넌트마다 구분하여 공개해 갑니다.
(궁극적으로 Nuxt.js에서 응용 프로그램으로 게시 할 수 있다면 좋을 것입니다 )

Vuetify란?

Vuetify는 Vue.js에서 사용할 수 있는 머티리얼 컴포넌트 프레임워크입니다.
미리 WEB 어플리케이션을 구축하는데 있어서 필요한 컴퍼넌트는 거의 갖추어져 있으므로, 스타트업시의 모의 작성이나, 화면을 가조할 때에 힘을 발휘합니다. (운용에서도 문제없이 사용할 수 있습니다.)
스타일을 쓰지 않고 깨끗한 화면을 만들 수 있으므로 프런트 엔드 엔지니어의 동기 부여가 오르는 것도 틀림없습니다.

목차

어디까지나 Qiita風 그래서 양해를.
(원래 완코피한다면 Vuetify 필요없고 )

조금씩 써 갑니다.
(Vuetify2가 출시되었으므로 다시 쓰고 있습니다 ...)

헤더

팀 전환 메뉴

홈 커뮤니티 메뉴

키워드 검색 필드

재고 목록 링크

알림 메뉴

사용자 메뉴

레이아웃 및 응답 가능

바닥글

톱 화면

탭

기사 목록

그 외

이런 컴포넌트 어떻게 만들까? 라든지 질문이 있으면, 코멘트 해주세요.