Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
30
Help us understand the problem. What is going on with this article?

More than 5 years have passed since last update.

@n0bisuke

Electronで勉強会で使えるプレゼンツールっぽいものを作った。 (Twitter Streaming API + Milkcocoa)

IPUアドベントカレンダーです!若干遅刻すみません!

Electronの勉強がてら、勉強会でのプレゼンに使えるツイッター連携ツールを作ってみました。

勉強会あるあるとやりたいことなど

  • ハッシュタグ付きツイートがよく投稿されていて、リアルタイムにスライドに対するコメントがあがってくるけど反応できない
  • 独自のツールつくってコメントをプレゼンター側の画面にリアルタイム反映していると、今度はツイッターが盛り上がらなくなる
  • Keynoteなど既存のプレゼンツールは使いたい

作ったもの

ElectronでKeynoteなどのプレゼンツールより手前のレイヤーでツイッターの情報を取得してトースト表示してくれるツールを作りました。

デモ

こんな感じでKeynote使いながらも、手前には設定したキーワードのツイートがリアルタイムに表示されます。

左下がツイートをリアルタイム取得してトースト表示してる部分です。

技術的なあたり

ソースコードは後ほど公開する予定です。

  • Milkcocoa: 使わなくてもいいんですけど、情報の保存用とNode.js <-> フロントのJSとの連携に使ってます
  • Twitter Streaming API : リアルタイムにツイートを取得します
  • Electron: 透過、最前面固定 くらいを設定しました。
  • トースト部分: https://github.com/kamranahmedse/jquery-toast-plugin/

参考

感想

Electron以外と簡単に使えるなぁという印象です。
Keynoteと組み合わせて使えるこのツールは機能精査したらけっこう需要あるんじゃないかとおもってたり。。。笑

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
30
Help us understand the problem. What is going on with this article?