WebDesign Dackel

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

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

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

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

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

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

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

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

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

Reduxで定期的なアクションを実行する簡単なサンプルを作ってみた

Reduxで定期的なアクションを実行する簡単なサンプルを作ってみた

個人的に作ってみたいサイトがあって、どうせならモダンな感じで書きたいなぁということで、少しずつReduxを触ってみています。 Reduxは初めて使いますが、Reactは以前、CoffeeScriptで...

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

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

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

インデントで表した階層をツリー状に変換するWebアプリ「Directree」

インデントで表した階層をツリー状に変換するWebアプリ「Directree」

はじめに インデントで表したテキストをツリー状(├─,└─)に変換するDirectreeというWebアプリを作ってみました。 http://directree.net/ こんな時に使いたい このブログ...

React.jsとMediaWikiAPIでWikipediaのビューワーアプリを作ってみた

React.jsとMediaWikiAPIでWikipediaのビューワーアプリを作ってみた

はじめに よくReact.jsとくっついて説明されているFluxを勉強したいなぁ〜と思ったので、サンプルとしてReact.jsとMediaWikiAPIを使って、Wikipediaのビューワーアプリの...

React.jsで消費税の計算アプリを作ってみた

React.jsで消費税の計算アプリを作ってみた

はじめに 最近ちょこちょこと触ってきたReact.jsですが、まだ小さいコンポーネントをいくつか作ってみただけでした。 そろそろ実用的なサンプルを作ってみたいなと思ったので、シンプルな機能の消費税の計...

Zeptoにも対応、スムーズスクロール用jQueryプラグイン「jquery.sweet-scroll.js」を書いた

Zeptoにも対応、スムーズスクロール用jQueryプラグイン「jquery.sweet-scroll.js」を書いた

世の中にある多くのWebサイトで見かける「スムーズスクロール」ですが、なかなか「これだ!」というプラグインが無かったので自作してみました。 プラグインを作った経緯 この手のプラグインは既に沢山リリース...

Googleのアプリ一覧UIを作ってみる

Googleのアプリ一覧UIを作ってみる

突然ですが、スキルアップには上手な人の真似をするのが良いみたいです。 Webデザインを上達したいなら、良いデザインのサイトを模写したり、プログラムが上達したいならGitHubなどでコードを追ってみたり...