WebDesign Dackel

このブログを更新停止して新しいブログはじめました

このブログを始めて3年が経ち、諸々作り直したい欲が出てきてのでリニューアルという形では無く、新規にブログを始めることにしました。 少なからずブックマークなどしてくださっている方もいるため、更新を停止す...

Babel6でクラス継承をIE9に対応する

Babel6を使ってクラスの継承をトランスパイルする際に、継承先クラスのコンストラクタでsuper()を使い親コンストラクタを呼び出すと、IE9で正しく動作しませんでした。 そもそもIE9で動作させる...

MySQL – お知らせなどの既読管理についてメモ

MySQL - お知らせなどの既読管理についてメモ

DBにMySQLを使用したサービス内でお知らせをする時に、各ユーザ毎に、既読・未読の管理をしたかったのでその時のメモです。 ここで言う管理とは、例えば既読にマークを付けたり、未読の一覧を実現したりする...

JavaScriptでCSSセレクタを使ったEvent Delegationの実装

はじめに まだDOMツリーに描画されていない要素に対してイベントを設定したい場合、jQueryを使用していると以下のメソッドを使いますよね。 jQuery.fn.on(events, selector...

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

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

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

WordPressのブログでプチリニューアルを兼ねて高速化に挑戦してみた

先週の土日を使って、ブログのプチリニューアルをしました。 見た目は大きく変えていませんが、 背景色をベージュから白へ コンテンツ幅を少し広く 行間を調整 など、細かい点を調整してみました。 スタイルを...

Atomでマルチカーソルの連番入力をするパッケージ「sequential-number」をリリースしました

Atomでマルチカーソルの連番入力をするパッケージ「sequential-number」をリリースしました

つい先日Visual Studio CodeがOSS化されたり、数ヶ月前にAtomが正式のバージョンである1.0を迎えたり、エディタ界の盛り上がりにはワクワクしますね。 僕は最近AtomとSublim...

rollup.jsでES6なモジュールをブラウザとNodeの両対応させる

まだES6 Modulesの仕様が確定せず、実際に使うのってどうなの?みたいなところについては、様々な議論があると思います。 ただ、「せっかくES6だしモジュール周りもそれっぽく書きたい!!」というこ...

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

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

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

react-routerでページ遷移にちょっとしたアニメーションを付ける

react-routerのリポジトリを見ると、アニメーション用のサンプルがありました。 以前、同じような事をやろうとして上手く出来なかったので、この機会に試してみました。 それぞれのライブラリのバージ...