Works by

プログラミング等IT技術関連でメモする

javascript

【AngularJS】既存のServiceを拡張した派生Serviceを定義する

AngularJSで既存のServiceが持つ機能を拡張させたServiceを定義したかったので、 以下のようにしてServiceを派生させてみました。 Service定義 "use strict"; // 基底Service(factory形式) angular.module('App') .factory('baseService',[ function(){ let …

【AngularJS】ServiceにControllerのロジックを退避する

AngularJSではControllerにロジックを記述しますが、ロジックが複雑になるにつれControllerは肥大化してしまいます。 // Controller angular.module('MyApp') .controller('MyController', [ '$scope', '$location', '$http', '$q', function($scope, $locat…

【AngularJS】データモデルの変更を監視する$watch

$watchとは AngularJS(以下Angular)では、ビューとロジック間で一つのモデルを共有することができます。 モデルの変更をビューに動的に反映でき、逆にビューの変更をモデルに反映させることができます。 例えば、HTML上のプルダウンにng-modelでモデル名を…

【JavaScript】Strictモード

strict モードとは Strictモードとは、JavaScript上で文法的に誤りではないが開発者にとって落とし穴となるような コードを、エラーが発生するように変更するオプションです。 strictモードにするとうれしいこと JavaScript上でバグの温床となりやすい記述を…

【JavaScript】マテリアルデザインCSSフレームワーク「MUI」

MUI とは MUIは数あるマテリアルデザインCSSフレームワークの一つです。MUIを使うことで、Webページを簡単にマテリアルデザイン風にすることができます。 マテリアルデザインとは マテリアルデザインとは、2014年にGoogleが提唱した(*1)UI/UXの体系です。 マ…

【AngularJS】Tableのセルをng-repeatで繰り返し表示する

AngularJSのng-repeatを用いることで、セル要素一つ分のhtml記述で Table内の全セルを描画することが可能。 test.js // strictモード "use strict"; // MainController angular.module('MyApp', []) .controller('MainController', ['$scope', function($sco…