소개

안녕하세요. Qiita 첫 투고입니다.
원래 Nuxt×Firebase에서 뭔가 만들고 싶다고 생각했던 곳에, Qiita x COTOHA API 선물 기획의 기사를 발견했으므로, 챌린지하기로 했습니다.

Qiita x COTOHA API 선물 기획

만든 것

Nuxt와 Firebase의 트위터 인증을 사용하여 자신의 트윗 30개 정도(RT 제외)를 COTOHA API의 유저 속성 추정(β)에 던져 결과를 표시하는 사이트입니다.

트윗에서 어디까지 몸을 발레하는지 기대.

판정 결과는 Firestore에 보존해, 재로그인시에는 전회의 판정 결과를 참조할 수 있도록 했습니다.

다른 사람에게는 보이고 싶지 않다고 생각하고 로그인한 본인에게만 볼 수 있도록 하고 있습니다.

만든 사이트는 이쪽

사용한 것

Nuxt.js v2.11.0

Vuetify

Google Firebase v7.9.0

Google Firestore

Google Cloud Functions

Twitter API

COTOHA API

COTOHA의 사용자 속성 추정 (β) 결과

속성
판정 결과
정오


젠더
남성
○

hobby
ANIMAL
×

hobby
COLLECTION
×

hobby
FISHING
×

hobby
GOURMET
×

hobby
스포츠
○

hobby
스튜디
○

moving
BUS
△

moving
CAR
○

moving
CYCLING
×

moving
RAILWAY
○

moving
Walking
○

occupation
직장인
○


정오는 있지만, 높이 30개 정도의 트윗에서 이만큼 추정해 온다고는.

그 밖에도 연령 등도 추정해 줄 때가 있습니다. (연봉도 있었습니다만, twitter의 규약에 반한다고 하는 것으로, 표시되지 않게 대응하고 있습니다)

초보자가 사이트를 만드는 소감

Firebase의 트위터 인증 기능을 즉시 구현할 수 있음

Firestore 웹 화면과 DB의 실시간 동기화에 감동

Vuetify로 똑같이 사이트 만들기를 할 수 있다는 것에 감격

참고할 수 있는 양질의 기사 덕분에, 휴일 주체로 실질 2주간 정도로 생겼다. 감격 (사이에 맞는 ~)

작성 우선으로 코드 품질은 이마이치. 코드 검토 및 개발 기술의 필요성을 깨닫습니다

Firebase 같은 편리한 기술이 세상에 많이 있다. 앞으로도 출력을 소중히하고 싶습니다

슈퍼 양질 기사(참고 사이트)

Nuxt.js + Vuex + Firebase (Authentication, Cloud Firestore)로 Twitter 사용자를위한 전보판 만들기
Nuxt×Firebase(Authentication 등)를 사용한 사이트 만들기 전반의 기재가 있어, 매우 신세를 졌습니다. Firebase의 실시간 동기화 기능도 만날 수 있었습니다.

트위터 사람들의 연봉이 낮다는 것을 밝혀서는 안되었다 [소 재료]
twitter의 규약의 문제 등, 매우 공부가 된 기사. 이번 대처는 이쪽의 기사의 2번 달이었습니다. . .