JavaScript

vimでTypeScriptのSyntaxHighlightに対応したいっ! TypeScript

vimでTypeScriptのSyntaxHighlightに対応したいっ!

Vimプラグインマネージャー 元々インストールしたままのvimで一部の設定は.vimrcに書いていましたが、とりあえずVundle(vimプラグインマネージャー)をインストールします。 Vundle.vimをclone git clone https://github.com/VundleVim/V…
ReactでonClickをネストにしたいっ! React.js

ReactでonClickをネストにしたいっ!

やりたいことをコードで書いてみたけど、これ何の為に必要なのかよくわからんなw render ( <a onClick={e=>{ console.log('parent!!'); }}> 外側 <span onClick={e=>{ console.log('child…
S3(CloudFront)の画像をcanvasで使いたいっ! JavaScript

S3(CloudFront)の画像をcanvasで使いたいっ!

タイトルのままですが、外部のサーバーにアップロードされている画像をcanvasに入れようと思ったら、色々と制限があるようなので調べてみました。 js実装 何も気にせずに書くとすれば、 const url = 'https:///example.com/test.jpg'; // s3(もしくはClo…
BootstrapのModalで勝手にスクロールしないようにしたいっ! bootstrap

BootstrapのModalで勝手にスクロールしないようにしたいっ!

Bootstrapで謎の挙動(バグ?)があったのでメモ。 現象 スマホサイズでModalを起動した時に、裏側(Modalを起動した側)のスクロールがTOP(一番上)にきてるぽい? つまり、ページの下の方にモーダルを起動するボタンがあると、モーダル起動して、モーダルを閉じると、なぜかページTOPになっ…
GoogleMapAPI緯度経度が範囲を超える問題 JavaScript

GoogleMapAPI緯度経度が範囲を超える問題

GoogleMapで緯度経度を取得した時に、有効範囲外の数値が取得される場合があるようなので、その対処方をメモ。 緯度経度の範囲 緯度(latitude)の範囲は、-90° ~ 90° 経度(longitude)の範囲は、-180° ~ 180° なので、これを超える事は無いはずなんですが、Goog…
jsxでコメントアウト React.js

jsxでコメントアウト

前に作ったMessageクラスですが、、 var Message = React.createClass({ render: function() { return ( <div className="message"> <h2 className="…
react.jsで別のComponentへのアクセス React.js

react.jsで別のComponentへのアクセス

htmlは以前用意したもの(Hello, React.js!! まずは何か表示してみる。)をそのままで。 var Message = React.createClass({ render: function() { return ( <div className="message&q…
jsxでwatchの拡張子を指定する React.js

jsxでwatchの拡張子を指定する

jsx --watch react static/dest って感じでコンパイルしようとすると、react以下の*.jsしか見てくれないんですが、 jsx --watch react static/dest -x jsx って感じで"-x"をつけてやると、*.jsxが対象になる。 そもそも、"--w…