タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

Electronとjsに関するdorokeiのブックマーク (2)

  • Electronでニコ動のコメントみたいにTweetを表示するアプリつくった - c-bata web

    知り合いのエンジニア(rayさん)がGTK3で作っていた nsd というのがあるんですが、結構いい感じなのでMacでも動くものが欲しかった。 Electronで似たようなことが出来ないか調べてみると、GTK3とかに比べて簡単にできそうだったので作ってみた。 ポイントは: 常に最前面にtweetが表示される マウスのイベントが後ろに透過する コーディングだったり他の作業が問題なく出来る 今度、カンファレンスや勉強会で話す時にハッシュタグ表示してみます。 ロゴも描いてみた マウスのイベントの透過について rayさんのnsdとかの場合、tweetのテキストを囲うだけのとても小さくて透明なウィンドウを用意していたらしい。こうすることで文字以外のところをクリックすると後ろにマウスのクリックイベントとかが通る仕組み。 透明なウィンドウを作れるGUIツールキットはたくさんあるみたいなのですが、Elect

    Electronでニコ動のコメントみたいにTweetを表示するアプリつくった - c-bata web
  • Electronでデスクトップいっぱいに雪を降らせるアプリを作る - Qiita

    メリークリスマス! Electronでデスクトップ全画面に表示させるアプリを作ってみたいなぁと思い、時期が時期なので全画面に雪降るアプリを作成してみました。 環境:OS X EL Capitan(10.11.2)、electron-prebuilt v0.36.1、node v5.1.0、TypeScript v1.7.3 ソースコード nyamogera/electron-christmas - GitHub 実装内容 画面全体に透明なウィンドウを表示して、Canvasを使用して丸い白い円を上から下に向かって左右に揺らしながら動かしました。 抑えておくコード Macで透明な部分のマウスのクリックを検知させないようにするコード BrowserWindowのsetIgnoreMouseEvents()関数を使用して、レンダラー上の透明部分のクリックイベントを発生させないようにします。こうする

    Electronでデスクトップいっぱいに雪を降らせるアプリを作る - Qiita
  • 1