ゆず日記

戦う Vimmer 兼 Dvorakユーザ 兼 Kinesisユーザ 兼 おぺらー が戦わないブログ

JavaScript

JSHintオプション一覧を纏めてみたお話。

JSHintオプション一覧 JSHint Options Reference を纏めてみた。(JSHint 2.5 現在) ドキュメント化されてない隠しオプションも一部含みます。 制限系オプション trueにするとチェックが厳しくなる オプション名 default bitwise true ビット演算子の禁止 cam…

syntasticを使う際には必ずcheckerを指定しようというお話。

syntastic_version: 3.4.0-31 の頃にこの記事を書いてます。 結論 scrooloose/syntastic で JSHint を使っている人は、 syntastic_javascript_checkers で明示的に指定しよう。 let g:syntastic_javascript_checkers = [‘jshint’] なんでこんな話になるのか …

JavaScriptで選択範囲内のDOMを取得する

選択範囲内のDOMを取得するやりかた。 ここでは例として、 マウスドラッグでWebページ内のコンテンツを選択した際に、 選択範囲内のDOMを取得して、 その中のa要素を一括取得し, 別タブで開く という処理を実装してみる。 document.addEventListener('mouseu…

Grunt で livereload 環境を作ったお話。

Gruntを当たり前に使うようになって早数ヶ月。ガリガリ弄るってことはないのですが、 なんとなーく使う機会は多いので、ちょっと纏め。 Gruntの要約 3行で纏めると、 node.jsで動作するタスク実行ツール livereloadやjshint, minify, less, Sass生成とかコマ…

jQueryを自前でbuildした話。

jQuery1.10.2にバージョンアップしたら、event.preventDefault()を使っている箇所がChromeで event.returnValue is deprecated. Please use the standard event.preventDefault() instead.みたいなWarningが出るようになった。調べてみた所、以下のチケット…

JavaScript正規表現での最短マッチと、改行が含まれた文字列のマッチ

今更かもですがメモ。 最短マッチ var hoge = "<div class='wrap'><div class='target'>(・ω・ ミ 3 )∋</div></div>"; hoge.match(/<div class='target'>.*<\/div>/); // 実行結果: ["<div class='target'>(・ω・ ミ 3 )∋</div></div>"] hoge.match(/<div class='target'>.*?<\/div>/); // 実行結果: ["<div class='target'>(・ω・ ミ 3 )∋</div>"] 改行を含めた文字…</div>

埋め込み Google マップの座標がズレる場合のメモ。

Webサイトに Google マップを埋め込んでいたんだけど、何故かデフォルト座標がずれてハマったのでメモ。 原因は、要素が非表示の状態で Google マップの埋め込みHTMLが読み込まれていると発生するらしい。どうやら、display: none; がダメ。 ダメな例 // HTM…