ushumpei’s blog

生活で気になったことを随時調べて書いていきます。

2016-07-01から1ヶ月間の記事一覧

Vimで折畳

こんにちは。 Vimについて書きます。 概要 Vimでは文章を折りたたむことができるようです(Vi には折畳は無い)。htmlを編集している時など、ファイルが長くてちょっと読みづらいといった時にとても便利です。 Vimユーザマニュアルはとても素晴らしいので、こ…

javascriptでpartition 関数を実装

こんにちは javascriptでhaskellでいうところのpartition関数を実装してみたのでメモします。 partition関数 全然一般的ではないので説明です。僕がpartition関数って言っているのは、「配列を、その要素に対して真偽を判定する関数により、真なものと偽なも…

browser-syncでブラウザ自動更新

Node.jsでコードを書いていると、ターミナルとブラウザの行き来が頻発して面倒です。自分のノートPCはモニタが小さいので、ウィンドウを切り替えていると埋もれてしまい、それを探すために集中力が切れてしまったりします。 browser-syncを使ってコードを書…

圏, 関手, 自然変換

圏論の定義メモ Def.圏(category) 圏 は次のデータからなります; 対象(objects) , , ... 射(arrows) , , ... ドメイン(domain), コドメイン(codomain) 任意の射 に対し, 対象 , が定まる. この時 と表す. (ただし 、) 合成(composite) 任意の射 、に対し…

PCのカメラを起動する

WebRTCで遊んでみたいので、手始めにPCの内臓カメラを起動するだけのページを作成します。 navigatorオブジェクトのgetUserMediaメソッドを使用することでデバイスにアクセスできるみたいです。ただ、ブラウザ環境ごとにこのメソッドがあったりなかったりす…

オーダー

オーダーについて。適当に済ましていたので、おぼえがきします。アルゴリズムでも数学でも見ることがよくありますが、若干うろ覚えです。 定義 が のときオーダーである。 これを変形すると、 となることから、この定義は は より発散する速度が遅いというこ…

javascriptで実行時間を表示する

短いメモです。 console.time、console.timeEndを使うとスクリプトの実行時間を表示することができます。 var loop = n => { console.time('timer'); for(i = 1; i <= n; i++) { for(j = 1; j <= n; j++) { console.log(`${i} x ${j} = ${i*j}`); } } consol…

ReduxとExpressかElectronか

Reduxのチュートリアルを見終わったので、実際に手を動かしてみようと思い、リポジトリを作成してみました。中身はExample: Todo List | Reduxです。 github.com expressとelectronで動作確認ができます。 感想 写経しているとreduxに関して徐々にわかってき…

Reduxの勉強3

前々回 前回 引き続き、Reduxのレッスン動画を視聴した時のメモです。 21: ToDoアプリのリファクタリング。見た目と挙動を分けます。Main container componentからPresentational componentを分離しましょうというはなし。 22: container componentは振る舞…

webpack、babel、React

Reactの環境構築です。できるだけ覚えることを減らしたいので、webpack、babel、reactを軸に必要最低限なものをインストールします。Node.jsの環境が整っている前提です。(npmコマンドが使えればOKかと思います) それぞれに関するメモです。 webpack: jsxと…

Reduxの勉強2

前回 動画が30分で終わるかと思ったら30回あることに気がついて力尽きてしまったので、今日はその残りを見ていきます。 Webpackを使えるようになろうとか言っていましたが、いまの腰を据えて試せていないので停滞しています。残りの動画を放っておくとちょっ…

JavaScript...

ES6から、「Spread operater」というものが追加されました。「...」を記述することで、配列やオブジェクトを展開する事ができる演算子だそうです。 例えば、 var [x, ...xs] = [1,2,3,4,5,6,7,8,9]; console.log(x); //=> 1 console.log(xs); //=> [2, 3, 4,…

Reduxの勉強

Redux ここを一通り読めばわかりそうだ!と思って読み始めたら、いきなりプレディクタブルステートコンテナとか言われてよく分かりません。 Redux is a predictable state container for JavaScript apps. Read Me | Redux ステートは普通に状態でいいのだろ…