【海外記事紹介】Node.jsでTypeScriptを実行したい？ならばType Strippingについて知っておこう
お正月なのでNode.jsをTypeScriptで動かして基本構文を勉強してみる
お正月なので、Node.jsをTypeScriptで動かして基本構文を勉強しますwww まずはDockerでお勉強環境（動作確認する環境）を作ります。 環境構築 必要なファイルの作成 Dockerfileを以下の内容で作ります。 FROM node:20 # パッケージリストを更新し、vimをインストール RUN apt-get update && apt-get install -y vim && apt-get clean WORKDIR /app 次にdocker-compose.ymlを以下の内容で作ります。 services: node-dev: build: context: . dockerfile: Dockerfile tty: true volumes: - .:/app コンテナを立ち上げ、必要なもののインストール コンテナを立ち上げ docker compose u
Claude Projectsを活用して、Deno / TypeScriptで言語処理系を書いてみた話
背景 Claude Projectsをもっと活用できるようになりたい Deno / TypeScriptで何か作りたい という理由で、なんとなく「プログラミング言語的なものをClaudeと一緒に作ってみるか」と思いつきました。作業ログや学び的なものをせっかくなので残しておきます。 作成したのは以下: 基本的に私は指示役の男としてClaudeにコードを書かせることに徹しています。また、また今回ChatGPT、Cursorなどその他の生成AI系サービスは一切使っておりません。 開発方針 今回、言語をリッチに作り込むことが目的ではないため、比較的言語仕様がシンプルなGo言語を極限まで劣化させた言語を作ることとします。名前はpoor-go と名付けました。コマンドや拡張子は pgoとします。 最小ゴールとして、以下の hello-world.pgo がコンパイルでき、実行すると hello wor
Node.jsのTypeScriptサポートについて
README.md Node.jsのTypeScriptサポートについて Created: 2024-07-28 Updated: https://gist.github.com/azu/ac5dafbf211ef8b5ecf386930ac75250/revisions 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サポー
Node.jsでTypeScriptのコードを実行できるようになるかも - 技術探し
module: add --experimental-strip-types by marco-ippolito · Pull Request #53725 · nodejs/node It is possible to execute TypeScript files by setting the experimental flag --experimental-strip-types. Node.js will transpile TypeScript source code into JavaScript source code. During the transpi... 💁♀️ まだマージされてない点に注意してください --experimental-strip-typesというフラグを実行時に付けることにより、Node.jsでTypeScriptのコードを実行できるようになる
Node.js + TypeScriptのモジュールを整理してみる
はじめにlink 最近受けるNode.js + TypeScript環境の相談の中で、CommonJSやECMAScript Modulesのあたりで落とし穴にはまっている人が多いという事に気づいた。 Node.jsは歴史的にCommonJSとECMAScript Modules（以後ESMと表記）がどうしても入り乱れる環境にあり、これにTypeScriptのモジュールが加わると組み合わせでさらに複雑度が増すのが現状である。 説明する際に口頭より整理した文章が欲しいと思ったので記事にする。 以下のリポジトリで検証コードを管理している。 https://github.com/koh110/module_test Node.jsモジュールチェックシートlink まず最初にNode.jsにおけるCommonJSとESMの挙動について整理する。 いきなり書かれても把握できないかもしれないが、一旦こ
TypeScriptでもモジュラーモノリス、Node.jsでシステム構築するUbie
ここまで見てきた3社の事例は、いずれもプログラミング言語「Ruby」とそのWebアプリケーションフレームワーク「Ruby on Rails（以下、Rails）」で開発したアプリケーションにモジュラーモノリスを導入するものだった。Railsでアプリを開発すると通常はモノリスになるため、サービスの成長によって巨大なモノリスが出来上がる。これをモジュラーモノリス化することで、開発生産性を上げていた。 モジュラーモノリスはアーキテクチャーなので、実際にはプログラミング言語やフレームワークには依存しない。freeeの事例でも、Railsのシステムに加え、開発言語として「Go」を採用したシステムにモジュラーモノリスを導入していた。 今回は、開発言語として「TypeScript」、そのサーバーサイド実行環境として「Node.js」を採用したUbieの事例を取り上げる。同社は、消費者向けの症状検索エンジン
TypeScriptでnpmパッケージ（CommonJS・ES Moduleの両方に対応）を開発して公開してみた - Qiita
はじめに 普段から多くのOSSライブラリたちを利用させてもらっているが、そういったライブラリを自分でも作ってみたくなった。今回はあまり複雑ではないかなりシンプルなライブラリをTypeScriptで開発し、それを公開し利用するまでをやってみたいと思う。 開発するライブラリの機能としては、Expressのmiddlewareになる。 ライブラリを実装する Expressのmiddlewareとして利用できるライブラリで、機能としてはAuthorizationヘッダーのBearerトークンをreq.tokenから利用できるようにするもの。cookie-parserやbody-parserのように、req.○○○のプロパティアクセスができるようにするもの。 今回はかなり単純に以下のような実装にした。 import { Request, Response, NextFunction } from '
えっ？Browser内でNode.jsアプリが動く？？ WebContainerAPIをTypeScriptで動かしてみた
概要 StackBlitzのサービスを支えるWebContainerという素晴らしい技術のAPIが公開されたので、実際に気になっている方に向けて、体験した所感を紹介しようと思います。一見サーバサイドのNode.jsでやっているように見えることが、実際にはブラウザ内部で動いているので、めちゃくちゃすごいです。 対象読者 StackBlitzにお世話になっていて、その裏側の仕組に興味がある方 ブラウザ内で、Node.jsを動かしたいなぁと思っている方 WebContainerに興味がある方 はじめに フロントエンド界隈では、有名なplayground環境と思われるStackBlitz(このZennの挿入もできるサービスなので、見たことある方も多いかもしれません)が提供している、サービスを支える重要な技術である、WebContainer(Webブラウザ上で実現されるWebAssemblyベースの
Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう｜ハイクラス転職・求人情報サイト アンビ（AMBI）
例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます（--allow-writeフラグも同様）。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で
TypeScript 4.7 と Native Node.js ESM
TypeScript 4.7 がリリースされたので、Node.js ESM 対応の現状をまとめておく。 @teppeis さんの TypeScript 4.5 以降で ESM 対応はどうなるのか？ を先に読んでおくと、以降の話も読み進めやすいかも。 このエントリの中でも、teppeis さんの定義した用語をそのまま用いさせてもらう。 * CommonJS (CJS): 従来式の Node.js CommonJS で書かれたファイルまたはパッケージ * ES Modules (ESM): ES2015 で定義されたモジュール仕様。Node.js では v12 以降でネイティブにサポートされている。 * Native ESM: ESM 形式で記述されたファイルを、Node.js またはブラウザで直接 ESM として実行する方式またはそのファイル。擬似 ESM と区別するために Native と
JavaScript／TypeScriptランタイム環境「Deno 1.22」がリリース
Denoでは、これまで型チェックモードとして、直接制御（依存関係）外のコードについて型エラーが報告されることのある「Full」が用いられていたが、今回リリースされた「Deno 1.22」では、デフォルトの型チェックモードとして、プロジェクト内のコードの型エラーをチェックするものの、すべての依存関係の型チェックはスキップされる「Local」に変更されている。 従来バージョンに付属していた、ソースコードをトランスパイルおよびバンドルするためのAPIであるDeno.emit()が不安定であることを理由に削除され、代替としてユーザーのニーズにより適したAPIの開発を可能にするユーザーランドモジュールが提供されるようになった。 さらに、Webワーカーを更新してDeno名前空間をデフォルトで有効にすることで、必要な権限が設定されていればデフォルトでWebワーカーによって名前空間APIが使用できるように
TypeScriptで作ったpackageをesbuildを使ってnpmに公開するまで
const { build } = require('esbuild') const { dependencies } = require('./package.json') const entryFile = 'src/index.ts' const shared = { bundle: true, entryPoints: [entryFile], external: Object.keys(dependencies), logLevel: 'info', minify: true, sourcemap: false, } build({ ...shared, format: 'esm', outfile: './dist/index.esm.js', target: ['ES6'], }) build({ ...shared, format: 'cjs', outfile: './d
モダンなJavaScript/TypeScript実行環境「Deno」
class: middle, center <img src="./assets/logo.svg" align="center" width="200" /> モダンな JavaScript/TypeScript 実行環境 Deno --- class: middle, center 「Deno」 聞いたことありますか? 🙋♀️ 🙋♂️ --- class: middle, center 「Deno」 使ったことありますか? 🙋♀️ 🙋♂️ --- class: middle, center 今日は Deno を 「聞いた事ない」 ~ 「触った事はある」 ぐらいの人向けの話をします --- # 話す人 <img src="./assets/hinosawa.jpg" align="right" width="300" /> 日野澤歓也 twitter @kt3k Web
TypeScript 4.5 Beta で実装された Node.js ESM 対応を試してみた - mizdra's blog
ご存じの方もいるかもしれませんが、TypeScript 4.5 Beta で遂に Node.js ESM がサポートされました。まだ Stable に来ていない実験的な機能なのですが、どういうものなのか気になったので、先日趣味で作っているプロダクトに導入してみました。で、この記事はその備忘録です。実験的な機能で、これから状況もどんどん変わっていくので、数カ月後にはこの記事の内容も古くなっているかもしれません。未来から来た人がこの記事を読んでいる場合は、注意して読んで下さい。 今回 TypeScript の Node.js ESM 対応を導入してみたのはこちらの eslint-interactive というプロダクトです。以前このブログでも紹介した ESLint の API を使った CLI ツールです。 github.com www.mizdra.net www.mizdra.net どう
JavaScript／TypeScriptランタイムのDeno、TC39ワーキンググループに参加
V8 JavaScriptエンジンを使用し、Rustによって構築されているJavaScript／TypeScriptランタイムであるDeno開発チームは、JavaScriptの定義を維持し進化させるTC39ワーキンググループへの参加を12月13日（現地時間）に発表した。 今回の、TC39ワーキンググループへの参加は、JavaScriptの次期イテレーションについて、他のECMAメンバーおよびより広範なJavaScriptコミュニティと協力することを目的としたもので、とりわけサーバサイドJavaScriptのユーザーに役立つ機能と言語の改善を推進していく。 間もなく取り組む予定の機能としては、ESモジュールグラフにおける非JavaScriptアセットのサポート向上、明示的なリソース管理のサポート向上、非同期反復のためのより広範な標準ライブラリ関数が挙げられるほか、TypeScriptがDen
JavaScript／TypeScriptランタイム環境「Deno 1.16」がリリース
「Deno 1.16」では、fetchを使用したローカルファイルシステムのファイル読み取りがサポートされるようになり、import.meta.urlを使用して現在のモジュールに関連するファイルを取得する場合などに役立つ。また、React 17に導入された、JSXランタイムライブラリの自動インポートを可能にする、新たなJSXトランスフォームをサポートした。 さらに、OSのシグナルを受信するための新たなAPI（不安定版）が追加され、既存のDeno.signals APIと置き換えられたほか、エラーが発生した場合やconsole.logに記録された際に、Error.causeプロパティが表示されるようになっている。 ほかにも、TLS接続のハンドシェイクを明示的に実行できるようになり、Web Streams APIにおけるいくつかの改善、Deno.startTlsの安定版への移行、バージョン1.1
JavaScript／TypeScript実行環境「Deno 1.15」がリリース
開発チームは、2021年末までにWeb Crypto APIの完成を目標に掲げており、今回リリースした「Deno 1.15」では、それに向けてRSAキーをspki形式でエクスポートできるようにしたほか、ECDSAキーのraw形式でのインポート、ECDH派生のサポート、キーラッピングにおけるcrypto.subtle.exportKey()でサポートされているすべてのキーとフォーマットの組み合わせのサポート、AES-CBC暗号化のサポート、AES-CBC復号化のサポートが行われている。 さらに、「Deno 1.13」で追加されたFFI APIに、ノンブロッキング呼び出しとバッファ引数のサポートを追加するとともに、deno uninstallサブコマンドが導入され、以前にdeno installでインストールされたコマンドの削除が可能になった。 ほかにも、deno lintに診断の表示後もプロ
esbuild で Node.js を TypeScript 化する
TLDR バックエンドのコードを esbuild で TypeScript 化した ビルド時間は1秒ほど tsc に比べて10倍以上高速化できた 特に問題なくプロダクションで安定稼働している esbuild はいつ使えるのか みなさん webpack は使っていますか？まだまだ広く使われていると思いますが、最近では esbuild の事例もたまに見るようになってきました。 ABEMAにesbuildを導入してWebのバンドル処理を69倍高速化した話 | CyberAgent Developers Blog esbuild が爆速すぎて webpack / Rollup にはもう戻れない | Kabuku Developers Blog 現時点で esbuild をフロントエンドの Bundler として導入するには、以下のような問題があります。 ES5にトランスパイルできない Code S
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://slack.com/tutorials/tracks/building-approval-workflows