グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ - ICS MEDIA
グーグルが開発した画像圧縮ツールSquoosh。フロント開発向けにNode.jsで扱う方法まとめ 『Squooshスクーシュ』というGoogleが開発した画像圧縮ウェブアプリがあります。ブラウザで変換結果を見ながら圧縮設定ができるので、画像圧縮の難しい知識を持たない方でも使いやすいことが特徴です。圧縮だけでなく、WebPなどの各種フォーマットへの変換・リサイズといったこともできる便利ツールです。 このSquooshをNode.jsで扱える『libSquoosh』が存在します。libSquooshは大量の画像を一括で圧縮、WebPへの変換、リサイズなどの処理をこれ1つで完結できるのがポイントです。昨今のウェブはページの読み込み時間が重視される傾向があります。画像のファイルサイズは読み込み時間に大きく影響するため、画像圧縮は重要なテクニックです。libSquooshをwebpack・Viteと
Node.js の Child Process 研究 : fork・exec・execFile・spawn の違いをサンプルコードとともに検証 - Neo's World
Node.js の Child Process 研究 : fork・exec・execFile・spawn の違いをサンプルコードとともに検証 Node.js の組み込みモジュール、child_process。基本的には、実行中の node プロセスとは別のプロセスを生成する関数が揃っているモジュールだが、今回はこのモジュールの中の似たような関数を比較し、理解を深めていこうと思う。 目次 child_process.exec() child_process.execSync() child_process.execFile() child_process.execFileSync() child_process.spawn() child_process.spawnSync() child_process.fork() 特徴比較表 ついでにコードリーディングしてみる どの関数を使うべきか、
今年のうちに対応したい、Node.jsのBufferに潜む危険性
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Node.js言語サポートチームの加藤佑典です。 普段はYahoo!ブックストアの開発/運用を主にしています。 先日、同じチームの柄澤がNode学園祭 2016の発表でも少し触れていますが、今期から社内でNode.jsの言語サポートチームが発足しました。 本日はそのチームメンバー+有志で行っているNode.js Core APIの勉強会で話題になった、Buffer APIの変更点について触れたいと思います。 本記事はNode.js v6.9.1 Documentationをベースに書いています。 1. はじめに 勉強会は、以下のようにAPIをカテゴリ分けし、基礎的なAPIであるカテゴリー1のものから順に進めています。
Awesome Node.js : 素晴しい Node.js フレームワーク・ライブラリ・ソフトウェア・リソースの数々 - Qiita
元記事: Awesome Node.js Awesome List in Qiita Awesome Ruby Awesome Java Awesome JavaScript Awesome Python Awesome Go Awesome Selenium Awesome Appium パッケージ マッドサイエンス webtorrent - Node.js とブラウザ用のストリーミングトレントクライアント. peerflix - ストリーミングトレントクライアント. dat - データセットのリアルタイムレプリケーションとバージョン管理. ipfs - すべてのコンピューティングデバイスを同じファイルシステムで接続しようとする分散ファイルシステム. stackgl - browserify と npm 上に構築された, WebGL のためのオープンソフトウェアエコシステム. peerw
Node.js でちょっとしたサーバーサイドやるなら、 Micro が良いかも - Qiita
ZEIT が作っている Micro という Node.js のフレームワークがあり、使いやすそう。 ZEIT は、かの Next.js を作っていて、 Mongoose を作った人や socket.io を作った人が所属しており、とても信頼できる。 ちなみに、 ZEIT は Now という、 Node.js （及び Dockerized されたもの）を動かせる、サーバーレスのサービスもやっている。 ZEIT(時) と Now(今) という世界観が良いですね。 初動が早くて、快適だった。 [追記] 何かに Micro 8 と書いてあって、最初、そういう名前のフレームワークと思ったのですが、実際は 8 はバージョン名で、 Micro のようです。また現行バージョンは9でした。 多分これ https://zeit.co/blog/micro-8 [/追記] Features README の F
Running Node.js on WSL from Visual Studio Code
Starting with the October Insiders Build of Visual Studio Code we have added an easy way to run your Node.js applications on top of the Windows Subsystem for Linux (WSL). This is useful for developers targeting Linux or multiplatform production environments, making it possible to develop on Windows without relying on external systems or virtual machines. We aimed at making running Node.js on WSL a
Node.js + Express で 登録画面 を作る
よくある「登録機能」を作るときの ポイント および 具体的な実装方法 をまとめてみました。 個別な課題は調べることができますが、「登録機能を作る」という観点でまとめているので、どのようなことを気を付けなければならないかがこの記事で理解できると思います。 この記事でざっくりとしたイメージを持っていただいたうえで、個別の詳しい内容を調べるとより理解が深まると思います。 概要 店舗情報を登録する機能を実装してみます。 画面上は見た通りのテキストボックスとボタンしかありませんが、登録機能では以下の4点がポイントになります。 ポイントのうち3つ（CSRF対策、1フォーム複数サブミット、2重送信防止）については個別記事もありますので以下の「関連記事」をご参照ください。 CSRF対策 1フォームに複数サブミット（複数遷移先）を設定 ２重送信防止 再送信防止 データ登録する画面は「入力」、「確認」、「完了
gulp なしの Web フロントエンド開発 - アカベコマイリ
Web フロントエンド開発において gulp は非常に便利だ。しかしあまりにも gulp に依存しすぎており、これなしで開発できるだろうか？という不安もある。というわけで gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 2015/11/4 追記 babelify v7.2 を試すで babelyfy 7.2 ( とその中の Babel 6.x ) について調べ、npm-scripts の変更が必要なことを確認したので追記。また Windows 環境の動作検証をおこなったところ、最新の watchify なら -o オプションが通ることを確認できた。よって本記事の最後の課題が解決したことになる。 2015/9/23 追記 cpx と rimraf を試すの内容をファイル処理に反映して簡略化。 2015/9/15 修正 Stylus
【俺メモ】Node.js向け - 俺的Windows開発環境構築（便利ツール含む） - Qiita
Linuxで開発するのええけど、最近はWindowsでもNode.jsの開発がやりやすくなったで。 Node.js関連 Nodist - Node.jsバージョン切り替え＆インストーラ ローカルにNodejsのバージョンを切り替えてインストールできるツール。 インストーラができてぐっと敷居が下がったで。 公式ページ：https://github.com/marcelklehr/nodist Nodistの使い方についてはこっちが詳しいで。 node.js インストール備忘録（windows7） Node.jsパッケージ よく使うもんを入れておくか。 node-coffee ：coffeeスクリプトで書けるようになるで。 node-dev ：jsの変更時にnodeを自動で再起動してくれるで。 jade ：Jadeでhtml記述するさかい必要なんやで。 gulp ：タスクランナーや。minif
Node.js と io.js の統合は最終局面へ - from scratch
いくつかこの何日間でニュースが出ているので紹介します。 ちなみに、 io.js と Node.js のニュースに関してはこれまで２つ書いたので、まだ良く知らない人はそれをまずはご一読ください。 yosuke-furukawa.hatenablog.com yosuke-furukawa.hatenablog.com さて、次の展開へ、という事でいくつか話があります。 「Join the Node Foundation?」 というissueが mikeal から提案される github.com issue 本文を翻訳したものを貼っておきます。 Node Foundationのためのすべての文書が揃った。 TSC Charter (技術委員会の目的) Development Policy(開発ポリシー) Convergence Plan(移行プラン) Project Lifecyle (Wor
JavaScript超初心者向け Meteor メモ (1) - Qiita
Meteorとは? Meteor.jsは、 Webアプリづくりを楽しくする フレームワークです。 node.jsをベースとしたフルスタックフレームワークで、サーバサイドの処理も、データベース処理も、クライアントと同様に全てjavascriptで書くことができます。 大体、こうしたものは、お作法覚えるまでが大変で初心者泣かせだったりするのですが、Meteorは 初心者に鬼フォーカスしてる 点が特徴だと思っています。 はじめるには? 2014.12.19更新 本家Tutorial Meteor 1.0のリリースに伴いチュートリアルサイトもできました！ 英語ですが、こちらを進めるのが良いと思います。 リアルタイムWebアプリケーションフレームワークMeteorについて 良記事です！ Meteorを勉強するモチベーションが高まるとおもいます。 フルスタックJSフレームワークMeteorのメリット＆
Visual StudioがNode.jsの開発ツールに。「Node.js Tools 1.0 for Visual Studio」が無料公開。ブレークポイントやステップ実行も可能
マイクロソフトの統合開発ツールVisual Studioを、Node.jsの開発ツールとして使えるようにする拡張ツール「Node.js Tools 1.0 for Visual Studio」（以下NTVS）が無料公開されました。 NTVSはオープンソースとして開発されたツール。Visual Studioの無料版となるVisual Studio CommunityやVisual Studio Express for Webでも利用可能ですので、無料でNode.jsのビジュアル開発環境を揃えることができます。 主な機能は、IntelliSense対応、その場で命令を実行して試せるInteractive Window、パッケージ管理ツールnpmとの統合、ブレークポイントやトレースポイントなどのデバッグとプロファイリング対応、ユニットテストなど。 Interactive Windowでは、Nod
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
