WebDesign Dackel

d3.jsでレスポンシブな円グラフを描く

d3.jsでレスポンシブな円グラフを描く

タイトルの通り、データのビジュアル化にとっても便利なd3.jsを使ってレスポンシブな円グラフを描いてみたいと思います。 ただ円グラフを書くだけでは物足りない感があるので、最終的にアニメーションを付ける...

jQueryを使わずに親ボックスのサイズを取得する

jQueryを使わずに親ボックスのサイズを取得する

親のボックスサイズを知りたい時にjQueryを使えば簡単ですが、いざネイティブで書こう!となった時に「ん?どうやんだっけ?」ってなったのでメモです。 前提 <div id="parent">...

Vue.jsでバリデーション、vue-validatorを使ってみる

Vue.jsでバリデーション、vue-validatorを使ってみる

久しぶりにVue.jsの記事です。 前回触った時にはバリデーション用のプラグインであるvue-validatorが、0.11.Xに対応していなかったこともあり使用するのを見送っていました。 最近になっ...

JSのDateを使う際のメモ書き

もう世の中に腐るほど出ている情報ですが、地味にハマったのでメモです。 new Date()のコンストラクタの指定形式 YYYY/MM/DD HH:DDは問題ありません。ただ、ハイフンでつないだYYYY...

今更ながらGulp+BrowseSyncが気持ちいい

今更ながらGulp+BrowseSyncが気持ちいい

ブラウザの同期ができるBrowserSyncですが、存在自体は知っていたのに、最近まで使ったことがありませんでした。 なんだか設定が面倒なんじゃないかなぁ〜と勝手な思い込みをしていました。 しかし、実...

gulpでJSファイルをminifyしてbannerを挿入する

gulpでJSファイルをminifyしてbannerを挿入する

これまでタスクランナーはGruntを使っていたのですが、最近になってGulpを使い始めました。 他のブログなどで言われている通り、やっぱり設定ファイルが書きやすくていいですね! ただ、GruntでJS...

日本の都道府県、地域を扱うちょっとしたライブラリ「jp-prefecture.js」

日本の都道府県、地域を扱うちょっとしたライブラリ「jp-prefecture.js」

Webサイトを作っていると、都道府県を扱う時があるかと思います。僕はたまにあります。 少し前に、都道府県と地域が連動して動作するUIを実装した時に書いたコードをベースにしてライブラリ化しました。 Gi...

【GoogleMaps API】住所リストを現在地から近い順にソート

【GoogleMaps API】住所リストを現在地から近い順にソート

Google Maps APIを使うと色々な事が出来るのですが、今回はある住所のリストを現在地から近い順にソートする、というものを実装してみたいと思います。 動作サンプル 実際に動作するサンプルを用意...

お手軽MVVMなVue.jsを使って、ユーザ管理アプリ的なものを作ってみた

お手軽MVVMなVue.jsを使って、ユーザ管理アプリ的なものを作ってみた

今年に入って注目を浴びている?フロントエンドフレームワークのVue.jsを初めて触ってみました。 とりあえず何か作ってみる 手始めに何か作りたいと思い、よくあるTODOアプリでも良かったのですが、どう...