WebDesign Dackel

Vagrant+node.js+express4+MongoDBで簡単なWebアプリを構築

Vagrant+node.js+express4+MongoDBで簡単なWebアプリを構築

これまで僕はサーバサイドのJavaScriptをまともに書いたことがありませんでした。普段はPHP+MySQLで作ることがほとんどだからです。 しかし、フロントを実装する際にgulpを使ったり、npm...

gulpfile.coffeeからES6(ES2015)へ書きなおしてみた

gulpfile.coffeeからES6(ES2015)へ書きなおしてみた

最近プライベートで使うコードをES6で書いてみたりしています。ただ、gulpfileに関してはずっとCoffeeScriptを使っていました。 メインのコードがES6なのに、gulpfileがCoff...

webpackで複数のディレクトリへ出力する

最近、仕事でもプライベートでもwebpackを使う機会が少しずつ増えてきましたが、複数のエントリーファイルを扱う際に少し迷ったことがあったのでメモです。 具体的にどんなことで迷ったかといいますと、 ....

JavaScriptで複数のランダムな色を虹色に並び替えてみる

JavaScriptで複数のランダムな色を虹色に並び替えてみる

はじめに 例えば、ランダムに並べたとってもカラフルなブロックを、手作業で虹色に並び替えるのはそれほど難しくないかもしれません。(実際やってみたら難しいかも…) ではそれをプログラムで実現に...

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

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

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

jp-prefecture.jsの使い方

jp-prefecture.jsの使い方

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

JavaScriptで「どシンプル」なテンプレート文字列の展開を実装する

JavaScriptで「どシンプル」なテンプレート文字列の展開を実装する

はじめに JadeやEJSなどのテンプレートエンジンを導入するほどでもなく、underscore.js(lodash.js)を導入していない場合に使える、「どシンプル」なテンプレート文字列の展開をご紹...

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

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

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

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

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

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

SuperAgentでJSONPを取得してみる

SuperAgentでJSONPを取得してみる

はじめに React.jsを使っていて非同期処理がしたくなりました。これまでだったらjQuery#ajax()を使っていたけど、非同期処理だけのために入れるのものなぁ〜と思っていたらそのものズバリな記...