並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 459件

新着順 人気順

npmの検索結果241 - 280 件 / 459件

  • [Node.js]大企業様で使われているproxy.pacよりProxyサーバを設定している環境で「npm install」を使う方法 - Qiita

    [Node.js]大企業様で使われているproxy.pacよりProxyサーバを設定している環境で「npm install」を使う方法MacNode.jsnpmproxyWindows10 Problem 大企業様の現場で構内請負や派遣で仕事していると、よく困ります。 それは、nodejsを使った簡単なツールをインストールする際に、npmでモジュールをダウンロードしようとするとダウンロードが出来ないことがある、ということ。 多くの場合、大企業様ではproxy.pacファイルを使っています。そして、事務用PCが持っている固定IPアドレスによって、アクセスできるProxyサーバーを振り分けています。このようなネットワーク環境では、npm install でモジュールがダウンロード出来ません。 Solution この問題を解決するには次のように設定します。 $ npm config set st

      [Node.js]大企業様で使われているproxy.pacよりProxyサーバを設定している環境で「npm install」を使う方法 - Qiita
    • yarnを使うプロジェクトでnpm installを禁止する方法 - Qiita

      yarnを使うことになっているプロジェクトでは、npm installを禁止したい場合があります。 この投稿では、プロジェクト単位でnpm installを禁止する方法を紹介します。 npm installを禁止する設定 まず、package.jsonにengines.npmフィールドを追加し、そこに"please_use_yarn_instead"と書きます:

        yarnを使うプロジェクトでnpm installを禁止する方法 - Qiita
      • npm installしたのにcommand not foundになるのはnode_modulesへのパスが原因かも – webdev

        なんとも初歩的な過ちですが、備忘として… $ gulp bash: gulp: command not found このように、npm installでプロジェクトへインストールしているモジュールが動作しない場合は node_modulesディレクトリへのパスが通っていない可能性があります。 応急処置として、command not foundがでたプロジェクトのディレクトリでそのまま パスを通すコマンドを入力してみると解消されました。 $ gulp bash: gulp: command not found $ export PATH=$PATH:./node_modules/.bin $ gulp [11:03:45] Using gulpfile /xxxxxxxx/gulpfile.js [11:03:45] Starting 'default'... 毎回設定しなくていいようグロー

          npm installしたのにcommand not foundになるのはnode_modulesへのパスが原因かも – webdev
        • 2022-12-20のJS: Vite 4.0、SvelteKit 1.0、Node v19.3.0(npm 9)、RUM Archive

          JSer.info #623 - Vite 4.0がリリースされました。 Vite 4.0 is out! | Vite SWCをサポートする@vitejs/plugin-react-swcを追加、デフォルトでES2020形式で出力するように変更、CSSを文字列としてインポートする方法の変更などの変更が含まれています。 SvelteベースのフレームワークであるSvelteKit 1.0がリリースされました。 Announcing SvelteKit 1.0 α版からの変更点は次のマイグレーションガイドにまとめられています。 Migration guide · Discussion #5774 · sveltejs/kit Node v19.3.0がリリースされました。 Node v19.3.0 (Current) | Node.js Node v19.3.0では、npm 9系となるnpm

            2022-12-20のJS: Vite 4.0、SvelteKit 1.0、Node v19.3.0(npm 9)、RUM Archive
          • ニュース: LIFF SDKをnpmパッケージとして公開しました

            これまで、LIFFアプリにLIFF SDKを組み込むには、CDNパスを指定する必要がありました。 本日、LIFF SDKのnpmパッケージを試験的に公開しました。 今後は、npmおよびYarnを利用して、LIFF SDKをインストールできます。 LIFF SDKのnpmパッケージについて詳しくは、https://www.npmjs.com/package/@line/liffを参照してください。 ...

              ニュース: LIFF SDKをnpmパッケージとして公開しました
            • NPM Kiosk - A new way to sell NPM packages

              Selling NPM packages could be a great way for creators to earn money and in return make better software for buyers. But almost nobody is doing it. We think it is because the process is too cumbersome for both parties. NPM Kiosk is an idea for how the ergonomics can be improved - it is also a template for selling and installing private NPM packages without the need for private registries. The probl

              • Node.js・npmのインストール方法 - Qiita

                なんとなく使っていたnode.jsとnpmについての今日、基礎を教わる機会があったのでメモ代わりに書いておく。 Node.jsのインストール Node.jsとはサーバサイド側で動くJavaScriptのこと。 インストール方法は、まずはnodeのwebページに行く。 nodeのwebページ 自分は最新版のインストールした。 インストールされているかの確認として、CLIでnode -vをたたく。

                  Node.js・npmのインストール方法 - Qiita
                • 2022-10-25のJS: Node.js 19、npm 9、Safari 16.1(Web Push)

                  JSer.info #615 - Node.js 19.0.0がリリースされました。 Node v19.0.0 (Current) | Node.js Node.js 19 is now available! | Node.js Node.js 19は奇数バージョンなので、開発バージョン扱いとなりLTSとしてはリリースされません。 https://github.com/nodejs/release#release-schedule Node.js 19.0.0では、node --watchの追加、HTTP/1.1でkeepAliveがデフォルト化、WebCryptoがStableへと変更されています。 依存関係がV8 10.7、llhttp 8.1.0、npm 8.19.2へアップデートされています。 また、--requireフラグのESM版である--importフラグの追加なども行われて

                    2022-10-25のJS: Node.js 19、npm 9、Safari 16.1(Web Push)
                  • New npm features for secure publishing and safe consumption

                    Open SourceProductNew npm features for secure publishing and safe consumptionNow you can create tokens with fine-grained permissions for automating your publishing and organization management workflows. And a new code explorer allows you to view content of a package directly in the npm portal. We are excited to announce two new features for a safer npm package ecosystem experience: granular access

                      New npm features for secure publishing and safe consumption
                    • npm run のスクリプトの中でディレクトリの削除を行う (rimraf) | まくまくNode.jsノート

                      なぜ rimraf が必要か? TypeScript などのトランスパイラを使って Node.js アプリを開発していると、ビルド結果を格納するディレクトリを削除する clean コマンド(NPM スクリプト)を定義したくなります。 package.json これはこれで間違いではないのですが、Linux の rm コマンドを使用しているので、OS 依存の package.json になってしまいます。 そこで、OS に依存しない rm -rf コマンドを実現するのが rimraf という NPM パッケージです。 rimraf は NPM の作者である Isaac 氏が作成しており、安心して使用できます。 rimraf という名前は Linux コマンドの rm -rf の発音が由来だと言われています。 rimraf の使い方 rimraf のインストール rimraf コマンドは NP

                        npm run のスクリプトの中でディレクトリの削除を行う (rimraf) | まくまくNode.jsノート
                      • bundlejs - Online bundler + npm package bundle size checker

                        When bundling packages that also export CSS and other external files, bundlejs.com now checks the gzip/brotli size of these external files, even though it won't output any code. Keep this in mind this isn't a bug, however, if it causes confusion I am willing to change this behaviour. Treeshaking is available, but not all CDNs support access to each packages package.json so there might be slight pa

                          bundlejs - Online bundler + npm package bundle size checker
                        • NPMパッケージ作成入門 ~ TypeScriptでつくるJSライブラリ

                          TypeScript を使ってオリジナルの NPM パッケージを作ろう!

                            NPMパッケージ作成入門 ~ TypeScriptでつくるJSライブラリ
                          • npm provenance general availability

                            September 26, 2023 npm provenance is now generally available. npm packages built on a supported cloud CI/CD system can publish with provenance. Today this includes GitHub Actions and GitLab CI/CD. Publishing with provenance verifiably links the package back to its source repository and build instructions. Provenance is restricted to public packages and public source repositories only. npm will che

                              npm provenance general availability
                            • Simple monorepos via npm workspaces and TypeScript project references

                              Simple monorepos via npm workspaces and TypeScript project references A monorepo is a single repository that is used to manage multiple projects. In this blog post, we’ll explore how to set up a simple monorepo for two npm packages. All we need is already built into npm and TypeScript. What is a monorepo and why is it useful?  # Whenever we have to develop multiple interdependent npm packages in p

                              • 【npm初心者】なんんとなく使っていた npm install の --save-dev ついて調べてみた

                                npm install --save-dev ってどういう意味 npm install と npm install --save-devの違いは、パッケージを本番環境で使うか、開発環境で使うかだけの違いです。 npm install でインストールしたパッケージは、本番環境で使うパッケージとして package.json の dependencies に追加されます。 対して npm install --save-dev は開発環境で使うパッケージとして devDependencies に追加されます。 調べてみると意外と単純でした。 "dependencies": { // npm install コマンドを使ってインストールしたパッケージ // 本番環境で使うパッケージ }, "devDependencies": { // npm install --save-dev コマンドを使って

                                  【npm初心者】なんんとなく使っていた npm install の --save-dev ついて調べてみた
                                • npmとpackage.jsonが良く分からなかったので独自目線で纏めた - Qiita

                                  はじめに どうも、またまた私です。 今度はnpmを深掘りすることになりました。 例の如く手探りです。 参考にしたもの npmとpackage.json使い方 - Kokudoriing npmでnode.jsのpackageを管理する そもそもnpmってなんだよ Node Package Manager. 要約するとNode.js用のパッケージ管理ツールです。 詳しくはここみてください。 npm導入方法 色々ありますが今回はnvm導入で出来る方法をお伝え。 nvmってなんだよ Node Version Manager. Node.js用バージョン管理ツールです。 gitとかとは違ってソースのバージョン管理ではなく、 Node.jsのバージョン(v8.10.0とかv9.4.0とか)をコントロールするやつです。 やっぱり詳しくはこっちみてください。 nvm導入方法

                                    npmとpackage.jsonが良く分からなかったので独自目線で纏めた - Qiita
                                  • 初期化処理を行う!npm initの使い方【初心者向け】

                                    初心者向けにnpm initの使い方について解説しています。npm initで初期化処理を行い、package.jsonを生成する流れを説明しています。コマンドの使い方と実際に使う例を分かりやすく紹介しているので、実際に書きながら覚えていきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 今回はnpm initについて解説します。 npm initでpackage.jsonを生成する流れを実際にコマンドを入力しながら説明しているの

                                      初期化処理を行う!npm initの使い方【初心者向け】
                                    • 4 reasons to avoid using `npm link`

                                      Apr 2022 · 10min The dangers of `npm link` and why you should use `npx link` instead TL; DR # Instead of using npm link, use npm install or npx link to symlink a local package as a dependency: npx link is a tool I developed as a safer and more predictable alternative to npm link. Avoid using npm link because of the following footguns: Error-prone with multiple Node.js versions No fail-case and une

                                      • license-checkerでnpmの依存ライブラリのライセンスを確認する - Qiita

                                        みなさんは日々の開発でライブラリなどを利用する際に、きちんとライセンスを確認していますか? OSS(に限らないですが)を利用する際には、ライセンスに従う必要があります。 ライセンスによっては著作権表示を求められたり、それらを組み込んだソースコードもまた公開しなければならないものもあります。 今回はlicense-checkerを用いて、Node.jsプロジェクト内で利用しているパッケージのライセンスを確認してみたいと思います。 license-checkerを使ってみる license-checker https://www.npmjs.com/package/license-checker ツールなのでグローバルにインストールしてもいいと思いますが、個人的にはdevDependenciesに足したほうがチームで共有できたりCIなどでも利用できるのでよいかと思います。1 ここでは適当に作っ

                                          license-checkerでnpmの依存ライブラリのライセンスを確認する - Qiita
                                        • Improvements to granular access tokens on npm

                                          July 11, 2023 Today we are making further improvements to granular access tokens in npm. Highlights of this update are Custom Expiration Times: You can now create granular access tokens with custom expiration times, allowing for durations that span multiple years. Increased Token Limit: We have expanded the maximum limit for granular access tokens creation to 1000. This enables maintainers with a

                                            Improvements to granular access tokens on npm
                                          • yarn ではなく npm install を叩いたらエラーを出したいを実現する方法が簡単だった - Qiita

                                            やりたいこと yarn ではなく npm install を叩いたらエラーを出す仕組みを作りたい 実現方法 npmrc に engine-strict=true を記載する npmrc とは npmの設定ファイル のことである

                                              yarn ではなく npm install を叩いたらエラーを出したいを実現する方法が簡単だった - Qiita
                                            • Denoの新機能「npmインポート」について予習する - Qiita

                                              Deno v1.25以降、npmインポートが使えるようになります!この機能を使うとNode.js向けのライブラリがDenoでも動作します。 現在は実験的API(実行に--unstableフラグが必要)となっていますが、今後3か月でサポートを強化し、使えるnpmライブラリを増やしていくとのこと。 実はnpmインポート機能の導入は突然決まったものではなく、今年の2月からryan dahlがやりたいと言っていた機能でした。半年以上かけて議論してやっと導入された感じですね。 またDenoのNode.js互換性自体はBunの登場よりも早い時期(2019年)から進められていて、今回満を持して登場ということになります。 この記事ではnpmインポートの概要と実装、将来について解説していきます。 Denoの npmインポート とは npmから始まるURLをimport文に指定すると、npmパッケージが使える

                                                Denoの新機能「npmインポート」について予習する - Qiita
                                              • lockfile-lintを使うとOSSのnpmパッケージでロックファイルにマルウェアを仕込まれるリスクを軽減できる

                                                OSSのnpmパッケージにおいて、第三者によるPRでyarn.lockやpackage-lock.jsonなどのロックファイルに変更が加えられている場合、すべての変更を徹底してチェックしなければならない。 なぜなら、パッケージの参照元となるyarnやnpmのレジストリのURLをしれっと改ざんされてしまうリスクがあるため。 例えば以下の画像のようにyarn.lockに定義されたパッケージのresolvedがhttps://registry.yarnpkg.com/...からhttps://malicious.example/...に書き換えられてしまうかもしれない。 lockfile-lint このリスクを軽減するのにlockfile-lintが便利。 例えば👆のコマンドではyarn.lockの中で npmとyarnのレジストリ以外のURLが参照されていないか すべてhttpsのURLにな

                                                  lockfile-lintを使うとOSSのnpmパッケージでロックファイルにマルウェアを仕込まれるリスクを軽減できる
                                                • laravelでnpm run devを実行すると「cross-env: not found」というエラーが出る件対応したった - Qiita

                                                  laravelでnpm run devを実行すると「cross-env: not found」というエラーが出る件対応したったnpmLaravelcross-env { "private": true, "scripts": { "dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node

                                                    laravelでnpm run devを実行すると「cross-env: not found」というエラーが出る件対応したった - Qiita
                                                  • GitHub - npm/pacote: npm fetcher

                                                    Pacote - The JavaScript Package Handler, v10.1.1 Usage: pacote resolve <spec> Resolve a specifier and output the fully resolved target Returns integrity and from if '--long' flag is set. pacote manifest <spec> Fetch a manifest and print to stdout pacote packument <spec> Fetch a full packument and print to stdout pacote tarball <spec> [<filename>] Fetch a package tarball and save to <filename> If <

                                                      GitHub - npm/pacote: npm fetcher
                                                    • 【JS】yarnの長所とyarnからnpmに戻ってきた理由 | JavaScriptに関するお知らせ

                                                      こんにちは!npmはGitHub、そのGitHubはMicrosoftってことでフロントエンド周りをMSが制覇しつつある今日この頃を感じるMizutani(@sirycity)です。あとVSCodeとTypeScriptもMicrosoftだね! 今日はそんなMS帝国の一角、npmとそのライバル yarnについてです。僕は最初npmを使っていて、yarnが出たタイミングで乗り換えたけどまたnpmに戻ってきました。そんな話。 npmとyarnについて npmとyarnについてざっくり説明します。 npmはJavaScriptの公式パッケージマネージャーです。結構昔からあるやつ。yarnはJavaScriptの非公式パッケージマネージャーです。後から出てきたやつで、npmの弱点を補うようなやつです。ソフトウェアあるあるだね。 yarnの方が良い所 機能としてはyarnの方が優秀と言って良いと思

                                                        【JS】yarnの長所とyarnからnpmに戻ってきた理由 | JavaScriptに関するお知らせ
                                                      • 2023-02-08のJS: Node.js v18.14.0(npm 9.xへアップデート)、Interop 2023、 Learn Images

                                                        JSer.info #630 - Node.js v18.14.0がリリースされました。 Node v18.14.0 (LTS) | Node.js Node.js v18.14.0は、npm 9.3.1へのメジャーアップデートが含まれています。 npm 9には、いくつかのコマンドの削除やデフォルト設定の変更などが含まれています。 npm v9.0.0 released | GitHub Changelog npmのアップデートによるパッケージのNode.jsのテストに失敗がないこと、ロックファイルが自動で変更されないことなどを条件に、Node.jsのminor updatesに含まれることになりました。詳しい条件は次のページにまとめられています。 Integrating with node · npm/cli Wiki または、Node.js v19.6.0では、npm v9.4.0が同

                                                          2023-02-08のJS: Node.js v18.14.0(npm 9.xへアップデート)、Interop 2023、 Learn Images
                                                        • Enrolling all npm publishers in enhanced login verification and next steps for two-factor authentication enforcement

                                                          Open SourceSecurityEnrolling all npm publishers in enhanced login verification and next steps for two-factor authentication enforcementToday we're introducing enhanced login verification to the npm registry, and we will begin a staged rollout to maintainers beginning Dec 7. Three weeks ago, we provided an update on our commitment to npm ecosystem security. We promised to provide more details on th

                                                            Enrolling all npm publishers in enhanced login verification and next steps for two-factor authentication enforcement
                                                          • One In Two New Npm Packages Is SEO Spam Right Now

                                                            More than half of all new packages that are currently (29 Mar 2023) being submitted to npm are SEO spam. That is - empty packages, with just a single README file that contains links to various malicious websites. Out of the ~320k new npm packages or versions that Sandworm has scanned over the past week, at least ~185k were labeled as SEO spam. Just in the last hour as of writing this article, 1583

                                                              One In Two New Npm Packages Is SEO Spam Right Now
                                                            • 【環境構築】DockerでReactをnpmを使用して作成&起動する方法(TypeScript編) - Qiita

                                                              背景 【環境構築】Reactのプロジェクト作成&起動方法について 〜npm・yarn & JavaScript・TypeScript〜で、Reactには複数のプロジェクトの起動&作成方法があることをご紹介しました。 この記事は、「1.2.npmでTypeScriptを使用してReactプロジェクトを作成する方法」の解説記事になります。 目標 npmでTypeScriptを使用してReactプロジェクトを作成できるようになる。 npmでTypeScriptを使用してReactプロジェクトを作成する方法 docker-react-npm-typescriptをcloneし、起動に必要なdockerfileをローカルに準備します。 Dockerfileの中身は以下のようになっており、nodeをベースイメージとして使用しています。

                                                                【環境構築】DockerでReactをnpmを使用して作成&起動する方法(TypeScript編) - Qiita
                                                              • package.json | npm Docs

                                                                Viewing, downloading, and emailing receipts for your npm user account

                                                                  package.json | npm Docs
                                                                • 久しぶりに使うレポジトリの脆弱性報告が有りまくったので npm package をアップデートをしてスッキリする

                                                                  % npm i audited 1292 packages in 5.692s 113 packages are looking for funding run `npm fund` for details found 2 high severity vulnerabilities run `npm audit fix` to fix them, or `npm audit` for details vulnerabilities を訳すと「脆弱性」です。やばいですね。 npm audit コマンドを使うと、脆弱性に問題のあるパッケージを一覧できます。 % npm audit === npm audit security report === ... (中略) found 25 vulnerabilities (2 low, 23 high) in 1293 scanned package

                                                                    久しぶりに使うレポジトリの脆弱性報告が有りまくったので npm package をアップデートをしてスッキリする
                                                                  • npm DL 数から見る React, Angular, Vue の比較

                                                                    Monaca/Onsen UI チームの又川(@n_matagawa)です。 React, Angular, Vue が3大フレームワークとして定着してから3〜4年が経ちました[1]。最近はそれらをベースとした Next.js, Gatsby, Nuxt などの SSR (Server Side Rendering), SSG (Static Site Generation) ライブラリが安定期に入ってきたというところだと思います[2]。 肌感覚としてはどのフレームワークも用途に応じて満遍なく使われている印象ですが、ここは客観的な指標が欲しいところです。今回の記事では npm DL 数を指標として React, Angular, Vueを客観的に比較することを試みます。 npm ではユーザが npm install <package> を実行した回数が 2015/02/27 [3] から日

                                                                      npm DL 数から見る React, Angular, Vue の比較
                                                                    • IE11で動かないnpmパッケージのrenovate.json

                                                                      とりあえず手元で問題になったやつだけ renovate-config/default.json at master · kyo-ago/renovate-config .github/renovate.json5 に以下の記述を行う。 { "extends": [ "github>kyo-ago/renovate-config" ] }

                                                                        IE11で動かないnpmパッケージのrenovate.json
                                                                      • フロントエンドのパッケージ管理にnpmを使用するのは正しいのでしょうか?

                                                                        npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。 JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

                                                                          フロントエンドのパッケージ管理にnpmを使用するのは正しいのでしょうか?
                                                                        • [Mac]npm install エラーへの対応(初心者向け) - iOSアプリ開発ならTickleCode

                                                                          こんにちは、こばやしよしのり @yoshiii514 です。 最近、npm を使い初めて、npm install でエラーになり、原因をよくわからない、調べるだけで時間がかかっている・・・。 どの順番でエラーの調査したら良いのか知りたい。 こういった困っていることに答えます。 初心者向けの記事です。 本記事を読むメリットnpm install で、ありがちなエラーに対処できる。手順にまとめることで、短時間でエラーを解決できる。npm を簡単に解説まだ、npm がよくわかっていない方向けに簡単に解説します。 npm とはパッケージ管理システムのことで、Node Package Managerの略。パッケージはJavaScriptなどでできたプログラムのあつまりです。 パッケージは、別のパッケージの機能を利用していることも多いために、パッケージ間での依存関係の管理が必要になります。そのために、

                                                                            [Mac]npm install エラーへの対応(初心者向け) - iOSアプリ開発ならTickleCode
                                                                          • npmのoptionalDependenciesとは

                                                                            ググってもあまり日本語の記事がヒットしないので簡単に説明を載せておきます。まれにpackage.jsonでoptionalDependenciesというものにパッケージ名が指定されていることがあります。 "dependencies": { ... }, "devDependencies": { ... } "optionalDependencies": { "sharp": "0.26.3" } optionalDependenciesとは optionalDependenciesは利用可能であればインストールされるが、利用不可であっても他の処理を止めたくない場合に使用します。 以下npm公式ドキュメントの引用です。 If a dependency can be used, but you would like npm to proceed if it cannot be found or

                                                                              npmのoptionalDependenciesとは
                                                                            • npm automation tokens

                                                                              October 2, 2020 npm is introducing a new setting for access tokens to support publishing to the npm registry from CI/CD workflows. Previously, you could create an access token with one of two settings: read-only, and publish. A publish token allows you to publish packages, like the name implies, but if you have two-factor authentication (2FA) enabled on your account, you'll be prompted for your on

                                                                                npm automation tokens
                                                                              • Inline Webpack CSS Modules classNames, reducing bundle size. https://npm.im/constant-locals-loader

                                                                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                                  Inline Webpack CSS Modules classNames, reducing bundle size. https://npm.im/constant-locals-loader
                                                                                • 【制作過程実況動画付】npm scriptとGulp4で簡単なWeb制作向けタスクランナーを作る方法 | オレインデザイン

                                                                                  こちらの記事では、npm script からGulpを呼び出してSass→CSSのコンパイルをさせたり、画像を最適化して別のところに出力させたり、JavaScriptをBabelを通して書き換えたりするためのタスクランナーを自分でつくることができるようになります。 最下部に、実際作っている実況動画と最終的なコードを掲載しているので、とりあえず試したいという方は、そちらを試されてから必要なところだけ読んでもらうという使い方もしていただけるかと思います。 前提 こちらの環境はMacですので、Macでの解説がメインです。Windows利用者の方は適宜読み換える必要がある部分があります。あらかじめご了承ください。 あると良い知識 JavaScriptがなんとなくわかると良いと思います。npmは見よう見まねでも今は大丈夫でしょう。使っていく上で必要であれば自ずと覚えれます。 タスクランナーとは? W

                                                                                    【制作過程実況動画付】npm scriptとGulp4で簡単なWeb制作向けタスクランナーを作る方法 | オレインデザイン