🐷 What's Poku?A cross-platform test runner that brings the JavaScript essence back to testing. ⚡️ Quick Tutorials
ファインディ株式会社でフロントエンドのリードをしております 新福(@puku0x)です。 この記事では、ファインディで導入しているモノレポ管理ツール「 Nx 」について紹介します。 モノレポとは Nxとは Nxワークスペースの作成 Nxの機能 コード生成 変更検知 依存関係の管理 キャッシュ機構 自動マイグレーション まとめ モノレポとは モノレポは全てのコードベースを単一のリポジトリで管理する手法です。 monorepo.tools コードの共通化や可視化、ツール・ライブラリの標準化、一貫性のあるCI/CDパイプラインを構築できるといったメリットがあります。また、マイクロサービスと相性が良いとも言われています。 circleci.com ファインディでは主にフロントエンド系のリポジトリをモノレポとして運用しています。 アプリケーションとそれに関連するフィーチャー、UIライブラリがひとつに
README.md Node.jsのTypeScriptサポートについて Created: 2024-07-28 Node.jsのTypeScriptサポートに関する議論を時系列でまとめたものです。 Start Issue: Support typescript with --experimental-strip-types · Issue #208 · nodejs/loaders SWCを使ってTypeScriptの型を削除することで、Node.jsのTypeScriptサポートを実現するという提案からスタートした。 最初の懸念としては、Node.jsのLTSは3年保守する必要があるので、依存によってNode.jsのLTSサポートが難しくなるという話。 具体的には次のような懸念があった SWCがSemverではないこと TypeScriptがSemverではないこと SWCについては、
Node.js 本体で TypeScript ファイルを実行できるようにするプロポーザルが出されているという話が先週あたりから話題になっている。しかしそれほど嬉しいかといわれると、正直いらんなあと思っている。 TypeScriptで簡単なスクリプトを書くときは、長らくtsxを使って実行している。tsxを使い始めるより前は ts-node を使っていたが、tsxを使ってからは何の不満もなく使い続けている。 tsxは内部的にはesbuildでTypeScriptをトランスパイルしていて、型チェックは行わない。tsxのありがたい点は、すべての node コマンドのオプションを tsx コマンドでサポートしていることだ。単純にコマンドを置き換えるだけでいいので、何も新しく覚えることがない。 構造的にはNode.jsの中でswcでJavaScriptに変換されるか、外でesbuildで変換されるかの
7月30日、Denoで「HTTPインポートに関して私たちが間違っていたこと(What we got wrong about HTTP imports)」と題した記事が公開された。この記事では、Deno、そしてNode.jsの開発者であるライアン・ダール自身が、DenoのHTTPインポートの設計に関する誤りと、それに対する解決策について(そして、JSRとDeno 2のPRも含め)述べている。 以下に、その内容を詳しく紹介する。 本記事は、以下のエキスパートに監修していただきました: 古川陽介さん(Japan Node.js Association代表理事) HTTPインポートとは DenoのモジュールシステムをHTTPインポートに基づいて設計するという試みは、npmに代わる分散システムをHTTP上で実現することを目指していた。これにより、package.jsonファイルやnode_modul
The time has finally come to retire Node Sass. This Node.js wrapper for LibSass was the first official Sass compiler available in the JavaScript ecosystem and was a huge part of Sass growing beyond the scope of the Ruby community where it originated, but it hasn't received a new release in a year and a half and the most recent set of maintainers no longer have the bandwidth to continue updating it
こんにちは teppeis です。普段は開発本部長をやってますが、ブログフェスに駆り出されました! 本日は Node v22.3.0 に続いて v20.16.0 にもバックポートされた process.getBuiltinModule(id) について解説します。 問題: 同期的な条件付き require を ESM 化できない Node v22 にて、フラグ付きで CJS (CommonJS Modules) から ESM を require できるようになりました。いわゆる require(esm) です。これにより、今までは互換性の懸念で ESM 化を足踏みしていた著名ライブラリも ESM 化を試みる動きが出てきました。 TypeScript もその一つで、TypeScript チームは TypeScript 自体を ESM 化しようと試みました。しかしながら、今回の主題である条件付
JSer.info #699 - esbuild v0.22.0 がリリースされました。 Release v0.22.0 · evanw/esbuild Release v0.23.0 · evanw/esbuild v0.22 では--platform=nodeを指定した時に--package=externalをデフォルトにする変更を行いましたが、AWS CDK などが0.xの最新をインストールする仕組みなっていて問題が起きたため 0.23.0 では元の挙動へと revert されています。(AWS CDK 側も修正されています) また、Windows7,8 など古い OS のサポート終了、es2024のサポート、@esbuild/wasi-preview1パッケージの公開など Node.js v22.4.0 がリリースされました。 Release 2024-07-02, Version
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-08-06, Version 22.6.0 (Current), @RafaelGSS Experimental TypeScript support via strip types Node.js introduces the --experimental-strip-types flag for initial TypeScript support. This feature strips type annotations from .ts files, allowing them to run without transforming TypeScript-specific syntax. Current limitations include: Supports only inline type annotations, not features like enums o
重い腰を上げて FlatConfig 対応をした ESLint が新しい設定形式として FlatConfig を導入してから随分と経ち、最新バージョンの v9 では FlatConfig がデフォルトになりました。一方で利用者の多い plugin でもなかなか対応が進まず、周りでは思ったよりも FlatConfig への移行が進んでいない印象を受けます。 とはいえ次のバージョンである v10 では FlatConfig しかサポートしないことが予定されており、今まで移行を見送ってきた方も「さすがにそろそろ移行するか...」と思っているのではないでしょうか。自身の所属チームで管理している ESLint の rule セット : @cybozu/eslint-config でも遅ればせながら FlatConfig 対応を進めています。(現在はアルファ版で提供中です) そんな @cybozu/e
本記事は、以下のエキスパートに監修していただきました: 古川陽介さん(Japan Node.js Association代表理事) この機能のプルリクエストに記載されたコメントによれば、「(Node.jsの)エコシステムを前進させるために重要であり、多くのユーザーが望んでいる。無視することはできない」「外部依存関係やローダーをインストールせずにnode foo.tsを実行したいというユーザーの要望を認める必要がある」と述べられている。 この実験的なフラグは--experimental-strip-typesであり、その名の通りコードから型を除去し、TypeScriptをJavaScriptに変換する。 制限事項 まずは型を除去するための仕組みが入った。enumやnamespaceといった他のTypeScript機能はサポートされない。 tsconfig.jsonファイルの設定は無視される。
At Val Town we run your code in Deno processes. We recently noticed, that under load, a single Val Town’s Node server cannot exceed 40 spawns/s. It spends 30% of its time with the main thread blocked on calls to spawn. Why is it so slow? Can we make it any faster? To simulate this pattern we’ll write an HTTP server that spawns a new process for each request. Like this:
はじめに Chrome拡張機能を作る機会があったのでその時のメモです。 ライブラリ選定 以下のライブラリを使用する。 React TypeScript Vite Material-UI prettier 選定基準は新しすぎず古すぎない。 プロジェクトの作成 プロジェクト作成は以下のサイトを参考に行う。 vite3がbeta版なので、vite2を使用する。 プロジェクトの設定 MUIは以下のサイトを参考にインストールする。 prettierは以下のコマンドでインストールする。 . ├── manifest.json ├── package-lock.json ├── package.json ├── src │ ├── background.ts │ ├── content.ts │ └── popup │ ├── App.tsx │ ├── index.css │ ├── index.ht
apple@appurunoMacBook-Pro htdocs % cd nodeTest Found '/Applications/MAMP/htdocs/nodeTest/.nvmrc' with version <14.15.1> Now using node v14.15.1 (npm v6.14.8) apple@appurunoMacBook-Pro nodeTest % node -v v14.15.1 apple@appurunoMacBook-Pro nodeTest % export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_co
こんにちは。12月に入ってあちこちでアドベントカレンダーが始まっていますね。今年はどうしようか前日まで迷っていたのですが、今年はReactを使ってフロントエンド開発を始めたので、個人的な振り返りも兼ねてこれからReactを始める方向けに記事を書きます。 Reactとは Meta(旧Facebook)とコミュニティによって開発されているUI構築のためのJavaScriptライブラリです。React.jsやReactJSと呼ばれることもありますが、Reactという名前のみで呼ばれることも多いです。 Reactは元々FacebookのNews FeedのUIを構築するために開発されたもので、その後2013年5月にオープンソース化されました。現在では様々なサービスで使用されています。 Reactの特徴 Reactの特徴は以下の通りです。 宣言的なView コンポーネント志向のUI構築 効率的なレン
概要 Expressとは Node.jsで利用できるWebアプリケーションフレームワーク 今回はHTTPサーバーとして利用 Express/Node のイントロダクション - ウェブ開発を学ぶ | MDN Renderとは コードを簡単にデプロイできるホスティングサービス。次世代Herokuとも噂されていてHerokuよりもコストが低い RenderにHerokuとRenderを比較したページが用意されているのでそれを見ると分かりやすい。 基本的にRenderのコストが低いが、無料プランの場合はHerokuは30分操作がない場合にスリープするのに対してRenderの場合は15分とHerokuに比べて短いなどの違いがある。 Expressアプリをデプロイする Renderのクイックスタートを参考にデプロイしていきます。 Deploy a Node Express App | Render チ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く