タグ

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

タグの絞り込みを解除

Electronとjavascriptに関するdorokeiのブックマーク (3)

  • 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
  • Vue.js + ElectronでTwitterクライアントを作った - razokulover publog

    Vue.jsとElectronでシンプルなTwitterクライアントを作った。 vue-twitter-client きっかけとしては一言で言うとフロントエンド周りの勉強。 2017年1~3月の振り返りにも書いた通り。 自分はモダンなフロントエンドの開発に疎かったので重い腰を上げてそろそろやるかという気持ちになって3月中頃くらいからはじめた。 Vue.jsについては2,3週間前くらいから触りはじめている。 Vue.jsはちゃんとしたSPAからフォームにちょいと味付けみたいな使い方もできたり小回りがきく。 個人的にはReactでの開発よりやりたいことが直感的に書ける気がしてるので使いやすいという印象。 とりあえず最初はTODOアプリやAPIを叩く小さなフィードを作って、次にNuxt.jsでSSRできるミニサイトを作ったりで大体使い方は覚えてきたというステータス。 ライブラリでいうとvuex,

    Vue.js + ElectronでTwitterクライアントを作った - razokulover publog
  • 1