WebDesign Dackel

ES6フレンドリーなスムーススクロール「sweet-scroll.js」を作りました

ES6フレンドリーなスムーススクロール「sweet-scroll.js」を作りました

ES6フレンドリー、かつ依存無しで動かせるスムーススクロールライブラリを作り、npmに公開しました。 実際ブログに組み込んだり、それ以外でもちょこちょこと使ってみて、普通に使えるようになってきたのでご...

CakePHPのHashクラスをJavaScriptに移植した「cake-hash.js」を作ってみた

CakePHPのHashクラスをJavaScriptに移植した「cake-hash.js」を作ってみた

最近フロントエンドが楽しくて、なかなかPHPを書いていませんでした。 ふと、以前にCakePHPで作ったWebアプリを見なおしてみると、Hashクラス便利だったなぁ〜と思いました。 どんな感じの実装に...

オブジェクト内の文字列をテンプレート化するtemplate-obj.jsを作ってみた

オブジェクト内の文字列をテンプレート化するtemplate-obj.jsを作ってみた

何を作ったの? JavaScriptのオブジェクトをちょこっと使いやすくするtemplate-obj.jsというライブラリを作りました。 tsuyoshiwada/template-obj どんなもの...

jp-prefecture.jsの使い方

jp-prefecture.jsの使い方

はじめに 半年くらい前に、jp-prefecture.jsという日本の地域と都道府県を扱うためのライブラリを作ったのですが、日本語のドキュメントが欲しいな!と思ったのでREADMEに沿って、使い方をだ...

Reactでドラッグアンドドロップを実装したいので、react-dndを使ってみた

Reactでドラッグアンドドロップを実装したいので、react-dndを使ってみた

やりたいこと 例えば、TODO管理のWebアプリでタスクの並び替えを実装しよう!となった時、ドラッグ&ドロップを使って順番を入れ替えたいですよね。 ただ、React.jsでは基本的に直接DOM操作は行...

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

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

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

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

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

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