대학이 원격 수업을 한다면 화면에 코멘트를 흘리는 NicoNico SPEENYA는 개미가 아닌가

코로나 대책으로서 대학이 리모트에서의 수업 전달을 진행해 가는 것 같네요.
어떤 형태로 전달되는지는 모릅니다만, 많은 사람들이 청강하는 수업에서는 학생과 강사간의 커뮤니케이션이 어려울 것 같으므로, 코멘트를 치고 의견이나 질문을 공유할 수 있으면 좋을까.
(최근에는 그러한 것이 당연한 것일지도 모르지만, 특히 어떤 시스템이 사용되고 있는지는 모르는 상태로 쓰고 있습니다)

거기서, Chrome Extension에서 코멘트를 흘릴 수 있는 NicoNico SPEENYA는 있었다고 생각해 보고 시험해 보았으므로 배포 방법이라든지 써 둡니다.
저는 사축이므로 원격 회의에서도 재료로 사용하겠습니다.

NicoNico SPEENYA
htps : // 기주 b. 코 m / 치메라 st / 니코 니코 s 페에 냐

전제


  • git 사용 가능
  • docker/docker-compose 사용 가능

  • 로컬로 배포


    git clone https://github.com/chimerast/niconico-speenya.git
    cd niconico-speenya
    vi docker-compose.yml
    

    docker-compose.yml
    version: "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.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
    

    이것으로 공개한 코멘트 서버로부터 읽어들일 수 있을 것.

    좋은 웹페이지 즐겨찾기