Electron Advent Calendar 2016 19 日のエントリーです。 ちょうど 1 年前にデスクトップを録画するアプリを書いたというエントリーを投稿していました。以前書いたときは、ほぼ Photon を使ってみたいという動機だけでした。 中身 ほぼ変わっていません。desktopCapturer を使って <video> に書いたスクリーンを <canvas> に書き出して Whammy で webm に書き出しています。gifshot でアニメーション gif の書き出しに対応したのが新機能です。 Whammy の作者さんが作っていた jsgif も試してみたのですが、ぼくのやり方が良くなかったのか書き出しにものすごく時間がかかってしまい、gifshot にしました。まあでもそれなりな録画時間であれば書き出しに時間はかかってしまいます（いまさらながら child_pro

愛用している AeroReader が最近更新されなくなってしまい、iPhone 6s だと画面が引き伸ばされたままで悲しみがあふれていたので、自分用に勉強がてら作りました。Ladder って名前です。レポジトリはこちら。React Native で作っていますが Android では動きません。 フィードを消化して連続で読んでいくことに特化していますので、機能はとても少ないです。ぼく自身ピンを使わないので、ピンが無かったりします。機能は並び替えくらいですね...。 Electron で LDR のデスクトップアプリを作った時もそうでしたが、デザインセンスが滅亡しているのでがんばって Slack に似せてみました（つらい）。 動かし方 $ git clone git@github.com:k0sukey/Ladder.git $ cd Ladder $ npm install $ npm

手軽にデスクトップ（or ウィンドウ）を録画できるアプリが欲しかった Photon を使ってみたかった Electron 楽しい 以上の動機で書いてみました。Rec って名前です（てきとー）。レポジトリはこちら。Mac であればバイナリを置いてあります。Windows は試していないです。 使い方 アプリを起動するとデスクトップとウィンドウの一覧がサイドバーに並ぶので、録画したいものをクリックしてから、カメラアイコンをクリックで録画開始です。止めるときは停止アイコンですね。仮想デスクトップをお使いの場合は、対象のデスクトップにアプリを移動して、右上のリフレッシュボタンをクリックです。 停止アイコンをクリックで録画された webm がダウンロードできますので、あとはご自由にどうぞ。 中身 Electron v0.36.0 から desktopCapturer モジュールが使えるようになりまし

Electron で Live Dwango Reader（旧 Live Door Reader）クライアントを作ってみる、その二JavaScriptNode.jsReactElectron 思っていたよりたくさんの方たちに見ていただいたようで、とにかく圧倒的にデザインがダサくて恥ずかしかったので、ちょっとだけバージョンアップしました。あと、前回のは Electron 成分が少なめでしたので、今回はちょっぴり増量しています。レポジトリはこちら。 圧倒的にダサかったデザインをなんとかした Slack っぽくしてみました。ちょっとは今風になったかもしれないです。 そもそもデザインセンスもないですし、HTML / CSS は 3〜4 年くらいまともに触っていないので、どなたかやってやるよ！って方がいらっしゃいましたらぜひ...。限界に近いです。 認証をどうにかする アクセストークンをインスペクタ

Electron で Live Dwango Reader（旧 Live Door Reader）クライアントを作ってみるJavaScriptNode.jsReactElectron まだまだ機能は乏しいし、既読化も実装していません（テストでフィードがなくなっちゃうと痛いので後回し）が、ぼく自身、常用しているショートカットまでを実装できたので、ご紹介。 レポジトリはこちら。 使っている npm パッケージ React：コンポーネントとかレンダリングとか react-modal：元記事表示用のモーダルを作る時に mousetrap：キーボードショートカットで request：API と通信 lodash：なんやかんやでいつも使う できること フィード一覧の取得、表示 選択されたフィードを読み込んで、記事一覧を表示 元記事の表示 最低限のキーボードショートカット （まだ）できないこと 認証 そ