更新が必要なnpmパッケージを可視化する - Hatena Developer Blog
こんにちは。ウェブアプリケーションエンジニアのid:masawadaです。普段は、はてなブログチームで開発を行なっています。 今回は、日々の開発で生まれた困りごとを解消するために作ったyarn-outdated-formatterというツールを紹介します。 経緯 以前id:amagitakayosiが「フロントエンドPodcastはじめました - Hatena Developer Blog」にて書いたとおり、はてなには現在「フロントエンドエンジニア」という肩書きのメンバーはいません。はてなブログチームでも全員がバックエンド(Perl)とフロントエンド(JavaScript)両方のコードを書いており、どちらかというとバックエンドがメインのためクライアントサイドは片手間になりがちという問題がありました。 そこで、チーム内でFWG(フロントエンド・ワーキング・グループ)という会を組織しました。F
【npm】【Vagrant】Vagrantの共有フォルダ上でnpm... - 人生dat落ち
Vagrantの共有フォルダ上でnpm iするとコケることがある。その解決策としてnpmのオプションに--no-bin-linksを付与するってのが定跡らしい。 日本語の文献だと、その解決策を記した記事ばかりで、原因の説明がされず、「よくわかんないけどこれで動きました」で済ましている。 そんな訳で、vagrantの共有フォルダ上でnpm iするときコケる理由と、--no-bin-linksオプションをつけると通る理由について調査及び検証してみます。 知りたいことvagrantの共有フォルダ上でnpm iするときコケる理由と、--no-bin-linksオプションをつけると通る理由。 原因の候補ググってそれっぽいのを列挙する。 Virtual Box上ではセキュリティの関係上、共有フォルダにシンボリックリンクを張ることを禁止している。bin package moduleをインストールする際、
kitak blog
日記を継続するのは難しい。年が明けて2023年になった。 ランニングについて。ランニング・フォーミュラを参考に週4日のトレーニングを継続している。LTペースはキロ4分30秒、インターバルペースはキロ4分16秒。大きな怪我をしたり、体調を崩して心肺能力が落ちなければ、3月のハーフマラソンは100分を切れる気がしている。 アトレティコについて。調子がいまひとつ上がらない。現在4位。3位はソシエダで、好調でいまのところ隙が見当たらない。同ポイントにベティスとビジャレアルがいて、こちらも調子がいい。チャンピオンズリーグ圏内の4位以上でフィニッシュできるか正念場。 ジョアン・フェリックスがチェルシーへレンタル、クーニャがウルブスへ完全移籍。バルサからデパイが加入したので、攻撃が活性化することを期待したい。 読書について。昨年の暮れ頃からファンタジー小説をよく読むようになった。十二国記のシリーズをすべ
npmに代わるNodeパッケージマネージャーyarn - 文系プログラマー
yarn https://yarnpkg.com/ FacebookとExponent, Google, Tildeとの共同チームによって生まれた新しいパッケージマネージャー Yarn pulls packages from registry.yarnpkg.com, which allows them to run experiments with the Yarn client. This is a proxy that pulls packages from the official npm registry, much like npmjs.cf. http://blog.npmjs.org/post/151660845210/hello-yarn 新しいレジストリも作るのかと一瞬思ったけど、どうやらそうではなく、npmレジストリを利用するための新しいクライアントのようだ。よかった
npm-scripts で Web フロントエンド開発を管理する - アカベコマイリ
gulp なしの Web フロントエンド開発から 1 年あまり。その間、特に問題もなく npm-scripts で Web フロントエンド開発を管理できているので、この間に得られた運用知見や所感などをまとめてみる。 npm-scrips とは？ 最近の Web フロントエンド開発では AltJS/AltCSSのビルドやリリース用イメージ作成などに Node.js + npm を利用することが一般化してきた。そのためプロジェクトは package.json で管理することになる。package.json の提供する代表的な機能として プロジェクト情報の定義 プロジェクトの成果物を npm として配布するための情報 プロジェクト名、バージョン、作者などのメタデータを定義する 依存モジュール管理 プロジェクトが依存する npm とバージョンを管理する この情報へ基づき npm install コ
npmの使い方の勉強メモ1(node.js=v0.11.16, npm=2.3.0) - msakamoto-sfのはてなブログ
2015-03-22 npmの使い方の勉強メモ1(node.js=v0.11.16, npm=2.3.0) Node.js npm npmの使い方の勉強メモ。 勉強環境： $ node --version v0.11.16 $ npm --version 2.3.0 参考： https://docs.npmjs.com/ https://docs.npmjs.com/misc/faq npm help install npm help root npm help bin npm help 5 folders npm help 7 config パッケージインストールの考え方： ローカルインストール カレントディレクトリの node_modules 以下にパッケージをインストール。 開発プロジェクト固有で依存するパッケージをインストールしたい時に使いやすそう。 グローバルインストール システ
Lebabを使ってECMAScript6を体験しよう
新しいJavaScriptであるECMAScript6（以下ES6）はすでにnode.jsをはじめとする幾つかの環境で使えるようになっています。クラスやimport、Promise、テンプレート文字列など便利な機能がたくさんありますが、なかなか使う機会に恵まれないのではないでしょうか。 そこでよく使われているのはBabelで、ES6で書いたコードを従来のJavaScriptであるECMAScript5（以下ES5）に変換してくれるソフトウェアです。Babelを使うことによって、コーディングは先進的なES6で行いつつ、実際の利用はES5で幅広いブラウザに対応させると言った利用ができます。 今回はその逆で、すでにあるES5のコードをES6に変換してくれるLebabというソフトウェアを紹介します。LebabはBabelを逆から読んだ名前になっています。 Lebabの使い方 Lebabはnpmを使
npmとBrowserifyでjQueryを管理する
npmとBrowserifyでjQueryを管理する 本エントリーは「to-R JavaScript Advent Calendar 2015」18日目のエントリー、これまではJavaScriptライブラリの管理にはbowerなどが使われていましたが、最近ではnpmを利用することが多いようなのでnpmを利用した管理方法についてjQueryを利用して解説を行います。 まずはnpm init すでに開発環境としてnpmを利用している場合は不要ですが、まずは開発ディレクトリでnpm initと入力してpackage.jsonを作成します。 npm init 色々聞かれますがGitHbuなどで公開しないのであれば基本Enterで問題ありません。 まずは雛形を用意 確認用の雛形を用意しましょう。 package.jsonと並列にindex.htmlとbundleディレクトリ、destディレクトリをそ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
