【結論】TypeScriptの型定義はtypeよりinterfaceを使うべき理由
はじめに TypeScriptでコンポーネントのPropsやオブジェクトの型を定義するとき、typeとinterfaceのどちらを使うべきか、一度は悩んだことがあるのではないでしょうか。 巷では「どちらでも良い」「チームで統一されていればOK」といった意見もよく見かけます。 しかし、私は 明確な理由をもって「基本的にはinterfaceを使うべき」 だと主張します。 この記事では私の実体験で遭遇したReactのPropsの深刻なパフォーマンス問題を例に交えながら、なぜinterfaceが優れているのか、そしてtypeはどのような場面で使うべきなのかを解説します。 type aliasを使いたくなる魅力と、その裏に潜む罠 まず、なぜ多くの開発者がtypeを選びがちなのでしょうか。 それは、開発体験の良さにあります。 typeで定義した型は、VSCodeなどのエディタでホバーすると、最終的に解
【海外で話題】依存関係の更新に特化したAIエージェント「fossabot」登場 — 「熟練エンジニアが24時間体制で更新作業を担うイメージ」、まずはTypeScript/JavaScript向けに特化
JavaScript/TypeScript実力強化書 | 技術評論社
概要 一気にJavaScript・TypeScriptのエキスパートへ！ Software Design本誌再編集シリーズ、今度はWeb開発者の必修科目であるJavaScriptとTypeScriptがテーマです。第一線のエンジニアが現場で培った、JavaScript・TypeScriptを最大活用する秘訣を伝授します。 第1章ではJavaScriptの歴史をさかのぼりつつ、基本的な仕様やコーディング作法を解説します。第2章でJavaScriptの関数について、関数のしくみ、引数、関数型プログラミングなどの観点で徹底的に解き明かします。第3章では、JavaScriptの非同期処理について、非同期処理そのものの変遷から、並行・並列処理の違い、Promiseやasync/await、AbortSignal/AsyncLocalStorageまで詳細に掘り下げます。第4章では、TypeScrip
TypeScriptファーストなコーディングAIエージェントのベンチマーク「ts-bench」を公開しました
AIコーディングエージェントのTypeScriptコード編集能力を評価するための、手軽に再現可能なベンチマークプロジェクト「ts-bench」を公開しました。この記事では、筆者がなぜ ts-bench を作ったのか、今後どうしていきたいかについてお話しします。 GitHub - laiso/ts-benchContribute to laiso/ts-bench development by creating an account on GitHub.GitHublaisots-benchの仕組みts-benchは、プログラミング学習プラットフォーム Exercism のTypeScript問題セットを利用します。各問題には、仕様を説明するドキュメント、エージェントが編集すべきソースコードのひな形、そして正解判定に使うテストコードが含まれています。 ベンチマークタスクは、各問題に対して以下
LM Studio の TypeScript SDK「lmstudio-js」でローカルLLM の軽いお試し（M4 MacBook Air を利用）【Node.js】 - Qiita
import { LMStudioClient } from "@lmstudio/sdk"; const client = new LMStudioClient(); const model = await client.llm.model("gemma-3-270m-it"); const result = await model.respond("p5.jsについて簡単に説明して"); console.info(result.content); そして、上記を nodeコマンドで実行してみた結果は以下のとおりです。 lmstudio-js を利用するメリット 最後に、lmstudio-js を利用するメリットについて記載します。 情報の参照元は、公式のページに書かれた以下の部分です。 OpenAI SDK ではなく lmstudio-js を使うメリット LM Studio では、O
他言語経験者が知っておきたいTypeScriptのクラスの注意点 - KAKEHASHI Tech Blog
はじめに こんにちは、岩佐 幸翠(@kosui_me)です。カケハシで認証基盤・ライセンス基盤・組織階層基盤などのプラットフォームシステムを開発・運用する認証権限基盤チームのテックリードをしています。 TypeScriptのクラス構文は、一見するとJavaやC#などの言語と非常に似ていますが、その背景にあるJavaScriptの特性により、振る舞いに重要な違いが存在します。これらの違いを理解することは、これまでの経験を活かしつつ、TypeScriptで堅牢なアプリケーションを構築する上で非常に重要です。 本記事では、主にJavaやC#など、クラスベースの静的型付け言語に慣れ親しんだエンジニアの方々を対象に、TypeScriptでクラスを扱う際に特に留意すべきポイントを解説します。さらに、クラスを用いない関数型のアプローチについても触れ、TypeScriptにおけるドメインモデリングの多様な
TypeScript では T[] ではなく ReadonlyArray<T> を使おう
TL;DR 公開 API では T[] を避け, ReadonlyArray<T> を使いましょう. 内部実装でのみArray<T>を使うのはOK Array<T> ではなく ReadonlyArray<T> を使おう 以下のコードには受け取った配列をソートして表示する sortLog 関数と, 0番目の要素を 999 にした配列を表示する setLog 関数を定義して使用しています const sortLog = (array: Array<number>): void => { console.log(array.sort((a, b) => a - b)); }; const setLog = (array: Array<number>): void => { array[0] = 999; console.log(array); }; const array = [2, 1, 3]
![TypeScript では T[] ではなく ReadonlyArray<T> を使おう](https://cdn-ak-scissors.b.st-hatena.com/image/square/07a728cc2044d2dc3b401f51267ea8c84b3f2031/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--vm0KzhIi--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ATypeScript%252520%2525E3%252581%2525A7%2525E3%252581%2525AF%252520T%25255B%25255D%252520%2525E3%252581%2525A7%2525E3%252581%2525AF%2525E3%252581%2525AA%2525E3%252581%25258F%252520ReadonlyArray%25253CT%25253E%252520%2525E3%252582%252592%2525E4%2525BD%2525BF%2525E3%252581%25258A%2525E3%252581%252586%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252583%25258A%2525E3%252583%2525AB%2525E3%252583%25259F%2525E3%252583%2525B3%2525E3%252583%252581%2525E3%252583%2525A7%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzAwZjkwMDRhZGIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Announcing TypeScript 5.9 - TypeScript
Today we are excited to announce the release of TypeScript 5.9! If you’re not familiar with TypeScript, it’s a language that builds on JavaScript by adding syntax for types. With types, TypeScript makes it possible to check your code to avoid bugs ahead of time. The TypeScript type-checker does all this, and is also the foundation of great tooling in your editor and elsewhere, making coding even e
uhyoさんが語る、「TypeScriptエキスパートへの道しるべ」 — TypeScriptの入門、学習法から最新トレンドまで
本連載は、「 エキスパートへの道しるべ（Load to Expert） 」をテーマとして、初級者がエキスパートになるためのヒントを、日本を代表するエキスパートの方々に伺う企画です。 TypeScriptは現代のWeb開発において欠かせない言語となっています。今回は、TypeScriptのエキスパートとして知られるuhyo氏に、初学者向けのTypeScript学習法や魅力について詳しく話を伺いました。これからTypeScriptを学ぼうと考えている方に、確かな道筋を示す内容となっています。 uhyoさんをTechFeed上でフォローしよう！ TypeScriptとは？その魅力と重要性 ――自己紹介をお願いします。 uhyo: uhyoと申します。TypeScriptのTechFeed公認エキスパートとして、TypeScriptに関する情報発信を行っています。 普段はReactなどを使用した、
ブロックチェーンを利用したデジタル通貨プラットフォームでセキュリティエンジニア募集！
ブロックチェーンを利用したデジタル通貨プラットフォームでセキュリティエンジニア募集！ 株式会社ディーカレットDCP @decurret_dcp TypeScript Java Go (programming language) Amazon Web Services I want to hear a detailed 事業概要 ディーカレットDCPではブロックチェーン技術を活用し、市場規模3,000兆円の「デジタル通貨事業」においてエンタープライズ向け金融プラットフォームの構築を行っています。 ブロックチェーンを利用したスマートコントラクトとデジタル通貨を組み合わせることで、物流／商流と金融の連携や、証券と資金の同時受け渡し（DVP）の実現、バックオフィス業務の効率化、匿名性とデータ利活用の両立を行い、個人・企業・産業の活動を支え、日本経済の活性化へと繋げていきます。 職務内容 システムリ
TypeScript 環境構築ガイドラインを書いてLLMに再現させる
TypeScript ツールチェインは多種多様で、毎回目的に沿ってプロジェクトを設定するのが非常に大変です。 なので、再現性のある環境構築手順を作って LLM に丸投げすることにしました。 (この記事の7割はAIに書かせて、自分で30分かけて書き直しました) tl;dr Claude Code に読ませる前提のTypeScriptの環境構築ガイドラインを作った docs/ts-guide/ にドキュメントを配置して、LLM（Claude）にそれを読ませる プロジェクトの要件を伝えて、LLMに適切な設定を追加させる ベースラインとなる基礎部分から始めて、対話的に必要な機能を追加していく How to use すごい雑に実態を説明すると共通セットアップとただのライブラリの使い方のドキュメントです。 # 新しいプロジェクトを作成 mkdir my-app cd my-app # ts-guide
TypeScriptの"いま”を追う、TSKaigi 2025参加記 - カミナシ エンジニアブログ
まえがき はじめまして！カミナシでソフトウェアエンジニアをしている shimmy(@naoya7076) です。 カミナシは 2025年5月23・24日に開催された「TSKaigi 2025」にゴールドスポンサーとして協賛し、私は現地で参加しました。 各登壇の内容やトーク内容の詳細は、きっと誰かがまとめてくれていると思いますので、この記事では以下の点に絞って書いていこうと思います。 やること 自分の中でテーマごとに整理した内容と、それぞれの感想 TS Kaigiで自分が聞いたセッション全体を通じて感じたこと やらないこと 登壇の内容を網羅的に伝えること 全ての登壇について詳細に書くこと 静的解析 The New Powerful ESLint Config with Type Safety The New Powerful ESLint Config with Type Safety -
typescript-mcp で AI に LSP のリファクタリング機能を与える
一旦 npm install typescript typescript-mcp -D で MCP サーバーが動くところまで作った。 主語大きめだけど、 npm の名前空間が空いてたので... これの続編 TL;DR 既存のエージェントの内蔵ツールはセマンティックな AST 操作ができない 書き換えてみて駄目だったら修正、みたいな挙動 MCP サーバーとして、 Rename, Move File, Go to Definition, Find References 等の LSP の機能を提供した 実際に動いている例 # Rename file ● typescript:move_file (MCP)(root: "~/s andbox/claude-mcp", oldPath: "examples/oth er-types.ts", newPath: "examples/types.ts"
2025-05-29のJS: TypeScript Native Previews、Firefox 139、Angular 20、Chrome 137
JSer.info #736 - TypeSciptのGo言語でのネイティブ実装である@typescript/native-previewが公開されました。 Announcing TypeScript Native Previews - TypeScript TypeScriptをGo言語に移植した実装で、コンパイラであるtsgoと合わせてVSCode拡張などもリリースされています。 TypeScriptネイティブ移植観察レポート TSKaigi 2025 - Speaker Deck Firefox 139がリリースされました。 Firefox 139.0, See All New Features, Updates and Fixes Firefox 139 for developers - Mozilla | MDN hidden=until-found属性のサポートとTempora
TypeScript でエフェクトシステムを再現したい
tskaigi で susisu さんの Generator で Promise ランタイムを作る発表をみて、昔作ったやつがもっとやれそうな気がしたので、やってみた話。 やりたいこと TS の言語システムが物足りなくて、ドメインを表現しきれない。とくに副作用を持つ関数に、なんとかして副作用の型を宣言したい。 過去に、 Async Generator でこれができるのを確認した。 function print(): void & Eff<Operation.Console> { console.log("hello"); } async function* main() { yield print(); } for await (const _eff of main()) { } // この型が最終的に発生した副作用の合計を表現する export type MainOps = GetEffe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TypeScript 5.9リリース！ECMAScriptの新しい仕様 `import defer` が利用可能に
TypeScript + Reactで特定の要素だけを受け付けるコンポーネントを型安全に実装する - Qiita
闘魂CDK道場：TypeScriptでAWSインフラを組み、Python Lambdaを叩き込むまで - Qiita
【TypeScript】「ホモモーフィック」なマップ型とは何か？ - Qiita