タグ

ブックマーク / qiita.com/inuscript (2)

  • レガシーシステム上のJavaScriptをモダンビルドにしていくwebpack利用実例 - Qiita

    (function(){ var self = this; $("button").click(function(){ // }) })() // 古いコードはglobalに定義された何か SomeLib.prototype.foo = function(){ // } 下記のような特徴があります。 ライブラリ系(jQueryやjQuery.functionなど)は別途読み込み common.jsのようなよくある共通ファイルが存在 1ページ中で、scriptはファイル単位で複数読み込み 原始的なJavaScript配信状態(Sprocketsのようなビルドプロセスとは全く無縁な状態) jQuery以外に、ライブラリ・フレームワークなどは基入っていない 色々とJavaScript初心者殺しな記法が多い (function(){})()を利用したglobal汚染回避 self = thisの

    レガシーシステム上のJavaScriptをモダンビルドにしていくwebpack利用実例 - Qiita
  • ここがすごいぞ! stylelint! - Qiita

    ESLintのようなconfigでPostCSSプラグインとして動くstylelint。 唐揚げチャーハンのような「美味いものと美味いもの組み合わせたら絶対おいしいじゃん!」みたいなプロダクトが実際とても良かったので色々利点を記載。 導入についての手順などはすでに記事があったので、そちらへリンクしたい CSSLintをstylelintにする ESLintっぽくて良い所 javascriptLinterとしてスタンダードになってきたESLintに非常に良く似て作られているので、一度そちらを導入していればstylelintの導入はおそらくすんなり出来る。 また、ESLintの持っていた良い所をそのまま持ってきたような良さがある。 config周りがESLintにすごく近いので覚えることが少なめ 肝となるstylelintのconfigは、だいたいこんな感じで、ESLintにかなり近く作ら

    ここがすごいぞ! stylelint! - Qiita
    etakaha
    etakaha 2016/05/22
    ESLint の代替ツール
  • 1