Reactのキーボードイベントをクロスブラウザで確認する
React の onKeyDown / onKeyPress / onKeyUp / onChange の挙動が、クロスブラウザでどのように変わるのかを調査しました。 調査方法・内容 それらのイ...
22
14
Comment0
52 search resultsShowing 1~20 results
Stocked
You need to log-in
FlowのObject type spreadの挙動を確認する
はじめに v0.42.0 からリリースされている Object type spread 機能ですが、ドキュメントが 公式サイト にはまだ無いようです。 そこで実際挙動を調査したところ、個人的には...
7
6
Comment0
初めてflow使って気になった点・ハマった点
Flow を使い始めて、気になったりハマったりで解決に多少の時間を要した点のメモ集です。 マニュアルを読めば解決していたなど、普通大丈夫だろみたいな点も含まれていると思います。 バージョンは、特...
18
11
Comment0
find, xargs, sed(gsed) でファイルの一部を置換して保存する
1024 番煎じくらいですが毎度忘れるので。 # sed -i は上書き更新オプション find ./path/do/dir -name '*.js' | xargs sed -i "s/foo...
7
3
Comment0
ReactCSSTransitionGroupが動かないときのチェックリスト
React の Add-on のひとつである ReactCSSTransitionGroup (= react-addons-css-transition-group)が期待通りに動かないときの...
4
3
Comment0
Chrome v56の全角変換中の入力をJSから更新した際の不具合
この記事の趣旨 例えば、JavaScript で 「テキストフィールド1の全角入力中2に input要素.value を更新することで、 その全角入力ウィンドウ3を強制的に閉じる」 という実装...
3
0
Comment0
日本製外付けテンキーによるJSキーボードイベントの調査
これは何？ 外付けテンキーで全角数値を入力した時に、Chrome の JavaScript のイベントハンドラがどのように発火するのかのログを記録する。 また、対比用にノートパソコンの内臓キーボ...
3
5
Comment0
複数の作用がセットのAction発行とどう向き合うか
Redux を仕事と個人で使い始めて 3・4 週間という経験値なのですが、「唯一の状態である state の唯一の更新手段である Action 発行」が、更新以外の作用を伴うことに頭を悩ませてい...
11
3
Comment2
expect(1).to be 1 が成立するのが不思議だった
概要 RSpec の be マッチャーは何となく雰囲気で、いわゆる「参照一致」だと思っており、そうなら何故別変数のように見える 1 と 1 が一致するのかというのが不思議でした。 理由 be は...
1
1
Comment3
JavaScriptでURLの解析をしたかった
フロントエンド JavaScript で「URL 文字列からパス部分を抽出したい」という有りがちな処理をやりたかった時に、気持良く解決できなかったという作業ログです。 誰の役に立つのかわからない...
6
2
Comment3
RubyとRailsのto_jsonの違い
概要 出力される JSON に含まれる文字の一部が、JavaScript の Unicode エスケープシーケンス に変換されているかされていないかが異なる。 Rails 側は、どういう仕様なん...
9
6
Comment0
ECMAScript Classes の継承関係の確認
const assert = require('assert'); class Super {} class Sub extends Super {} class SubSub extends ...
2
1
Comment0
el.querySelectorはセレクタに自身を含めて検索できる
はじめに あるDOM要素を起点に querySelector をして、その直下の要素だけを取得したいと思いました。 まずは、素直にこのように書いたのですが、これはエラーになったのでどうすればいい...
5
6
Comment4
wheelイベントが返すdeltaY値のブラウザ別挙動
wheel イベントが返す event.deltaY の値が、ブラウザによって割と異なっていたという話です。 el.addEventListener('wheel', function(even...
9
9
Comment0
ブラウザの表示領域を差分でスクロール
例えば、縦スクロールする場合： var deltaY = 100; // 差分 window.scroll(window.pageXOffset, window.pageYOffset + d...
4
4
Comment0
eslint-config-airbnbを守りたかった
ESLint のルールに eslint-config-airbnb v5.0 を採用してみたけど、一部のルールが厳しかったという話です。 eslint-config-airbnb の設定 おそら...
63
49
Comment4
IE10のel.classList.addは第二引数以降を受け取れない
仕様上の挙動 document.body.classList.add('foo', 'bar'); // -> <body class="foo bar" /> IE10の挙...
6
6
Comment0
inline-block 要素周りの隙間をハックしないで解決したい
したかったが、未解決で保留しているという記事です。 最初 この HTML だと： <!DOCTYPE html> <html> <head> <styl...
1
1
Comment3
フロントエンドのテストとNode.js
はじめに Node.js と連携することで、昔は大変だったフロントエンドのテストがとても便利になってます。 という内容です。 はじめに QUnit があった JS のテスト手段として、自分の観測...
67
61
Comment0
selenium-webdriver@2.46.1の致命的なバグをダウングレードで先送りにした話
最新版の selenium-webdriver@2.46.1 ですが、現在致命的なバグがあります。 問題 例えば、以下のサンプルコードは動作しますが： var webdriver = requi...
4
3
Comment0
52 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles