[B! JavaScript][npm] y_yukiのブックマーク

y_yuki id:y_yuki

JavaScriptとnpmに関するy_yukiのブックマーク (9)

JavaScript モジュールの現状 | POSTD
(注：2017/07/19、いただいたフィードバックを元に翻訳を修正いたしました。) ESM、CJS、UMD、AMD 　—　どれを使うべき？最近、 Twitter では、 ESモジュールの現状、特に、 *.mjs をファイル拡張子として導入すると決めた Node.js の現状について大騒ぎになっています。この話題は複雑で、かなりの労力を費やしてそれに専念しないと議論について行けないので、皆が恐れと不安を抱くのも無理はありません。古き恐れフロントエンド開発者なら、 JavaScriptの依存関係の管理に悩まされた日々を憶えている人も多いでしょう。あの頃は、ライブラリをベンダーフォルダにコピー&ペーストし、グローバル変数に依存し、あらゆる物を正しい順序でconcatしようとしてもネームスペースの問題に対処する必要がありました。何年もかかって、私たちは共通モジュール形式と中央集権
y_yuki 2017/07/19
javascript

node

npm
リンク
更新が必要なnpmパッケージを可視化する - Hatena Developer Blog
こんにちは。ウェブアプリケーションエンジニアのid:masawadaです。普段は、はてなブログチームで開発を行なっています。今回は、日々の開発で生まれた困りごとを解消するために作ったyarn-outdated-formatterというツールを紹介します。経緯以前id:amagitakayosiが「フロントエンド Podcastはじめました - Hatena Developer Blog」にて書いたとおり、はてなには現在「フロントエンドエンジニア」という肩書きのメンバーはいません。はてなブログチームでも全員がバックエンド(Perl)とフロントエンド(JavaScript)両方のコードを書いており、どちらかというとバックエンドがメインのためクライアントサイドは片手間になりがちという問題がありました。そこで、チーム内でFWG(フロントエンド・ワーキング・グループ)という会を組織しました。F
y_yuki 2017/06/07
javascript

npm

node.js
リンク
npm-scriptsについて - Qiita
キーはnpm startのようにエイリアスとして利用できる名前となり、値にはshell scriptをワンラインで指定する。キーは自由に指定できるが、中には既に予約されている名前があり、それらを含めて以下の4種類に分類できる。意味付けだけがされたnpm-scripts start appを起動するようなshell scriptのエイリアスとして用いる。 restart appを再起動させるためのshell scriptのエイリアスとして用いる。 stop appを停止させるためのshell scriptのエイリアスとして用いる。 test appをテストするようなshell scriptのエイリアスとして用いる。他のnpmコマンドをフックする形で実行されるnpm-scripts publish npm publishの後に実行される。 install npm installの後に実行
y_yuki 2016/11/14
npm

javascript

Node.js

npm-scripts
リンク
3分でできるnpmモジュール - Qiita
まずあれです、タイトルは盛りました。実装は3分じゃおわらないよ!! でも公開のための作業は3分くらいで行けるんじゃないかと思います。作ったものを、公開したくてうずうずしている方は、ぜひ読んでみてください。 [1分目] npmアカウントを作ろう npmの公式ページからなにはともあれ、npmの開発者として登録しましょう。 https://npmjs.org/signup から、「Make it so.」しましょう。特筆するようなことはないですが、すぐに使うので username password em ail address は、ちゃんとメモしておきましょう。 npm adduser 登録ができたら、ターミナルからnpm adduserを実行します。すると、username・password・em ail addressを聞かれるので、先ほど作ったアカウントのものを入力します。これで
y_yuki 2016/11/14
npm

node

javascript

package
リンク
Reactコンポーネントをnpmパッケージとして開発する - Hatena Developer Blog
こんにちは！ブログチームの id:amagitakayosi です。今回は、業務で書いた小さなReactコンポーネントをnpmパッケージとして分離した話をします。今回公開するパッケージ実装方針なぜnpmパッケージにするのか他のコンポーネントの影響で壊れることを防げるアドホックな修正の積み重ねで複雑になることを防げる本体プロジェクトのコードを削減できるデメリット Babelなパッケージのディレクトリ構成実装 npmの注意点 reactはpeerDependenciesに入れる npm link を用いてローカル開発する場合、npmはpeerDependenciesを解決できない browserify-shimを利用する場合 npm publish 次回予告追記今回公開するパッケージ www.npmjs.com 今回は「無限スクロール」のためのReactコンポーネントを作
y_yuki 2016/11/14
npm

javascript

library

browserify

babel

react
リンク
npm互換のJavaScriptパッケージマネージャーYarn入門 - ICS MEDIA
最近のWebのフロントエンド開発ではライブラリの管理を行うパッケージマネージャーの採用が主流になってきています。たとえば、タスクランナーのGulpやGruntであったり、SassやTypeScriptのコンパイルのためにNode.jsノード・ジェイエス（npm）を導入している方は多いでしょう。 JavaScriptのパッケージマネージャーとしては「npmネヌ・ピー・エヌ」が有名ですが、2016年10月にFacebookが新しいパッケージマネージャー「Yarnヤァン」を公開しました。 Yarnはnpmと互換性のあるJavaScriptのためのパッケージマネージャーで、「インストールが高速」「より厳密にバージョンを固定」「セキュリティが高い」といった魅力があります。弊社はnpmからYarnに乗り換えて早3年、快適に開発に利用しています。本記事では、npmの経験者に向けてYarnの利点と使い方を
y_yuki 2016/11/11
javascript

npm

yarn
リンク
Visual Studio CodeによるNode.jsのデバッグ（その２） | DevelopersIO
1 はじめに前回も紹介しましたが、Visual Studio Code（以下VS Code）でJavaScriptを書く場合に、型情報をうまく認識させると、格段に使い勝手が向上します。公開当初、VS Codeでは、tsdを使用して型情報を取り込み、下記のようなリファレンスをコードに挿入する方法が取られてました。 /// <reference path="node/node.d.ts" /> このため、今でも、この方法を解説するドキュメントが多数公開されています。しかし、Version 0.5.0 以降では、jsconfig.jsonを置くことで、上記のような挿入は必要なくなっています。また、型情報の取得も、公式ドキュメントでは、tsdからtypingsにさらと変更されています。 Node.js Applications with VS Code 公式ページのビデオで紹介されている、
y_yuki 2016/03/25
javascript

Node

npm

express

vscode
リンク
[意訳]私がGulpとGruntを手放した理由 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? このポストは、Why I Left Gulp and Grunt for npm Scriptsを筆者の許諾を得て意訳したものです。間違いがありましたら、ご指摘いただけると幸いです。（以下、訳）私はGulpとGruntが不要な抽象化レイヤーだと気づきました。npmのscriptsはとても強力で、そっちの方が便利だったりします。例を挙げましょう私はかつてはGulpが大好きでした。しかし結局のところ、100行ものgulpfileと大量のgulpプラグインを扱うハメになりました。Gulp上でWebpackやBrowsersync、Mo
y_yuki 2016/01/29
javascript

npm

gulp

grunt

フロントエンド
リンク
npm でコマンドラインツール開発事始め - Qiita
npm でコマンドラインツール開発事始め node.js で Gmail API を叩きたい (https://github.com/takayukioda/cmail) 軌跡その2 Gmail をコマンドラインで確認できるツールを作りたい．開発言語は興味あるけど中々手が出せてなかった node.js で作りたい．そんなわけで node.js の簡単な使い方を勉強 node.js のインストール node.js のインストール方法は色々ある公式ホームページからダウンロードしてインストール Homebrew 等のパッケージ管理ツールからインストール nvm 等の node 用のバージョン管理ツールを利用してインストールなどなど．自分はバージョンが頻繁に変わるらしいという事で nvm をインストールして，そこから最新版をインストールした．プロジェクトの作成 Node でプロジェクト
y_yuki 2015/10/21
Node

package

JavaScript

npm
リンク
1