Giter Club home page Giter Club logo

niconico-speenya's Introduction

NicoNico SPEENYA

license

ブラウザに、ニコニコ動画のように右から左に流れるコメントを表示する、Chrome機能拡張とそのサーバプログラムです。

スタンプボタンを押すと画像が浮き上がったりします。

主にブラウザを使ったプレゼンテーションで使用すると(いわゆるニコニコメソッド)、視聴者とコミュニケーションがとれて良い感じです。

Google Slidesやネット上のPDFをChromeで開いた上にも表示出来ます(ただし、HTTPSで公開されたサーバが必要)。

注意: 細かいこと考えてないので、このソースコードのまま一般公開サーバとか作ると大変なことになる気がします。

開発動機

社内の会議の所帯が大きくなり一人一人が発言しづらくなってきたため、コミュニケーションを促進するために作りました。

参考

ニコニコメソッドプレゼンを全社会議に取り入れてみたら会議が面白くなった

[WIP]動かし方

Docker

export DOMAIN_NAME=[domain-name] # 適宜指定

docker run --rm \
  -v $(pwd)/data/:/app/data/ \
  -p 8080:8080 -e "SERVER_URL=https://${DOMAIN_NAME}" \
  chimerast/niconico-speenya:develop

Cloud Run

参考資料: https://cloud.google.com/run/docs/mapping-custom-domains

export PROJECT_ID=[project-id] # 適宜指定
export DOMAIN_NAME=[domain-name] # 適宜指定

docker pull chimerast/niconico-speenya:develop
docker tag chimerast/niconico-speenya:develop gcr.io/${PROJECT_ID}/niconico-speenya
docker push gcr.io/${PROJECT_ID}/niconico-speenya
gcloud run deploy niconico-speenya \
  --project=${PROJECT_ID} \
  --platform=managed \
  --region=asia-northeast1 \
  --allow-unauthenticated \
  --image=gcr.io/${PROJECT_ID}/niconico-speenya \
  --cpu=1 \
  --memory=256Mi \
  --max-instances=1 \
  --set-env-vars="SERVER_URL=https://${DOMAIN_NAME}"
gcloud beta run domain-mappings create \
  --project=${PROJECT_ID} \
  --platform=managed \
  --region=asia-northeast1 \
  --service=niconico-speenya \
  --domain=${DOMAIN_NAME}

機能拡張

https://[DOMAIN_NAME]/extensions.zip にアクセスすると、zipファイルがダウンロードできるので、それを chrome://extensions で表示される、機能拡張一覧ページにドラッグ&ドロップしてください。

ライセンス

Apache License 2.0

niconico-speenya's People

Contributors

chimerast avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.