柳屋

ソースコードのリファクタからよもやままで

javascript

ネストされたvue routerを別ファイルで管理する

Vue.jsでSPAを作っていると、ルーティングを機能単位で分けたくなります 例えば、ユーザに関する機能があったとして、ユーザの登録、更新、削除、詳細(所謂 CRUD )それぞれにルーティングを設定する必要があり、それを一つの機能としてルーティングもまと…

Cloud9でvue-cli環境を作る

最近、開発はめっきりcloud9でやってます。 Cloud9便利ですよね。 環境構築する必要がないのですぐ試せるし クラウドなのでPCさえあればどこでも同じ環境ですぐ実行できます さらに現在の現場ではプロキシかまされててGitHub等にpushできないんですが、Cloud…

Google Homeとヨドバシ.comを連携させてみた

流行りに乗ってGoogle Homeを買いました。 なんですかね。この近未来感 年代なのか、やはり声で操作できるってのは無条件ですごいですよね。 と言いながらまだ何ができるかよくわかってなく、もっぱら朝のラジオとアラームに終始しています ただそれだけでは…

Javascriptをリファクタしてみました2

今回は入力値を時間 + 分表記に変更するjavascriptです コードのボリュームがあったので少し長くなりました。 javascript var SAMPLE = {}; SAMPLE.ConvertInputTime = function(trigger) { this.$trigger = trigger; this.init(); }; SAMPLE.ConvertInputTi…

Javascriptをリファクタしてみました

ソースレビューしてると確かに機能面としては十分に満たしているんですが 設計部分でどうしても気になるところが多々あります。 ここまで言うたら細かいかなー。嫌われるかなーとか思いながらも 今後のことも考えて、レビューしているんですが。 なので気に…

;(function(document){ var pres = document.getElementsByTagName("pre") for(var i=pres.length; i--; ){  var el = makeOl(pres[i]) pres[i].appendChild(el) } function makeOl(pre){ if (pre.className.indexOf("gist") !== -1) { return } var ol = document.createElement("ol") , li = document.createElement("li") , df = document.createDocumentFragment() , br = pre.innerHTML.match(/\n/g) || 0 ol.className = "preLine" ol.setAttribute("role", "presentation") // no lang, no line-number if( pre.className && ! /lang-./.test(pre.className) ){ br.length += 1 } for(var i=br.length; i--; ){ var li2 = li.cloneNode(true) df.appendChild(li2) } ol.appendChild(df) return ol } })(document)