JavaScript

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を叩いてレスポンスを表示しようと思ったら、緩いスコープの罠にハマってしまいましたので、ご報告のブログです。 このソースコードの問題を見つけてください。 このソースコードにはある問題があります。 ...
WEB開発

階層化されたデータをHTTPのGETリクエストのパラメータに含める方法。

・・・が知りたい。 POSTのリクエストボディのシリアライズの方法はかなり柔軟なんですが、GETはURLにクエリパラメータとして添えるしかないので、柔軟性が低いです。 URLエンコードして渡す。 たとえばですが、四則演算があったとして、これ...
Backbone.js

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

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

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

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

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

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

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

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

Javascriptで画像の存在を確認する

画像ファイルの存在をJavascriptから調べたいと思いました。色々調べたところ、次のようにすればできそうでした。 実際にダウンロードできるか試して調べる function checkImage(url) { console.i...
タイトルとURLをコピーしました