original: The introduction to Reactive Programming you've been missing (by @andrestaltz) (translated by @ninjinkun, reviewed by @ma0e) あなたはリアクティブプログラミングと呼ばれる新しい方法が気になっている。 勉強するのは大変で、良い教材がないのでさらに難しい。私が勉強を始めたときは、まずチュートリアルを探した。見つけたのは一握りの実践的なガイドだけ、しかもそれらは表面をなぞっているだけで、リアクティブプログラミングのアーキテクチャ全体像を構築しようとしてはいなかった。ある関数を理解するのに、ライブラリのドキュメントは役に立たないことがある。 これを見て欲しい。 Rx.Observable.prototype.flatMapLatest(selector,

{ } { changed: true } No idea it changed Solutions? var model = new Model(); model.set('foo', 'bar'); model.get('foo'); Dirty checking — a.k.a. $scope.$digest( ) — “Angular models are plain old JavaScript objects. This makes your code easy to test, maintain, reuse, and again free from boilerplate.” var o = {}; Object.observe(o, function(changes) { console.log(changes); }); // Add a property o.foo

October 7, 2014Slides from "An introduction to ES6"I had the pleasure last weekend of speaking at Epic FEL, a single day, single track conference in the heart of London, run by Made by Many. They did an absolutely fantastic job and if you are ever in London, I recommend their monthly Front End London meetup too. I spoke on introducing ES6, a topic that I've been writing and speaking about more and

人類の進歩により，Webブラウザ上でのアプリケーションはさらにデスクトップと変わらないものになると思われる．その一部として，莫大な計算量が要求されるような計算幾何学のアルゴリズムなども，ブラウザ上で実行できるとガンガンやばいことになる．パソコンやタブレットなどで高速計算を行う場合，一般的な方法が，GPUを使った並列計算である．それをブラウザなどのJSでできるようにするのがWebCLである．この技術の現在について調査した． ユースケース 進歩した人類であるAさんは，Flashの船のゲームに飽き，スマートフォン上で青と緑に分かれて地点(ポータル)の取り合いをするゲームを始めた．Aさんは自分が優位に立つために，大量(近未来なので5万点程度)のポータルの緯度経度を収集し，データとして持っている．しかし，Aさんには体力がなく，ポータル同士を大量にリンクさせ，我陣営を固めようとすると移動距離の問題が起

8番らーめん。おそらく、北陸に住む幼稚園児からじーちゃん、ばーちゃんまで知る、最強ラーメンだと断言できるでしょう。 「なんでやろ？○○○○」 ○に入るのはなんでしょう？という問題を北陸の方に出せば間違いなく答えが帰ってきます。 「ハチバン」 巷では みそ派？しお派？しょうゆ派？バター風味？玄人的には辛麺？という話題だけでもおそらく1〜2時間のトークが出来る8番らーめんです。ちなみに私はみそ派ですが、先日数年ぶりに「しお」に挑戦しました。 今では石川県、富山県、福井県の北陸三県はもちろん、新潟県、長野県、岐阜県、愛知県、そして、京都府、岡山県にまで進出している北陸を中心とした最強勢力のラーメンチェーンです。そして、何故かタイ、香港にまで勢力を伸ばしています。北陸に来たら8番らーめん。観光コンテンツの一つになっていると行っても過言ではない。今ではそういう位置にまでなってしまった8番らーめんです

Vue.js v0.11のrc版もリリースされて、v0.10からの変更点が多いのでchangesを参考にまとめてみました。 ** rc3がリリースされたので修正・追記しました ** APIの変更も多いですが、data継承の仕組みが完全に変わっているのでその辺りは注意が必要ですね。 まだ安定してなかったりドキュメントはv0.10のものしかなくてchangesとmergeしながら読む必要があったりするので、これから開発する人は今のタイミングはどのバージョンを使えばいいのかちょっと悩ましいですね。v0.11系を使っていった方がいいとは思いつつ。 今回の変更でも見えるのですが、Angular.js以外にもBackbone.jsやReact.jsなど様々なフレームワークからいいところを持ってきてるところがVue.jsの面白いところですね。 https://github.com/yyx990803/v

風邪引きました。 みなさんも体調にはお気をつけください。 今まで 現在自分のPCではzshを使ってます。 いちおうvimmerなのでzshもviキーバインドで使ってるんですが、普通の設定だと現在のモードが確認できなくて不便です。 で、今までは以下のページを参考に、.zshrcをごにょごにょしてモードを表示させてました。 めも - zshのキーバインドをViにしたらモードを表示したい こんな感じでターミナルの一番下に現在のモードが表示されます。べんり。 が、これが結構バギーでくせ者です。 例えば最下部でecho 'hoge'とか打つとモード表示とechoの表示が被ってしまったり。 tmuxを使う そこで、最近screenから乗り換えたtmuxのステータス機能を使ってモード表示することにしました。 どうせならpowerlineっぽく見栄えも良くしたい。 一応世の中にはtmux-powerlin

顧問だよ.....! 今回も茶箱さんをお借りしました。特に大変なこともなく2,3回ぐらいメールでやりとりをして箱のことは大体は終わり。 良かったのは茶箱さんに音源の録音をお願いできたこと。 一応部活という体でDJの方々(初心者多し)を沢山招いているので、音源を振り返る、というのはやってみたかった。 とりあえず部活動終わった翌日にCDから音源取り出してDropBoxにポイしてPublicURLをFacebookにあるグループに投げておいた。（ついさっき各部員ごとに音源を分割してやつを放り込んだ） 映像も終始GoProを回しっぱなしで6時間分の映像を分割したりしてた。 録画も公開しようと思うんだけど、DJのライブ映像をYouTubeとかにあげるのってどうなんですかね。このあたりの知見あまりないので知りたみ。 失敗したことはなんだろうねぇ、特にないような感じがする。 失敗を許容できるような体制に

やっぱり宿題全部片付けて夏のおわりは音楽楽しむっていうのは最高だと思うな #kosendj— mactkg (@mactkg) 2014, 8月 31 宿題終わってからDJしてた。 セトリは以下。 天津風とバーニングラッパー金剛先生 Daft Punk ライブでの悲劇 manjidera Daft PunkのOne More Timeを日本語でやってみた I Don't Know Why (Viale, DJ Ross Remix) Moony I Don't Know Why Technoballet (Yoshino Yoshikawa Remix) Hercelot Wakeup Fakepop Green Night Parade (PandaBoY Remix) PandaBoY Give me a Apple Book 不自然なGoodByeで恋愛サーキュレーション

STAND BY ME ドラえもん(ブルーレイ豪華版) [Blu-ray] 出版社/メーカー: ポニーキャニオン発売日: 2015/02/18メディア: Blu-rayこの商品を含むブログ (7件) を見る あらすじ 東京の郊外に暮らす運動オンチで勉強もできない少年、のび太。ある日、22世紀から子孫であるセワシがドラえもんと一緒にタイムマシンでのび太を訪れる。のび太が作った借金が原因で、セワシのいる代まで迷惑をこうむっていた。そのためセワシは、のび太のために世話係のネコ型ロボット・ドラえもんを連れてきたのだ。こうして、のび太はドラえもんと暮らすことになり……。 参考リンク：映画『STAND BY ME ドラえもん』公式サイト 2014年28本目の劇場での鑑賞作品。 お盆休みの昼間の回を、5歳の息子と一緒に観賞。 ２D版。観客は100人くらいでした。なかなかの盛況。 「何が『ドラ泣き』だよ、

sortコマンドに-Rオプションがあるとき [sort] テキスト行をランダムに並び替え - 綾小路龍之介の素人思考 cat hoge.txt | sort -R sortコマンドに-Rオプションがないとき テキストファイルをランダムに並べ替えるワンライナー - 昨日知ったこと cat hoge.txt | while read x; do echo -e "$RANDOM\t$x"; done | sort -k1,1n | cut -f 2- sortコマンドのランダムに並べ替えるオプションは、どうもバージョン6.0のころについたっぽい。 5.xのころのsortには-Rオプションは無い。

毎日が文化祭！「つくドル！プロジェクト」発、ドキドキやワクワクを創り出していくユニット。「虹のコンキスタドール」公式オンラインショップです。

1分で実現できるtmuxのTips x3 (ついでにinstall to Mac,CentOS,Debian/Ubuntu)MacDebianCentOSUbuntu1分シリーズ 日頃お世話になっているtmux。 インストールしたままの状態でもそれなりに使いやすい状態なのですが、 個人的に最初に導入すると便利なTips x3を紹介させていただきます。 Tips1つにつき1分で実現できる..はず！ Mac/CentOS/Debian/Ubuntuでのインストール方法は記事の末尾に記載。 今回紹介するTips用のconfとスクリプトはこちら https://github.com/nntsugu/99.etc/tree/master/dot_files/tmux 0.Tips紹介の前に もいちど書きますが、Mac/CentOS/Debian/Ubuntuでのインストール方法は記事の末尾に記載して

Jenkinsで継続的インテグレーション(CI)を運用していると、ディスクの容量不足となることがあります。これは、継続的に行っているビルドやテストの成果物がJenkinsによって継続的に蓄積されることが主な要因です。これはJenkinsプロジェクトで「古いビルドを破棄」を設定することで抑制することができます。この時、ビルドの保存日数やビルドの保存最大数を設定します。 とはいえ、根本的に容量不足となってしまったならば、ディスク容量を増やすしかありません。 $ df -h Filesystem Size Used Avail Use% マウント位置 /dev/xvda1 7.9G 6.8G 1.1G 87% / tmpfs 1.9G 0 1.9G 0% /dev/shm Amazon EC2ではこのようなケースでも、柔軟にディスク容量を拡張することができます。 前提 EC2インスタンスのルート

Video: https://www.youtube.com/watch?v=b6yLwvNSDck Here's the showdown you've been waiting for: Node.js vs Play Framework. Both are popular open source web frameworks that are built for developer productivity, asynchronous I/O, and the real time web. But which one is easier to learn, test, deploy, debug, and scale? Should you pick Javascript or Scala? The Google v8 engine or the JVM? NPM or Ivy? G

なんか最近Twitterとか職場でも「npmの機能でそんなのあったんだ」って言われること多いので、説明していきます。 ちなみにタイトルにとりあえず10選って書いたけど、あんまりたくさん思いついてないのに、10選って書いてしまったので最後の方は微妙かもしれません。 1. npm installは npm i でも同じことができる まぁ単純なショートカットですね。isntallとかtypoしてても空気読んでくれるんですが、短いほうがいいよねってことで。 # npm installって書くのも $ npm install socket.io #npm i って書くのも同じ $ npm i socket.io # ちなみに --saveは -S, --save-devは -D にできる $ npm i socket.io -S $ npm i mocha -Dショートカット小ネタ。 2. npm