대학이 원격 수업을 한다면 화면에 코멘트를 흘리는 NicoNico SPEENYA는 개미가 아닌가
어떤 형태로 전달되는지는 모릅니다만, 많은 사람들이 청강하는 수업에서는 학생과 강사간의 커뮤니케이션이 어려울 것 같으므로, 코멘트를 치고 의견이나 질문을 공유할 수 있으면 좋을까.
(최근에는 그러한 것이 당연한 것일지도 모르지만, 특히 어떤 시스템이 사용되고 있는지는 모르는 상태로 쓰고 있습니다)
거기서, Chrome Extension에서 코멘트를 흘릴 수 있는 NicoNico SPEENYA는 있었다고 생각해 보고 시험해 보았으므로 배포 방법이라든지 써 둡니다.
저는 사축이므로 원격 회의에서도 재료로 사용하겠습니다.
NicoNico SPEENYA
htps : // 기주 b. 코 m / 치메라 st / 니코 니코 s 페에 냐
전제
로컬로 배포
git clone https://github.com/chimerast/niconico-speenya.git
cd niconico-speenya
vi docker-compose.yml
docker-compose.ymlversion: "3"
services:
nicosp:
build: .
restart: unless-stopped
ports:
- 2525:80
docker-compose up --build -d
브라우저에서
http://localhost:2525
./make-package.sh
cd dist
[root@localhost dist]# ls -l
合計 308
-rw-r--r-- 1 root root 314662 3月 30 23:08 extension.zip
완료된 파일 zip 파일
chrome://extensions/
에 드래그 앤 드롭하여 설치.
코멘트 서버 측에서 코멘트를 입력하면 Chrome에 코멘트가 흐른다.
코멘트 서버를 인터넷에 공개해 두고, 수업 슬라이드를 Sharepoint등으로 Web상에서 표시해 화면 공유해 두면, 학생측이 코멘트를 흘릴 수 있다고 하는 것 같은 사용법을 할 수 있지 않을까. (인증이 없거나 거칠어지는 이야기는 따로 해두고)
인터넷 공개
일단 간단하게 인터넷 공개용 설정도.
예를 들어 리버스 프록시에 매달려 Let's Encrypt 대응.
docker-compose.ymlversion: "3"
services:
nicosp:
build: .
restart: unless-stopped
environment:
TZ: Asia/Tokyo
VIRTUAL_HOST: #あなたのドメイン名
LETSENCRYPT_HOST: #あなたのドメイン名
LETSENCRYPT_EMAIL: #メアド
nginx-proxy:
image: jwilder/nginx-proxy
restart: always
ports:
- 80:80
- 443:443
volumes:
- /dockerdata/nginx-proxy/certs:/etc/nginx/certs:ro
- /dockerdata/nginx-proxy/htpasswd:/etc/nginx/htpasswd
- /etc/nginx/vhost.d
- /usr/share/nginx/html
- /var/run/docker.sock:/tmp/docker.sock:ro
letsencrypt-nginx-proxy-companion:
image: jrcs/letsencrypt-nginx-proxy-companion
restart: always
volumes:
- /home/web/wordpress/certs:/etc/nginx/certs:rw
- /var/run/docker.sock:/var/run/docker.sock:ro
volumes_from:
- nginx-proxy
networks:
default:
external:
name: shared
Chrome extension을 공개한 서버에 대응시킨다.
vi ./extension/scripts/content-script.js
--------------------
const SERVER_URL = 'http://localhost:2525' #ここを公開したURLに書き換える。
--------------------
./make-package.sh
이것으로 공개한 코멘트 서버로부터 읽어들일 수 있을 것.
Reference
이 문제에 관하여(대학이 원격 수업을 한다면 화면에 코멘트를 흘리는 NicoNico SPEENYA는 개미가 아닌가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/devoimo/items/3a7f40ec3ecf819f5978
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
git clone https://github.com/chimerast/niconico-speenya.git
cd niconico-speenya
vi docker-compose.yml
version: "3"
services:
nicosp:
build: .
restart: unless-stopped
ports:
- 2525:80
docker-compose up --build -d
./make-package.sh
cd dist
[root@localhost dist]# ls -l
合計 308
-rw-r--r-- 1 root root 314662 3月 30 23:08 extension.zip
일단 간단하게 인터넷 공개용 설정도.
예를 들어 리버스 프록시에 매달려 Let's Encrypt 대응.
docker-compose.yml
version: "3"
services:
nicosp:
build: .
restart: unless-stopped
environment:
TZ: Asia/Tokyo
VIRTUAL_HOST: #あなたのドメイン名
LETSENCRYPT_HOST: #あなたのドメイン名
LETSENCRYPT_EMAIL: #メアド
nginx-proxy:
image: jwilder/nginx-proxy
restart: always
ports:
- 80:80
- 443:443
volumes:
- /dockerdata/nginx-proxy/certs:/etc/nginx/certs:ro
- /dockerdata/nginx-proxy/htpasswd:/etc/nginx/htpasswd
- /etc/nginx/vhost.d
- /usr/share/nginx/html
- /var/run/docker.sock:/tmp/docker.sock:ro
letsencrypt-nginx-proxy-companion:
image: jrcs/letsencrypt-nginx-proxy-companion
restart: always
volumes:
- /home/web/wordpress/certs:/etc/nginx/certs:rw
- /var/run/docker.sock:/var/run/docker.sock:ro
volumes_from:
- nginx-proxy
networks:
default:
external:
name: shared
Chrome extension을 공개한 서버에 대응시킨다.
vi ./extension/scripts/content-script.js
--------------------
const SERVER_URL = 'http://localhost:2525' #ここを公開したURLに書き換える。
--------------------
./make-package.sh
이것으로 공개한 코멘트 서버로부터 읽어들일 수 있을 것.
Reference
이 문제에 관하여(대학이 원격 수업을 한다면 화면에 코멘트를 흘리는 NicoNico SPEENYA는 개미가 아닌가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/devoimo/items/3a7f40ec3ecf819f5978텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)