JavaScript

click()の使い方〜JavaScript

jQueryでクリックイベントを設置するには、on()を使ったりclick()を使ったりします。 今回はclick()の使い方の説明です。 通常、click()は次のような記述をします。jQuery基礎で学ぶおなじみの書き方です。 $(‘セレクター’).click(funct  >>続きを読む

chart.jsで描いた円グラフにラベルと値を表示する方法

chart.jsを使うと簡単にグラフが描けます。 chart.js公式ページ ところで、どういうわけかグラフ上にラベルの表示ができないようになっています。 デフォルトの円グラフ ラベルと値を追加した円グラフ ラベルと値を追加するにはプラグインを使います。プラグインはどこからか持ってくるのではなく、自  >>続きを読む

以上・以下・未満・超える

「以上」、「以下」、「未満」、「超える」の使い分けを明確にしておきましょう。以下の用語は法律用語として使われているようですから、これを使えば問題はなさそうです。 以上 「以上」は対象の値を含めた数より大きい数 PHPの例 aはb以上(bを含む) a >= b 以下 「以下」は対象の値を含めた数  >>続きを読む

AngularJSのDirectiveについて(2)

AngularJSのよく使うdirectiveの紹介です。 今回は「ng-if」、「ng-class」、「ng-repeat」、「ng-click」、「ng-cloak」を紹介していますが、他にも便利なdirectiveがありますので公式ページのDeveroperのAPIリファレンスで確認すると良い  >>続きを読む

AngularJSのDirectiveについて(1)

AngularJSのDirectiveは、HTMLでどのようにDOMを組み立てるか命令するものです。Directiveは例えば「ng-app」のようにHTMLのカスタム属性を使って記述していきます。 ここでは、「ng-model」 ディレクティブを使った簡単な例で説明します。これはスコープの中で「n  >>続きを読む

AngularJSのインターポレーションについて

インターポレーション(interpolation)とは、書き入れ、書き入れられた語句、補間法などの意味があります。 プログラムにおけるインターポレーションとは文字列補完を行うことで、もっと簡単に言うと変数展開になります。つまりプログラム入門編でよくやる次の内容です。 JavaScriptで変数展開の  >>続きを読む

AngularJSにおけるminify化の問題点

minify化(ファイル圧縮)とは、改行や空白、コメントなどを取り除きファイルサイズを削減することです。一般的にはminify化でファイルのダウンロードを高速化するねらいで活用されるものです。 minify化は色々なサイトでそのサービスを行っていますので使用した方もいることと思います。 圧縮サービス  >>続きを読む

Dependency Injection〜依存性の注入

Dependency Injection(依存性の注入)とは関数(コンストラクターを含む)にオブジェクトを渡すことです。 関数の中にオブジェクトを生成するとその関数は生成したオブジェクトに依存してしまい、大規模なプロジェクトの場合コンポーネントごとにテストを行う時などに不都合が起こる可能性があります  >>続きを読む

変数宣言の巻き上げ〜JavaScriptの不思議な決まりごと

JavaScriptには変数宣言の巻き上げ(hoisting)という決まりごとがあります。これはグローバル変数、ローカル変数どちらにもあてはまる決まりごとです。 他の多くの言語はプログラムは上から順に解釈されていき、変数の宣言もこの原則に従います。 まず変数の宣言と初期化を行ってからその後で変数を活  >>続きを読む