Corredor

ウェブ、プログラミングの勉強メモ。

Npm

TextLint を使ってみる

日本語表記ルールブック作者: 日本エディタースクール出版社/メーカー: 日本エディタースクール出版部発売日: 2012/03/01メディア: 単行本購入: 3人 クリック: 3回この商品を含むブログを見る 文章校正ができる npm パッケージ「TextLint」を使ってみた。 te…

npm-scripts-info で npm-scripts の説明書きを書く

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 フロントエンドエンジニアが教える3つの本格レイアウ (WEB Engineer’s Books) [ 吉田真麻 ]ジャンル: 本・…

broken-link-checker でデッドリンクを検出する

amiibo リンク(大乱闘スマッシュブラザーズシリーズ)出版社/メーカー: 任天堂発売日: 2014/12/06メディア: Video Gameこの商品を含むブログ (2件) を見る broken-link-checker という npm パッケージで、指定の URL から遷移できるリンクや画像にリンク切れ…

Verdaccio でプライベート npm リポジトリをサクッと立てる

現場で通用する力を身につける Node.jsの教科書作者: 掌田津耶乃出版社/メーカー: マイナビ発売日: 2014/03/25メディア: 単行本(ソフトカバー)この商品を含むブログ (2件) を見る Verdaccio という npm パッケージを使うと、プライベート npm リポジトリが…

Gulp でファイル削除を監視して変更先のファイルも削除する

フロントエンドエンジニアのための現在とこれからの必須知識 [ 斉藤祐也 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,786円 Gulp の watch はファイルの追加を検出しないので、Gulp-Watch という Gulp プラグ…

template-html を Gulp プラグイン化する gulp-template-html を Fork した

現場のプロが教えるWeb制作の最新常識アップデート版 (知らないと困るWebの新ルール) [ 久保知己 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,376円 以前、template-html という npm パッケージを Fork して…

template-html を Fork してオレオレ HTML ジェネレータを作った

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る template-html という npm パッケージがある。テンプレートとなる HTML と、それにバインディングしたいソースを持つ HTML とを指定する…

npm パッケージを作って公開してみた

Node.js超入門 [ 掌田津耶乃 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 3,240円 npm パッケージを Fork して公開してみたいなーと思い、まずはまっさらな状態から npm パッケージを公開するまでの方法を調べた…

npm config で .npmrc を設定してパッケージインストール時のバージョンを固定したり npm init 時の初期値を変えたりする

Npm

JavaScript フレームワーク入門作者: 掌田津耶乃出版社/メーカー: 秀和システム発売日: 2016/09/16メディア: 単行本この商品を含むブログを見る npm config set なんたら というコマンドで、~/.npmrc ファイルに初期設定を書き込める。これを使うと、パッケ…

npm outdated・npm update と npm-check-updates

シングルページWebアプリケーション ―Node.js、MongoDBを活用したJavaScript SPA作者: Michael S. Mikowski,Josh C. Powell,佐藤直生,木下哲也出版社/メーカー: オライリージャパン発売日: 2014/05/24メディア: 大型本この商品を含むブログ (2件) を見る npm…

AngularJS + Cordova なプロジェクトに Protractor + Appium を導入して iOS シミュレータで E2E テストを動かす

実践 Appium作者: Manoj Hans,太田健一郎,児島修出版社/メーカー: オライリージャパン発売日: 2016/11/26メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る タイトルが長くなってしまったが、 AngularJS に Cordova を取り込んだプロジェ…

Gulp-Description で Gulp タスクの説明書きを追加する

フロントエンドエンジニア養成読本 HTML、CSS、JavaScriptの基本から現 (Software Design plus)ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 2,138円 何やら Gulp v4 系では gulp.task().description(); という…

Wiredep・Gulp-Inject・Gulp-Useref で HTML ファイルからの CSS・JS 読み込みを自動化

Webフロントエンド ハイパフォーマンス チューニング作者: 久保田光則出版社/メーカー: 技術評論社発売日: 2017/05/26メディア: 単行本(ソフトカバー)この商品を含むブログを見る HTML ファイルから必要な Bower コンポーネントや自分で作ってビルドしたフ…

Nodist 使ってたら npm が消えたりして困ったのでやり直した

JavaScriptエンジニアのためのNode.js入門作者: 天田士郎発売日: 2016/12/26メディア: Kindle版この商品を含むブログを見る Windows で Node.js のバージョン管理ができる Nodist。最近はバージョンが新しくなっているので入れ直したほうが良いっぽい。 GitH…

Angular4 + TypeScript ことはじめ

はじめてのAngular4 「TypeScript」で開発する、オープンソースの「Webフレームワーク」 (I/O)[本/雑誌] / 清水美樹/著 IO編集部/編集ジャンル: 本・雑誌・コミック > PC・システム開発 > 入門書 > インターネット入門書ショップ: CD&DVD NEOWING価格: 2,48…

テストに使える簡易 API サーバがサクッと立てられる「json-server」

改訂新版JavaScript本格入門 ?モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: Kindle版この商品を含むブログを見る テスト用の API サーバを用意する時に、「json-server」という npm …

better-npm-run を使って OS に依存せず npm run-script に環境変数を渡す

JavaScriptエンジニアのためのNode.js入門作者: 天田士郎発売日: 2016/12/26メディア: Kindle版この商品を含むブログを見る 前回の記事で、$ 環境変数=値 npm run スクリプト名 という書きで npm-scripts を呼ぶと、呼んだスクリプト内で process.env.環境変…

npm run-script に環境変数を渡す方法

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る Node.js の環境変数の仕組みを使うと、npm run-script に環境変数を渡すことができる。 # 例えば開発モードにして Gulp ビルドする、と…

Npm-Run-All で複数の npm-scripts を実行・OS 環境に関わらず rm -rf する

前回の記事で、npm-scripts を使った CSS の圧縮処理を紹介した。 neos21.hatenablog.com 今回は、この npm-scripts をさらに便利なものにするパッケージを2つ紹介する。 複数のタスクを一括実行したい そもそもぼくが今回 npm-scripts で CSS を圧縮したい…

Gulp を使わずに npm-scripts を使う・npm-scripts から Clean-CSS-CLI を呼んで CSS を圧縮する

前回の記事で、clean-css-cli というコマンドラインツールを使って CSS を圧縮するコマンドを書いた。 neos21.hatenablog.com 今回は、npm run で任意のワンライナーを実行できる、いわゆる npm-scripts を使って、Clean-CSS-CLI を呼び出して CSS を圧縮さ…

CSS を Minify (圧縮) する npm パッケージの Clean-CSS をコマンドラインで利用する「Clean-CSS-CLI」

CSS を圧縮する npm パッケージには色々あり、Gulp プラグインも色々ある。 いくつか比較して、今回は clean-css というパッケージを使おうと思ったが、どうやら最近コマンドラインツール部分と API 部分が分離されたらしく、まともな日本語文献がなかったの…

Babel を試す環境に Gulp-Plumber を入れて自動ビルドに備える

前回の記事で、Babel を使って ES2015 の記法で書いたファイルを ES5 の記法に直す環境ができた。 neos21.hatenablog.com 今回はこのトランスパイルを、ファイルが更新されたときに自動的に行うようにしたい。 Browserify とか Watchify とか これらはある一…

Babel にリベンジ!ES2015 ってやつを勉強する環境を作るぜ!

ここんとこ職場では Windows バッチと VBScript をいじる生活で npm とか gulp とか言わせたいんじゃ~というフラストレーションが溜まっていたので、npm とか gulp とかする。 前にいじりかけていたけど放置していた Babel に手を出して、ES2015 とやらを試…

Gulp で Browser-Sync を動かしてブラウザにリアルタイムに変更を反映させる

ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁 オブジェクト指向からシングルページアプリケーションまで/太田智彬/田辺丈士/新井智士【1000円以上送料無料】ジャンル: 本・雑誌・コミック > PC・システム開発 > プログラミ…

npm list って見づらくね?依存パッケージを表示させずにインストールしたライブラリ一覧を見る方法

npm でインストールしたライブラリを一覧表示するコマンド npm list、エイリアスで書くと npm ls だが、そのライブラリが依存しているパッケージが階層表示されるので、見づらい。それを解消する方法。 npm ls --depth=0 コレでドウゾ。 --depth= で表示する…

Bower を試してみる

Bower (ばわー) は、フロントエンドライブラリのパッケージ管理ツール。簡単に言えば、ブラウザ上で使うライブラリを手軽にインストールできるシロモノ。 「インストール」というと、ぼくはなんだかどうしても、Windows ソフトのインストーラのようなレジス…

npm でパッケージ管理しながら Gulp で Browserify を実行させて http-server で動作確認を行う

何となくJavaScriptを書いていた人が一歩先に進むための本作者: 五十嵐肇,多良間斎発売日: 2016/04/30メディア: Kindle版この商品を含むブログを見る JavaScript ライブラリを色々使ってみようぜってことで、Node.js がお送りする npm でパッケージを管理し…