ンンンパ

ふとしです

Typescript

TypeScriptでmixinした時に型情報が見れないのをある程度なんとかする。

わたしが使っているのはこういうやつで、"Real" Mixins with JavaScript Classes由来のやつです。 gist.github.com このようにインします。 export default class Mixed extends (mix(BaseClass).mix( Mix1, Mix2, Mix3 ) as typeof BaseClass) { // class }…

ES6のDestructuring assignment(分割代入)でさらに便利記法

分割代入 - JavaScript | MDN 分割代入というのは let {a, b} = {a: 'a', b: 'b'}; console.log(a, b); // a b というオブジェクトのキーをもとに変数に展開できる、これだけでも十分便利なものですが、さらに便利にする記法もあります。 変数に別名をつけら…

TypeScriptのコード規約をIntelliJのデフォルト設定任せにしていたので、TSLintでちゃんとやる。

*lintは自分で、あるいは社で作成された一定の規約に従ったコードを書かないと怒られシステムです。 人の目とか感覚ではなく、機械が機械的に怒ってくれるので感情が沸かないのが良いですね。 TypeScriptにはTSLintがある 現在JavaScriptを書くにあたっては…

Reactで右クリックを扱う

ReactにはonContextMenuが用意されているので楽です。 render() { let onClick = (e, isRight?)=> { e.preventDefault(); if(isRight){ // 右クリック }else{ // 左クリック } }; return <div onClick={(e)=> onClick(e)} onContextMenu={(e)=> onClick(e, true)}> 何か </div> } ただ…

アンドゥリドゥの案メモ

実装 gist.github.com テストも書いてまぁ動いたのでこれで。 gist.github.com 最初のメモ gist.github.com こんな感じかな。未実装。 運動後にやってみる。

JavaScriptで確実にmouseupをつかんでblur()する。

Marker Workbook PDF.jsとReactでブラウザ上で完結する暗記帳的なものをつくった。 - Qiita ではキーボード・ショートカットでスペースを使うのですが、ボタン押下後にスペースを押すと、そのボタンにフォーカスが残っていて再度押下されてつらいということ…

学習意欲の足しになるんじゃないかと思って、学習メモのページのソースも github で管理しはじめた

http://mp.mmmpa.net/ みんなも大好き Contributions の緑色がモチベーションの足しになるんじゃないかと思って。 題材は数学と物理で、本当に完全にわかってないんです。もとは Flash の Actionscript もメシの種であったりして、数式にお世話になる機会は…

TypeScript で名前付き引数っぽいことをしたかった

とにかく記憶力と注意力に問題があるので間違いは出して欲しいしその場でなにが投げられてるかわかりたい。 クラスでこう書くと class ValidatorCallback { public valid: Function; public invalid: Function; constructor(params: { valid: Function; inva…

vue.js + typescript をためす。

ここ丸一ヶ月ほど完全に rails おじさん化していたのでこれではいかんと vue.js をさわりなおすことに。とりあえず簡単なものをつくって雰囲気をつかんだりしたい。 vue.js + typescript 神経衰弱 データバインディングやはり最高だろうという感じで早く ie8…