「TypeScript」タグが付いた記事一覧 - ろぼいんブログ
TypeScriptは、JavaScriptのスーパーセットです。静的型付けを導入することで、コードの可読性と保守性を向上させます。

Astro v5.10リリース コンテンツを動的に取得できるライブコンテンツコレクションが追加
コンテンツコレクションを動的に取得できるライブコンテンツコレクションや、レスポンシブ画像の対応などが含まれるAstro 5.10がリリースされました。
HTMLに属性値をエスケープする破壊的変更が導入へ
2025年5月20日、HTML仕様が更新され、mutation XSS(mXSS)脆弱性を防ぐために属性内の<および>をエスケープするようになりました。

Node.jsにESMファイルが直接実行されたかを確認できる機能が追加
Node.js v24.2.0では、スクリプトが直接実行されたのかモジュールとして読み込まれたかを判定するimport.meta.mainが追加されました。
Cloudflare R2で「We encountered an internal error. Please try again.」というエラーが出たときの対処法
@aws-sdk/client-s3を使って、Amazon S3互換のCloudflare R2にファイルをアップロードするプログラムを書いていたところ、「We encountered an internal error. Please try again.」というエラーが発生しました。

Next.jsで最適化した画像をCloudflareでキャッシュできるようにする方法
Next.jsの<Image>コンポーネントを使うと簡単に画像を最適化できますが、これによって最適化した画像は、デフォルトではCloudflareにキャッシュされません。この記事では、Next.jsで最適化した画像をCloudflareにキャッシュする方法を解説します。

JSRのネイティブサポートを追加したpnpm v10.9がリリース
JSRのネイティブサポートを追加したpnpm v10.9がリリースされました。`jsr:`プロトコルを使うことでJSRからパッケージをインストールできるようになりました。

Chromeの最新のバージョン番号を取得するVersionHistory APIの使い方
何らかの理由でChromeの最新バージョンのバージョン番号を取得したい場合があります。Googleは、そんなときに使えるVersionHistory APIを公式に提供しています。

Next.jsに認証をバイパスできる脆弱性 直ちにアップデートを
人気なReactフレームワークのNext.jsに、認証チェックをバイパスできる脆弱性が見つかりました。今回発見された脆弱性(CVE-2025-29927 / GHSA-f82v-jwr5-mffw)は、Next.jsのミドルウェアで認証を処理している場合に、ミドルウェアをバイパスすることで認証を回避できるというものです。

styled-componentsがメンテナンスモードに移行 新規プロジェクトでは非推奨に
Reactでコンポーネントをスタイリングする際のCSS-in-JSライブラリーのひとつとして人気だったstyled-componentsが、メンテナンスモードに移行していたことが分かりました。

TypeScriptコンパイラーがGoに移植へ ビルドが10倍高速に
MicrosoftはTypeScriptをGo言語によるネイティブ実装で作り直すと発表しました。ビルドが10倍高速になり、メモリー使用量が大幅に削減される見込みです。

Create React Appがついに非推奨に 移行先としてNext.jsやRemixが推奨
025年1月29日、Reactプロジェクトの立ち上げに広く利用されてきたCreate React App(CRA)が正式に非推奨となりました。以前から「CRAが非推奨になるのではないか」という噂が広まっていました。

Node.jsがTypeScriptの実行をサポート!v23.6.0でデフォルトで有効化
TypeScriptのサポートがデフォルトで有効化されたNode.js v23.6.0がリリースされました。Enumなどの一部の機能を除くTypeScriptの基本的な機能を、ts-nodeやtsxなどのサードパーティのライブラリーなしで実行できるようになりました。
CORESERVERでThreadPoolBuildErrorが出た場合の対処法
CORESERVERでビルド中にThreadPoolBuildErrorが発生した場合の対処法について解説します。
ESLintでTypeScriptベースの設定ファイル(`eslint.config.ts`)を使えるようになった
2024年8月10日、TypeScriptで書かれた設定ファイルを実験的にサポートするESLint v9.9.0がリリースされました。これにより、TypeScriptによる入力補完の恩恵を受けながら、ESLintの設定ファイルを書けるようになります。

Astro v4.11リリース!コードブロックや500エラーページの改善など
オープンソースの静的サイトジェネレーター「Astro」のバージョン4.11がリリースされました。このリリースでは、500エラーページの改善や、<Code />コンポーネントにおけるShikiトランスフォーマーの扱いの改善などが含まれています。

Material Web Componentsがメンテナンスモードへ 新機能の開発は中止もプロジェクト継続を模索中
Googleが開発する「Material Web Components(MWC)」が、メンテナンスモードに入ることが発表されました。Material DesignチームがGoogleの大規模内部フレームワーク「Wiz」のサポートに集中するため、MWCに割り当てられていたエンジニアを再配置したことが原因とのことです。

Astro v4.10リリース!型安全な環境変数を実験的にサポート
オープンソースの静的サイトジェネレーター「Astro」のバージョン4.10がリリースされました。このリリースでは、新しい型安全な環境変数のサポートや、コンテナーAPIの強化、全HTTPメソッドに対応したリライト機能など、多くの新機能が追加されています。

Astro v4.9リリース!コンテナーAPIやReact 19のサポートなど
オープンソースの静的サイトジェネレーター「Astro」のバージョン4.9がリリースされました。このリリースでは、新しいコンテナーAPIの追加、React 19のサポート、安定化された実験的機能などが含まれています。

Astro v4.8リリース!Astroアクションやリクエストの書き換え機能など
Astro v4.8がついにリリースされました。このバージョンでは、実験的な機能としてAstroアクションやリクエストの書き換えが導入され、さらに性能向上や複数ルートの同一エントリポイント定義も可能になりました。
Node.js v22でimport assertionsが廃止された件
Node.js v22でimport assertionsが廃止された件について、日本語の記事が見当たらなかったのでまとめてみました。

Astro v4.7リリース!開発ツールバーの改善やアップデートチェッカーなど
Astro 4.7がリリースされました。このバージョンでは、開発ツールバーAPIの大幅な改善、Astroを最新バージョンに保つためのアップデートチェッカーなどが含まれています。また、TypeScriptのプリセットで通常のJavaScriptの使用が許可されました。

Changesetsでnpmへのリリースを自動化する
最近、筆者が管理するいくつかのGitHubリポジトリーにChangesetsを導入しました。これによってnpmへのリリース作業を自動化でき、負担が減りました。この記事では、Changesetsを導入する手順を詳しく解説します。
node-tar v7で破壊的な変更が加えられた件
node-tar 7では、従来のコードが動作しなくなる破壊的な変更が含まれています。この記事では、どのような変更が加えられたのか、既存のコードをどのように変更すればよいのかについて解説します。

WindowsにBunをインストールする方法
2024年4月1日、Windowsに対応したBun 1.1がリリースされました。この記事では、WindowsにBunをインストールする方法を説明します。

AstroにYouTubeを埋め込む「astro-embed-youtube」の使い方
AstroでYouTubeの通常の埋め込みコードを使用すると、ページの読み込み速度が低下してしまいます。この記事ではパフォーマンスを維持しながらAstroベースのサイトにYouTubeを埋め込める「astro-embed-youtube」を紹介します。
ESLintでTypeScriptのクラスのpublicやprivateを強制する方法
この記事では、ESLintと@typescript-eslintプラグインを使用して、TypeScriptのクラスメンバーに対するアクセシビリティ(public、protected、private)の明示を強制する方法について解説します。