[B! node.js] okudenのブックマーク

okuden id:okuden

node.jsに関するokudenのブックマーク (7)

グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ - ICS MEDIA
グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ『Squooshスクーシュ』というGoogleが開発した画像圧縮ウェブアプリがあります。ブラウザで変換結果を見ながら圧縮設定ができるので、画像圧縮の難しい知識を持たない方でも使いやすいことが特徴です。圧縮だけでなく、WebPなどの各種フォーマットへの変換・リサイズといったこともできる便利ツールです。このSquooshをNode.jsで扱える『libSquoosh』が存在します。libSquooshは大量の画像を一括で圧縮、WebPへの変換、リサイズなどの処理をこれ1つで完結できるのがポイントです。昨今のウェブはページの読み込み時間が重視される傾向があります。画像のファイルサイズは読み込み時間に大きく影響するため、画像圧縮は重要なテクニックです。libSquooshをwebpack・Viteと
okuden 2022/02/08
*WEB制作

node.js
リンク
💡 Node.jsのバージョン管理ツールを改めて選定する【2021年】 - Qiita
開発者「すみません、なんかnpm iとかnpxコマンドがうまくいかなくて…」ワイ「でたー、cb.apply is not a functionって書いてません？」開発者「書いてます」ワイ「ちょっと見てみますね」ワイ「……これはnpm入れなおしたほうが早そうですね…」ｶﾀｶﾀ… ワイ（うーん…なぜ未だにnodistで消耗しているのか…😨） TL;DR nodistはもうやめよう選定するときは、まず選定基準を決めよう関連技術の特徴を洗い出そうそれらが自分たちの環境にどれくらいマッチするかで比較しよう Windowsならfnmがオススメ1！ ※ バージョン管理ツールがなんだかわからない方は「Node.jsのバージョン管理ツールとは」からお読みください。うわっ…私の現場、nodist使いすぎ…？ Node.jsの利用が本格化してきたころ、私の周りでは圧倒的にnodistが流行し
okuden 2021/11/24
*web知識

npm

node.js
リンク
npm scripsが特定の環境だけ動かない！という時に確認すること - LCL Engineers' Blog
フロントエンドエンジニアの岡田です。 LCLのフロントエンドでは、npm scriptsを使っていますが、たまに特定の環境だけ動かないことがあります。今回は、ケース別に確認すると良いこと・試すと良いことをご紹介します。ケース別の確認事項等自分のローカル環境では動くが、他の人の環境では動かない場合自分のローカル環境では動かないが、他の人のローカル環境やテストサーバーでは動く場合 Macでは動くが、Windowsでは動かない場合ローカル環境では動くが、テストサーバーやステージングサーバーでは動かない場合確認すること・試すこと一覧ログにエラーが出ていないか追加したパッケージがpackage.jsonに記載されているか本番で必要なパッケージがdevDependenciesに書かれていないか nodeとnpmのバージョンが同じかどうか実際にインストールされているパッケージが同じか
okuden 2018/08/16
npm

node.js

*web制作
リンク
人気npmパッケージ25本をサクッと紹介する
こちらはNode.js Advent Calendar 2017 - Qiitaの20日目の記事です。今回はnpm rankの2017/12/12のデータを元に、もっとも権威のある（検索でヒットしやすい）パッケージTOP25を超簡潔に紹介していきます。 node.jsには便利なパッケージがたくさんあり、ほとんどのことはパッケージで効率化できます。しかしパッケージを使うには、どういうパッケージがあるか知らなければサッと使うことができません。とはいえ1つずつググっていくと意外と多くの時間がかかってしまう。そのために頭のなかに索引をつくるような記事を書いてみようと思いました。苦労して調べるのは一人でいい！私自身ほとんどパッケージを知らないので、サーベイの意味を込めて。説明の誤りや改善点があればコメントください〜。 Node.js超入門posted with amazlet at 17.12
okuden 2017/12/21
node.js
リンク
[Node.js] 無料で簡単にウェブアプリを公開できるサービス「Glitch」を使ってみた！ - Qiita
Glitchとは GlitchはNode.jsのアプリを公開するためのサービスです。 Node.jsでウェブアプリを公開しようとすると、サーバーの設定したりドメインを取得したり…とても複雑です。 Glitchは、あなたの創造性を試すことだけに集中できます。 Glitchは、あの有名なプロジェクト管理ツールのTrelloをつくったFogCreekSoftware社によって開発が進められています！アプリを公開するためだけでなく、オンラインのEditorなどもついていい感じです。使ってみるこれまでAWSやさくらインターネットなどを使っていましたが、Glitchはずば抜けて簡単です。まずはGlitchにアクセスします。新しいプロジェクトの作成1 右上の①[Sign in]ボタンからログインします。 FacebookかGitHubが選べますが、後々GitHubからソースコードを取得すること
okuden 2017/11/27
*WEBサービス

node.js

github
リンク
Windows での最速 Node.js 環境構築 - Humanity
Windows での Node 環境のセットアップが楽になってるな。npm install -g windows-build-tools だけで済むようになってる。もう手動で Python とかインストールしなくていいのか。 https://t.co/r9KDFUp23Z— tyru (@_tyru_) 2017年3月12日というわけで Windows で Node.js 環境をセットアップする方法をまとめてみる（もしかして前からこれぐらい簡単だったのかもしれないけど…）。 1. Nodist をインストール Node.js を直接インストールせず、まずは Nodist をインストールする。 github.com 今だと v0.8.8 が最新だった。 2. windows-build-tools をインストール次に管理者権限で Powershell を起動*1して、npm instal
okuden 2017/03/14
node.js

Windows

*WEB制作
リンク
npm-scripts で使える便利モジュールたち - Qiita
npm はパッケージ依存管理ツールであると同時に、便利なタスク・ランナーです。本体はごく基礎的な機能だけを持ち、npm が管理するパッケージと Shell の力を組み合わせてタスクを定義します。「npm-scripts で利用する CLI コマンドは npm で管理できる」という分かりやすさが気に入っています。 npm-scripts には以下の特徴があります。多くのツールが CLI を持っているためにラッパープラグインが不要です。Gulp ラッパープラグインは非公式であることも多く、メンテナンスが継続するか不安な場合があります。簡潔です。Gulp で書くと数十行だった処理が数行になるなんてこともよくあります。複雑なことをするには向いていないです。環境変数の扱いに難があります。この記事では、私が npm-scripts を書くときによく利用している便利ツールたちを紹介します。
okuden 2016/02/08
*WEB制作

node.js
リンク
1