JavaScript

D3.js

可視化ライブラリD3.jsの設計が素晴らしすぎる。

最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高く感じていましたが、...
Grunt

grunt-contrib-watchで、JavaScriptやCSSの更新時に自動でビルドする。

Gruntで、WEB開発の工程を自動化できることを紹介しました。 JavaScriptやCSSの開発工程を自動化するGruntとは何か? grunt-contrib-watchでビルドの開始まで自動化 Gruntに設定を書けば全ての工程は自...
Grunt

JavaScriptやCSSの開発工程を自動化するGruntとは何か?

フロントエンドのWEB開発はここ数年で、とても高度になった代わりに、かなり工程が増えました。 昔は単純でした。 CSSを書く。 CSSをアップロードする。 最近は、こうです。 LESSやSassを書く。 CSSにプリコンパイル...
JavaScript

JavaScriptの時刻の扱いが3倍くらい楽になるMoment.js

JavaScriptの時刻オブジェクトといえばDateですが、扱いが少し面倒くさい場合があります。Moment.jsというライブラリを使うと、かなり楽になります。 Moment.js JavaScriptのDateオブジェクトと即変換でき...
JavaScript

JavaScriptのfor文で非同期処理をする場合はスコープに気をつけろ!

JavaScriptのfor分で順次APIを叩いてレスポンスを表示しようと思ったら、緩いスコープの罠にハマってしまいましたので、ご報告のブログです。 このソースコードの問題を見つけてください。 このソースコードにはある問題があります。 ...
Backbone.js

Backbone.jsとオブザーバーパターンでビューとオブジェクトを疎結合に実装する。

Backbone.jsでJavaScriptプログラムが疎結合に書けるのは、オブジェクト(Model)とビュー(View)が明確に分離されていて、オブジェクトの変更が随時ビューに伝搬する仕組みになっているためです。 jQueryに限界を感じ...
Handlebars.js

Handlebars.jsで長すぎる文字列を縮めるヘルパーを作る。

Handlebars.jsは、JavaScriptを用いてクライアントサイドでHTMLを生成するテンプレートエンジンです。 JavaScriptで簡単に動かせるクライアントサイドテンプレートエンジンHandlebars.js Handleb...
Handlebars.js

JavaScriptで簡単に動かせるクライアントサイドテンプレートエンジンHandlebars.js

Ajaxが広く浸透し、「非同期的にサーバからデータを取り出しブラウザに表示する」というのは、もう当たり前のことになりました。 しかしながら、サーバから取り出したデータを「どうやって表示するか」というのは、少し難しい問題です。 「サーバサイド...
Backbone.js

jQueryに限界を感じた人にぴったりのJavaScript MVCフレームワークBackbone.js

Backbone.jsを使ってみたら、非常にシンプルながら強力な印象を受けました。概要を少し書きます。 てきとうなイメージ図。 要点だけ述べます。jQueryで処理が複雑になってくると、データとビューの状態が合わない不整合な状態になりがち...
HTML

Javascriptからsubmit()関数でフォーム送信できない問題

Mixpanelをセットアップ中のエンジニアからのヘルプでハマりこんだ問題について。 mixpanel.track_formsでフォーム送信をトラッキングしたい Mixpanelには、フォーム送信をフックして、ユーザーがフォーム送信したこと...
タイトルとURLをコピーしました