JavaScript

IE以外のブラウザではもうES2015は十分サポートされているようだ

FRONTEND CONFERENCE 2019のモダンJavaScript再入門で聞いた、"本セッションで紹介した内容は、IE以外のブラウザではネイティブサポートされている"が気になり、以下のようなコードを書いて試してみた。 https://gist.github.com/magai/467c80989769d5f58ad0…

Google Chartsで列に有効なデータがある場合は問題ないのにない場合にエラーになる件

var data = google.visualization.arrayToDataTable([ ['date', 'number'], ['2019-05-13', 1], ['2019-05-14', 2], ['2019-05-15', null] ]); では問題ないのに、 var data = google.visualization.arrayToDataTable([ ['date', 'number'], ['2019-05-13', …

Laravel Mixというかwebpackでconsole.log()が消えないようにする

追記 Laravel Mixとwebpackのどっちが犯人なのか探ってたら、Laravel Mixが犯人であること、さらにじつはもうdrop_consoleがデフォルトで無効になっていることに気付いた。 Remove drop_console option · JeffreyWay/laravel-mix@a9d2646 · GitHub というこ…

ブラウザの「戻る」で戻ったときに選択しているoption要素を戻す方法

select要素のonchangeで即ページ遷移するような実装をすることがたまにある。ボタン押して普通にsubmitさせろよとも思うけど、手順一つ省略したい気持ちもまあわかる。 $('select').on('change', function () { $(this).closest('form').submit() }); まあ、…

Firebugなど各種開発ツールで、input:textのvalueの変化が取れない

<html> <head> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script> jQuery(function ($) { $('input:text').val('ok'); $('input:hidden').val('ok'); }); </script> </head> <body> <form> <input type="text" name="text" value=""> </form></body></html>

Angular.jsとBootstrapを競合させずに使う

普通にやったらアウトっぽい。知らずにBootstrapに後からAngular.js突っ込んでてうまく動かなかったので、以下の手順でなんとかした。 jquery.js, bootstrap.jsを外す。 bower install angular-ui-bootstrap-bower --save angular-ui-bootstrapってのもある…

Node.js, npmインストール時の注意

NODE_PATHを設定しないとnpm install -g ...で入れたモジュールは動作しない。こんな感じ。 # on ~/.bash_profile, ~/.zprofile # npmは重いし、このコマンドの結果は頻繁に変わるわけではないので、生で入れてもいい export NODE_PATH=$(npm root -g) 驚く…

WebブラウザでKindleの本のサンプルを読めるらしいという話。

WebブラウザでKindleの本のサンプルを読めるらしいという話をGIGAZINEの記事経由で知って、とりあえずブックマークレットのコードを読んでみた。ら、コードがいまいちだったので、書き直すことにした。ASINの取得方法が微妙→windowオブジェクトにあるらしい…