フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend engineer) といった様々なタイプのエンジニアがいます. …

Adapter インターフェイスを揃えるためのWrapper 。

Webpack というのはjsの依存関係をチェックしてくれる便利なツールだ。 かつてはBrowserifyも人気だったが最近ではWebpack が圧倒的に人気だ。 Webpack, Browserify - Google トレンド

ある程度スクリプトの規模が大きくなってきた場合、よく使う機能を集約して、モジュールとして切り離すことがある。 jsファイルを作りHTMLを介して複数読込することで実現する方法をここに記述する。 以下のようなファイル構成だとして // Root直下にhtmlとj…

ここではLoggerを実装してみる。 window.Logger = window.Logger || {}; window.Logger = { LEVEL: { RUN : 0, ERROR : 1, WARN : 2, LOG : 3, INFO : 4, DEBUG : 5, FULL : 5, }, level: null, init: function(level) { console.log(this.LEVEL.FULL) this.…

起動 CTRL + SHIFT + L 余談 CTRL + SHIFT + M でレスポンシブモードに切り替わる

// Classぽく書く function Foo(hoge) { this.hoge = hoge; } Foo.prototype = { method_a: function() { console.log(this.hoge); }, method_b: function() { } } var gege = new Foo("hoge"); gege.method_a();