2025-07-21のJS: Nuxt 4.0、Next.js 15.4、npmのパッケージメンテナーを狙ったフィッシング
JSer.info #742 - Nuxt 4.0がリリースされました。 Announcing Nuxt 4.0 · Nuxt Blog 新しいプロジェクト構造としてapp/ディレクトリがデフォルトになり、useAsyncDataとuseFetchが同じキーでキャッシュを共有するようになりました。また、TypeScriptの設定ファイルをapp/server/node/shared用にそれぞれ作成し、CLIの改善なども含まれています。 マイグレーションガイドも公開されています。 Upgrade Guide · Get Started with Nuxt v4 Next.js 15.4がリリースされました。 Next.js 15.4 | Next.js Turbopackが全てのIntegration Testを通るようになっていて、次のメジャーアップデートであるNext.js 16でSta
GlueStack・npmパッケージに大規模サプライチェーン攻撃、週間100万DLのReact Nativeライブラリが標的に - イノベトピア
GlueStack・npmパッケージに大規模サプライチェーン攻撃、週間100万DLのReact Nativeライブラリが標的に Last Updated on 2025-06-09 07:57 by admin 2025年6月6日午後9時33分（GMT）、サイバーセキュリティ企業Aikido Securityが、npmとPyPIエコシステムを標的とした大規模なサプライチェーン攻撃を発見した。 攻撃者はGlueStackに関連する17個のReact Nativeパッケージを侵害し、合計で週間約100万回のダウンロード数を記録するこれらのパッケージにマルウェアを注入した。 影響を受けたパッケージには@gluestack-ui/utilsや@react-native-aria/focusなど17個が含まれ、lib/commonjs/index.jsファイルの変更を通じてリモートアクセストロイの木
2025-04-27のJS: Node v22.15.0、Reactの実験的な機能、Node.jsとV8 GC
JSer.info #733 - Node.js v22.15.0がリリースされました。 Node.js — Node v22.15.0 (LTS) assert.partialDeepStrictEqual()やmodule.registerHooks()などの新しいAPIが追加されました。また、util.diff()の追加やzstdのサポートなども含まれています。 Reactチームが実験的な機能について紹介する記事を公開しました。 React Labs: View Transitions, Activity, and more – React <ViewTransition>、addTransitionType()、<Activity>などの新しい実験的なAPIの紹介が含まれています。 また、DevToolsでのPerformance Profilerの改善や依存のないuseEffec
【Socket.IO】Next.js + Node.js + Express で WebSocket通信 を試してみる - Qiita
Next.js と Node.js で構成するWebアプリケーションにて、リアルタイムの双方向通信を行う必要があり、Socket.IO の利用を検討しています。 今回カウントアップアプリの作成を通じて、実際に Socket.IO を試してみたので、その内容をまとめます。 目次 1. はじめに 2. クライアントサイドの実装 2-1. socket.io-clientのインストール 2-2. page.tsxの作成 3. サーバサイドの実装 3-1. socket.ioのインストール 3-2. index.tsの作成 4. Socket通信のテスト 参考資料 1. はじめに 今回は以下の構成で実施しました。 クライアントサイド next.js 15.2.1 socket.io-client 4.8.1 サーバサイド node.js 22.13.1 express 4.21.2 socket.
React npm ライブラリ/パッケージの作成入門からnpm公開まで - ロカオプ技術ブログ
React npm ライブラリ/パッケージの作成入門からnpm公開まで（RollupとTypeScript編） こんにちは、皆さん！今日は、RollupとTypeScriptを使用してReactのnpmパッケージを作成し、exampleディレクトリで動作確認する方法について詳しく説明します。この記事では、初心者でも分かりやすいようにステップバイステップで進めていきます。さっそく始めましょう！ React npm ライブラリ/パッケージの作成入門からnpm公開まで（RollupとTypeScript編） 作ったもの なぜ自作のライブラリを作ったか 1. 前提条件 必要なツール 2. プロジェクトのセットアップ ライブラリにはどのようにパッケージするの？（npm rollupもしくはnpm pack？） npm packとは rollupとは 使い方によって用途は分かれる 3. ディレクトリ構
【海外記事紹介】2024年に使うべきJavaScriptライブラリ10選
6月19日、The New Stackに「Top 10 JavaScript Libraries To Use in 2024」と題した記事が公開された。この記事では、2024年に利用すべきJavaScriptライブラリのトップ10について紹介されている。 以下に、その内容を簡潔に紹介する。 React 強力なコンポーネントベースのアーキテクチャにより、複雑なユーザーインターフェースの開発が容易。 仮想DOMの実装により、パフォーマンスが向上。 豊富なエコシステムとコミュニティのサポートがあり、継続的な改善が期待できる。 Redux 予測可能な状態コンテナで、アプリケーションの一貫性を確保。 一方向のデータフローにより、状態管理がシンプルになり、デバッグが容易。 大規模なアプリケーションでのスケーラビリティとメンテナンス性を向上。 D3.js データをDOMにバインドし、データ駆動の変換を
2024-05-12のJS: Headless UI v2.0 for React、Astro v4.8、外部パッケージに依存せずにNode.jsで使えるようになった機能
JSer.info #692 - Headless UI v2.0 for Reactがリリースされました。 Headless UI v2.0 for React - Tailwind CSS Floating UIのanchor指定をサポート、Checkboxコンポーネント、Fieldsetコンポーネント、Comboboxがvirtual propsをサポートなどの変更が含まれています。 Astro 4.8がリリースされました。 Astro 4.8 | Astro 実験的な機能としてAstro Actions、Request Rewritingの追加が行われています。 また、パフォーマンスの改善やinjectRouteのバグ修正などの変更が含まれています。 Node.js の進化に伴い不要となったかもしれないパッケージたちという記事では、外部パッケージで提供されていた機能の一部がNode
2023-10-31のJS: Next.js 14、MSW 2、Node.js 21.1.0
JSer.info #667 - Next.js 14がリリースされました。 Next.js 14 | Next.js Release v14.0.0 · vercel/next.js Node.js 16のサポート終了、next exportコマンドを非推奨化、next/imageのdomainsオプションを非推奨化などの変更が含まれています。 また、Server ActionsのStable化、Metadata APIの改善が含まれています。 実験的な機能として<Suspense>を使ったPartial Prerenderingのサポートが追加されています。 今回のリリースに合わせて、Next.jsのチュートリアルも新しいものが公開されています。 Next.js by Vercel - The React Framework | Next.js by Vercel - The Reac
丁寧なDeno+JSX - laiso
*1 サーバーレスFunctionsぐらいの気軽さでサーバーアリのWebアプリをデプロイしたいという時がある。主に自分たちだけが使うようなツール系のやつ。 その時に今までのようにSPA+APIアーキテクチャではなく、モノリシックなサーバーサイドアーキテクチャにしつつもフロントエンド開発と同じツールチェインを使いたい、と前から思っていた。 これは単にReactメタフレームワークでも一気通貫に時短で作れそうだけど、個人の楽しみのための活動なので、一旦世間のトレンドからは離れて自分が本当に必要だと思った要素技術のみを最小限に使って理解しながら試行錯誤したい。 ※ただ第三者に提供するシステムとかは安全に作られた既存フレームワークに乗るのがいいというのもある しばらく考えてみたところ、私にとっては「TypeScriptでJSXをテンプレートエンジンに使ってHTMLを書けるだけでよい」という所に落ち着
[MacOS][React Native][Expo Go][Node.js]環境構築からプロジェクト作成まで備忘録 - Qiita
前提条件：アプリ検証するためのスマホにExpo Goアプリがインストールされていること （インストール先URL：https://expo.dev/client ） 手順は大きく5つです 1.Node.jsのインストール 2.yarnのインストール 2.5.yarnのインストールがうまくいかない時（権限エラー） 3.プロジェクトを作成する 4.開発サーバを起動する 5.Expo Goアプリで確認する EX.まとめ Node.jsのインストール MacにNode.jsをインストールします。 いろんなインストール方法があると思いますが私は今回公式サイトのインストーラから取り込みました。 公式サイト：https://nodejs.org/ja/download/ yarnのインストール Macにyarnをインストールします。 yarnとは何？については私は↓を参考にしました。 ・https://q
![[MacOS][React Native][Expo Go][Node.js]環境構築からプロジェクト作成まで備忘録 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a84beb91ec5d5153233a5215b71bf64f130b986c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTWFjT1MlNUQlNUJSZWFjdCUyME5hdGl2ZSU1RCU1QkV4cG8lMjBHbyU1RCU1Qk5vZGUuanMlNUQlRTclOTIlQjAlRTUlQTIlODMlRTYlQTclOEIlRTclQUYlODklRTMlODElOEIlRTMlODIlODklRTMlODMlOTclRTMlODMlQUQlRTMlODIlQjglRTMlODIlQTclRTMlODIlQUYlRTMlODMlODglRTQlQkQlOUMlRTYlODglOTAlRTMlODElQkUlRTMlODElQTclRTUlODIlOTklRTUlQkYlOTglRTklOEMlQjImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWNmMmM2MTFjNGNlNmEzMWQxZDgxYTk0MzYwMGI2MTBk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0aW11c3RhbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDkwYTg4NmI1YzVhY2MzOGE5MDM2NTVhZDY4NDM0Yzc%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D2161bae06baa20be9ad4931a72e6376e)
2023-02-28のJS: Next.js 13.2、Deno 1.31(`package.json`サポート)、TypeScript Runtime Validation Benchmark
JSer.info #633 - Next.js 13.2がリリースされています。 Blog - Next.js 13.2 | Next.js Next SEOをインスパイアしたMetadata APIをサポート、Route Handlers APIのサポート、MDXをServer Side Componentで利用できるようになっています。 Rustで書き直されたMDXパーサを利用できるように、<Link>のhrefが型安全に、エラーオーバーレイの改善、Turbopackの改善なども含まれています。 またTurbopackが一部のwebpack loaderのサポート、Vercel Cache APIを利用したNext.js Cacheのサポートなども含まれます。 Deno 1.31がリリースされています。 Deno 1.31: package.json support package.
Electron + TypeScript + React + Webpackのプロジェクト作成から基本操作まで - Qiita
前書き 会社でデスクトップアプリを作っているんですが、Webのほうが開発速度が速くてネットにも割と情報がたくさん落ちているので、どうにかWebでデスクトップアプリ作れないかなーということで探していたところ、Electronにたどり着きました。Tauriもいいなーと思ってんですが、Windows10向けのアプリが多いためできればWebView2に依存したくないなということで、今回はElectronやっていきます。UIは今もうほぼ一強のReact.js、バンドルはViteとかが流行りですが正直まだプロダクトに使うには厳しいかなということで安定のWebpackです。 この記事では、環境構築、IPC通信でコンソールに文字を表示、コマンドの実行、ファイルアクセス、通知、そしてexeの作成までやっていきたいと思います。 盛りだくさんなので長くなりますが、これを見ればとりあえず基本的なことはできるように
Denoのフルスタックフレームワーク「Fresh 1.1」登場。プラグインシステム、Preact DevTools対応、404ページのレンダリングなど新機能
Denoのフルスタックフレームワーク「Fresh 1.1」登場。プラグインシステム、Preact DevTools対応、404ページのレンダリングなど新機能 JavaScriptやTypeScriptのサーバサイドランタイム「Deno」を開発するDeno Land Inc.は、Deno用のフルスタックフレームワーク「Fresh」最新版となる「Fresh 1.1」をリリースしました。 Fresh v1.1 has been released with significant improvements: Automatic mode JSX Plugin system Preact DevTools integration New Tailwind plugin Preact Signals support ...and much more! Read the full release not
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How To Build a CLI With Node.js and React
React App を clone したけど npm start できない - Qiita
React(Node js +Express +Reset API)の構成でアプリを作成をしました【CRUD Rest API】 - Qiita
コンテナ内のNext.js（Webpack）でHMRが動作しなくて困った - Qiita
Episode 30 - All about UltraJS combining React and Deno with Omar Mashaal - 20minJS
Node.js vs. React.js Comparison: Which to Choose for your JavaScript App Development?
Converting Speech to PDF with NextJS and ExpressJS | CSS-Tricks