JavaScriptのgetter, setterについて復習してみた

getter, setterとはオブジェクトに値を代入したり、参照したりする時に呼ばれる関数のこと。書き方 set {プロパティ名}(value) { // 処理 } get {プロパティ名}() { // 処理 } のように書く実例 var obj = { set value(val) { this._value = val + 1; },…

2018-05-12

json-serverが鬼のように便利で、しかも可愛かった

フロントエンド JavaScript

いきさつ APIのmockがほしかった。今までexpressとかで実際にAPIをつくっていたのだが、ちょっとめんどくさくなってきた。何かいい方法がないかな〜と思ってたら「json-server」という良さげなものがあったので試してみた。 github.com install npm insta…

2018-05-11

【突然の沈黙】JavaScriptのobjectスプレッド演算子について

Vue.js フロントエンド JavaScript

いきさつソースコードを読んでいたら、 var arr = [1, 2, 3] var arr2 = [4, 5, 6] arr.push(...arr2) とつぜん処理の中で沈黙（...）し始めた。気持ち悪かったので調べてみた。ドキュメントを見てみるスプレッド構文を使うと、関数呼び出しでは 0 個以…

2018-05-11

Vue.jsにて、特定のroutingの時に後からComponentを読み込む〜ログイン後にコンポーネントを読み込みたいからLazy Loadしてみた〜

Vue.js フロントエンド JavaScript

いきさつログイン前はログインコンポーネントだけ、ログイン後はアプリケーションに必要なコンポーネントを読み込みたい。目的は、ログイン前に読み込むJavaScriptソースコードの軽量化と、それによるセキュリティリスクの減少。やりかたはじめ、こん…

2018-05-10

Vue.jsでComponentを利用する〜templateのみ〜

Vue.js JavaScript フロントエンド

いきさつ職場でVueを使うので勉強する必要がある。とりあえず vue-cliを使っても良いが、きちんと理解したいので生で書くことにした。ルートコンポーネント <html> <head> <meta charset="utf-8"> <title>Vue TEST</title> </head> <body> <div id="app"> <my-component></my-component> </div> <script src="./vue.js"></script> </body></html>