ンンンパ

ふとしです

react

自分じゃないReact.Componentから上がってくるドラッグイベントを処理する。

のはつらい。 同一Component内で処理するのは楽 Marker Workbookではそのようにやりました。簡便に書くと以下。 startDrag(e){ e.preventDefault(); let div = e.currentTarget; let store = []; let startPosition = {x: e.pageX, y: e.pageY}; store.push(…

WatchifyとBabelifyでES2015とReactをする。(no Gulp)

BabelがわりにTypeScriptを使うという雑なことを続けていましたが、Babelでも作業できるようにします。 ├ public/ │ ├ js/ │ │ └ build.js # 書きだされたjs │ └ index.html │ └ src/ ├ js/ │ └ index.js # ES2015のjs ├ out # ../public/jsへのシンボリッ…

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> } ただ…

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

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

Reduxは欧米人用。

ないから生まれるんだ。 中国人は道徳心が無いから儒教が生まれた。 日本人は勇気がないから武士道が生まれた。 アングロサクソンはずるいからフェアプレーの精神が生まれた。 あのめんどくささの極致みたいなファイルの多さは欧米人の我の強さ、自分主義、…

リボルビング払いのコワさを知るために簡単な計算機つくった

久しぶりに借金に関して調べてたけど世のリボ払い利息計算機はなんでこんなに使いづらくつくってあるんだ。— おふくろさま(♂) (@o296sm) 2016年4月9日 銀行が提供しているシミュレーターはやたらと入力項目が多かったり小さかったりでアレだったので、ただ…

質問のしやすいグループウェアとはどんなのなのか〜?

とか考えながらモックをつくってました。動いてる。 おしえてください mmmpa/askable 反応をボタンひとつで返せるようにしたかった ただ知らないだけでも、その反応がわかるようにしたかった、という感じです。 メーリングリストで質問を投げた時の問題点は…

今日は週末だから自殺者は少ないと思ったんだけど。

無職ももう半年になり、体がすっかりなじんできましたが、失業手当も残すところあと30日ほどになりなじんでる場合ではなくなってきました。 内閣府の統計をもとにグラフを描画するサイトをつくった 最近はおもにReactを触りつづけているのですが、チャートを…

ことあるごとにマインスイーパーつくってるっぽい

今回のはReactの勉強用につくりました。 http://mine.mmmpa.net/ reactjs - javascript再勉強のためにreact + ardaでマインスイーパーをつくったので気づきを忘れないようにメモ - Qiitaqiita.com 前回は2-3年前で、Flashで右クリックが取れるというのでつく…