yuw27b’s blog

技術メモと雑記

JavaScript

JavaScriptでクリップボードにコピー(Chrome/Firefox/Safari10〜/IE9〜)

「クリップボードにコピー」はJavaScriptのみでは不可能だと、昔に思い込んだままだったのですが、HTMLの各種APIとJavaScriptを組み合わせることで、ほとんどのブラウザで実現できるようになってきたようです。 HTMLとJavaScriptのコード <p class="copyTarget">コピーしてもらいた</p>…

SVGをReact.js/JSXで使う

この記事はSVG Advent Calendar 2016の19日目です。 去年に引き続きグラフを描いての参加です。 React × SVG React.jsなプロジェクトでSVGを描画したときのメモです。 React.jsでは、JSXという記法でJavaScriptコード内にHTMLタグを記述していきますが、SVG…

カレンダーUIを実装する依存なしのJavaScriptライブラリ

カレンダーUIを実装するJavaScriptライブラリの紹介です。 Webアプリ上の入力フォームに、日付を選択する項目を実装したときのこと。 input type="date" を使いたいのだけど・・・ HTMLのinputタグに、「type="date"」を指定すると、一部のブラウザではカレ…

SVGを描くJavaScriptライブラリ

この記事は、SVG Advent Calendar 2015 - Adventarの15日目の記事です。 チャートやグラフ用のJavaScriptライブラリはどれがいいんだろう? 2015年は「Ajaxで取ってきたデータを、SVGのチャートやグラフにして表示する」という作業をわりとたくさんやりまし…

JavaScriptのPromiseとarray.reduceを合わせて使う

順番に非同期の処理をしたい要素たちを配列に入れて、各要素に対してPromiseを返す関数を実行する。例)['a', 'b', 'c']という配列があったときに、それぞれの文字を2秒おきにコンソールに表示したい //これだと2秒後にほぼ同時に「a」「b」「c」がコンソー…