底辺SE奮闘記

年収300万SEブログ

Javascript

【JavaScript】Chart.jsで面グラフ(エリアグラフ)をプロットする

はじめに Chart.jsはドキュメントも充実しており、とても便利なのですが、面グラフに関しては理解に苦労しましたので、こちらにメモとして残しておきます。 環境 Chart.js 2.9.3 基本HTML HTMLファイルは下記のようになっているとします。 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </meta></meta></head></html>

【Javascript】letが対応しているかを確認する

きっと色々方法はあるのだろうとは思うのですが、 try{ eval("let a = 1"); }catch(e){ alert("let対応していない"); } こんな感じですね。

【Javascript】hasChildNodes()がずっとtrueな時に確認したいこと

どうみても子供ノードがいないのにhasChildNodes()が常にtrueになる場合。 以下のようになっている可能性も考慮してください。 <div id="no-child-node"> </div> hasChildNodes()をfalseにするためには下記のようになっている必要があります。 <div id="no-child-node"></div> なんてこったい

【Javascript】IEでのgetBoundingClientRectにはx,yがない件

題で完結し、MDNを確認すればすぐにわかることなのですが、 let hoge = fuga.getBoundingClientRect(); let piyo = hoge.x * 2; console.log(piyo); みたいなコードを書こうものなら NaN ってなります。MDNに倣い let hoge = fuga.getBoundingClientRect(); …

【yubinbango.js】一つのフォームに複数の住所入力欄がある場合躓きやすいポイント

yubinbango.js とても便利ですよね。 github.com 複数住所の場合も対応していてとても便利なのですが、 住所一つのパターンから複数に拡張しようとするとよく躓きます。なのでそのメモを。 一つの場合 <form action="hogehoge" method="POST" class="h-adr"> <input type="hidden" class="p-country-name" value="Japan"> <div> <label for="">住所</label> 〒<input type="text" class="p-postal-code">-</div></form>

【Javascript】Bootstrap-datarangepickerを日本語化する

バージョンによってやり方がよく変わるので... 環境 Bootstrap-datapicker 3.0.3 コード $('#hoge').daterangepicker({ locale: { format: 'YYYY/MM/DD', yearSuffix: '年', showMonthAfterYear: true, monthNames: ['1月', '2月', '3月', '4月', '5月', '6…