
개인 개발: 니코니코와 YouTube의 '좋은 점만 취합'을 목표로 한 동영상 공유 사이트(베타 버전)를 Gemini와 Firebase를
요약
학생이 니코니코도우가의 '탄막 문화'와 YouTube의 '편의성'을 결합한 베타 버전 동영상 공유 사이트 『디렉터레』를 개발했습니다. Firebase 스택(Firestore, Storage 등)과 Vanilla JS를 사용하여 구현했으며, 특히 탄막 기능을 PIP에서도 즐길 수 있도록 대응시킨 것이 특징입니다.
핵심 포인트
- 니코니코도우가와 YouTube의 장점을 결합한 동영상 공유 사이트 베타 버전 공개
- Firebase (Firestore, Storage) 및 Vanilla JavaScript 스택 사용
- 탄막 기능을 PIP(Picture-in-Picture)에서도 즐길 수 있도록 구현하여 접근성 개선
↓동영상 공유 사이트 URL
안녕하세요! 프로그래밍이나 AI에 대해 전혀 모르는, 시간이 남는 학생입니다!
이번에 니코니코도우가 같은 '탄막 문화'와 YouTube 같은 '편의성'을 융합시킨 동영상 공유 사이트 『디렉터레(Directorare)』를 공개합니다.
이 글에서는 개발 배경과 채택한 기술 스택, 그리고 구현한 기능에 대해 공유하겠습니다.
・기본적으로 Youtube의 기능을 철저하게 리스펙트했기 때문에, Youtube처럼 사용할 수 있는 것은 확실합니다!
※주목할 점
니코니코도우가의 탄막 기능을 PIP에서도 즐길 수 있도록 대응시켰습니다.

Frontend: HTML / CSS / JavaScript (Vanilla)
Backend: Firebase
Authentication: Google 로그인, 이메일 인증
Firestore: 동영상 데이터, 댓글, 탄막의 실시간 관리
Storage: 동영상 파일, 썸네일, 아이콘 이미지 저장
Hosting: GitHub Pages
Library: Fuse.js (검색 기능)
기존 플랫폼인 Youtube나 니코니코도우가는 멋진 동영상 사이트입니다.
하지만, 니코니코도우가는 사용하기 어렵습니다. (스마트폰 버전은 자주 다운됩니다.)
탄막 기능이라는 독자적인 특징이 있음에도 불구하고, 정작 동영상 사이트가 사용하기 어려우면 아깝다고 느꼈습니다. 그래서 탄막 기능을 살린 '누구나 사용하기 쉬운' 동영상 사이트를 만들려고 시도했습니다.
그리고 Youtube 역시 세계적으로 훌륭한 사이트인 것은 틀림없지만, 개성이 너무 부족해서 그것 자체로 재미가 없다고 느낍니다. 게다가 단순히 Short 영상이 싫습니다.
지금은 아직 베타 버전이라 개선할 여지가밖에 없습니다. 그래서 매일 개선해 나갈 것입니다!
세계 최대의 문화를 만드는 동영상 사이트로 만들겠습니다!
AI 자동 생성 콘텐츠
본 콘텐츠는 Qiita AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기