はてなブックマーク

RTMP配信を複数のサービスに同時に配信できるデスクトップアプリをElectronで作りました。 厳密に言うと、RTMPの仕事をnginxにやらせるフロントエンドになっています。 解決したかった問題 RTMPでの配信は一つのサービス宛にしか届けられないけど、配信サイトは沢山あって一つに絞れない 特定のサービスにロックインされたくない ロックインされたくない！ ロックインされたくない！ ロックインされたくない！ nginxのrtmp-moduleを使うと一つのrtmpストリームを複数のサービスに分配してくれるけど、サービスを切り替えたりするのに逐一コンフィグを直接いじるのはちょっと面倒 解決策 nginxのrtmp-moduleを簡単に動かす事ができるフロントエンドを用意する できること 動かし方は README.ja.md を参照ください。 技術的な諸々 ソースコードはMITライセンスで公

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

つけようぜ！ 'にしようぜ派: 「HTMLの文字括りが " だからjsでHTML生成するときに捗るよ派」 「英語キーボードだとシフトキー押さなくて済むからエコだよ派」 "にしようぜ派: 「ほとんどの言語でこっちだからこっちにしたほうが捗るよ派」 「HTMLでもこっちなんだから当然こっちだろ派」 どっちでもいいよ派: 「そのプロジェクトごとになんとなく決めればいいよ派」 「 ` だけ使うよ派（過激派）」 どちらにも言い分があるので、主要なプロジェクトでの採用状況を調べました。 採用状況 ' を採用しているプロジェクト Node.js本体 https://github.com/nodejs/node https://github.com/npm/npm フレームワーク https://github.com/angular/angular https://github.com/facebook/

console.log(app.getPath('home')); // -> C:\Users\【ユーザー名】 console.log(app.getPath('appData')); // -> C:\Users\【ユーザー名】\AppData\Roaming console.log(app.getPath('userData')); // -> C:\Users\【ユーザー名】\AppData\Roaming\【パッケージ名】 console.log(app.getPath('temp')); // -> C:\Users\【ユーザー名】\AppData\Local\Temp console.log(app.getPath('exe')); // -> 【実行している.exeのパス】 console.log(app.getPath('module')); // -> 【実行している.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

コールバック地獄を解消するPromiseパターン Promiseは非同期処理のデザインパターンの一つです。非同期処理関数の戻り値として「処理の途中」を意味するオブジェクトを返す事で、かゆいところに手を届くようにします。ちなみに言語によってはFutureと呼ばれることもあります。（参考: future - Wikipedia） 言語によって何が利点になるかは微妙に異なりますが、JavaScriptではコールバック地獄を抑止できる事が大きいでしょう。 JavaScriptでよく見られる非同期処理は、処理結果をコールバック関数で受けるパターンですね。標準APIでも頻繁に用いられています。

PeerCastでプログラミング配信を視聴するには、以下のステップが必要です。 PeerCastを起動する チャンネルに接続する 順に説明します。 PeerCastを起動する PeerCastはオープンソースのソフトウェアで、いくつか派生版があります。 お勧めはC#で再実装され現在も頻繁にアップデートされているPeerCastStationです。 .NET Framework4.5のアプリケーションなので、Windowsはもちろん、Mac、Linuxでも動作します。 （未インストールの場合は ここ からダウンロードできます。Mac、Linuxユーザーは代わりに Mono が必要です。） PeerCastStation by kumaryu 上記ページから 安定版か開発版かのどちらか好きな方をダウンロードして任意のフォルダに解凍し、起動してください。 Mac、LinuxではGUIが提供されな

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

プロジェクトをフォークしよう！→Mercurialだった Google codeなんかの古いプロジェクトだとMercurialだったりして、Githubにフォークするのが面倒なんですよね。 MercurialはGitと並んで人気の高いバージョン管理システムで、Gitと同じく分散型リポジトリであることや、SVNからリポジトリをチェックアウト出来たりと、ライバル同士のような関係ですね。 そんなMercurialはGithubではサポートされていないのですが、hg-gitというMercurialのプラグインを使うと、MercurialプロジェクトをGithubにpush出来ました。 手順 hg-gitの環境を用意する リポジトリからMercurialでプロジェクトをcloneする hg-gitを使ってGithubの空プロジェクトにpushする MercurialプロジェクトをGitにpushして

AngularJSってコントローラーとビジネスロジックとのコネクションに、FactoryとかServiceとかを提供してるんですが、これって使わなくても困らないなって思います。 AngularJSはMVW、即ちModel-View-Whateverを掲げています。つまり、「 モデル（ビジネスロジック）と画面以外は、どうだっていい。MVCとかMVPとか、くだらない事を考える暇があったら手を動かせ 」と言っているんですね。 FactoryとかServiceはfat-controller回避のための機能だと思うんですが、別にそんな機能使わなくてもmodule使えば回避できますよね。 例えばこんな感じ: import opening = require('./domain/app/opening'); // <-- インポートして var app = angular.module('app', [

書きたい時に書ける環境が有ると素敵なので、少し情報を仕入れておきました。 テストフレームワーク シンプルでフレキシブルなMochaというのが流行りらしい。 Mocha - the fun, simple, flexible JavaScript test framework Mochaはアサーションを持たない（！）ので、アサーションライブラリが別に必要。 Chaiがいいらしい。Chai自体はMochaプロジェクトとは関係なく、他のフレームワークにも適応できるようだ。不思議な感じ。 Chai 他の選択肢: Jasmineというのが一番人気ではあるらしい。BDDはTDDよりも求められるテストの粒度が鮮明で好ましい。 Jasmine: Behavior-Driven JavaScript テストランナー Karmaというのがあるらしいけど、Travis CI（後述）から実行する時はあっても無くて

Windows上でVagrantをAnsibleでprovisionしようとすると、Windows上のAnsible環境で頭を悩ませることになります。（調べた限り無理らしい） そこで、Ansibleは大人しくゲストマシンに押し込んでしまいましょう。 リポジトリはこちら progre/template-vagrant ディレクトリ構成はこんな感じ

window.addEventListener('keydown', e => { // eはKeyboardEventに自動推論される }); addEventListener(type: "keydown", listener: (ev: KeyboardEvent) => any, useCapture?: boolean): void; addEventListener(type: string, listener: EventListener, useCapture?: boolean): void;

AngularJSのテンプレートはyeomanを使って作ることもできますが、 生成されるコードは生のJavaScriptですしコマンドで勝手にコードが出てくるのがどうにもなじめないので、自分でテンプレートを作っています。 progre/template-grunt AngularJSに、TypeScriptとtsdとRequireJSとBootstrapがセットになっています。 使い方 自分のプロジェクトに追加して、