TypeScriptの型推論でCLIバリデーションをなくせた話 🔖 23

CLIツールを作っていると、必ずと言っていいほど書くことになるバリデーションコード。TypeScriptの型推論を活用したら、このコードをほぼ不要にできたお話をします。 きっかけは、いろんなプロジェクトのコードを読んでいて気づいたことでした。どのCLIツールにも、似たようなバリデ

バックエンドTypeScriptでオニオンアーキテクチャを運用してわかった手応えと反省点 🔖 109

弊社ではT3-Turboを導入しており、フロントエンドにNext.js、サーバーサイドにNestJSを採用しています。 本記事では特にサーバーサイドのアーキテクチャに焦点を当て、私たちが実践しているドメイン駆動設計（DDD）について、その運用から見えてきたメリット、デメリット、そ

TypeScriptの型推論でCLIバリデーションをなくせた話 🔖 23

CLIツールを作っていると、必ずと言っていいほど書くことになるバリデーションコード。TypeScriptの型推論を活用したら、このコードをほぼ不要にできたお話をします。きっかけは、いろんなプロジェクトのコードを読んでいて気づいたことでした。どのCLIツールにも、似たようなバリデ

バックエンドTypeScriptでオニオンアーキテクチャを運用してわかった手応えと反省点 🔖 109

弊社ではT3-Turboを導入しており、フロントエンドにNext.js、サーバーサイドにNestJSを採用しています。本記事では特にサーバーサイドのアーキテクチャに焦点を当て、私たちが実践しているドメイン駆動設計（DDD）について、その運用から見えてきたメリット、デメリット、そ

JavaScript/TypeScript実力強化書 | 技術評論社 🔖 41

概要 一気にJavaScript・TypeScriptのエキスパートへ！ Software Design本誌再編集シリーズ、今度はWeb開発者の必修科目であるJavaScriptとTypeScriptがテーマです。第一線のエンジニアが現場で培った、JavaScript・TypeS

TypeScriptファーストなコーディングAIエージェントのベンチマーク「ts-bench」を公開しました 🔖 43

AIコーディングエージェントのTypeScriptコード編集能力を評価するための、手軽に再現可能なベンチマークプロジェクト「ts-bench」を公開しました。この記事では、筆者がなぜ ts-bench を作ったのか、今後どうしていきたいかについてお話しします。 GitHub -

TypeScript VS Java 🔖 1

きっかけ面接でTypeScriptの説明を求められ型付けを中心に説明したが、「Javaとどう違うのか？」と聞かれた時に答えられなかった。確かにJavaでのWebアプリ案件も見かける。そこでTypeScriptとJavaの違いを調べてみた。型付けに関して基本同じで、以...

Gemini CLIのプロンプトを自然言語ではなくTypeScriptで書いてみた 🔖 1

フロントエンドを中心にエンジニアをしている赤星です。 今回は私が個人開発をしていた際、LLMへのプロンプトを自然言語ではなく、TypeScriptで記述してみたところ、正確性が向上し、一定の効果を実感したのでその内容を記事にしていきます。 プログラミング言語でプロンプトを書こうと

TypeScript入門 🔖 259

2025年度リクルート エンジニアコース新人研修の講義資料です

Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22

アルダグラムでエンジニアをしている @sukechannnn です！ 開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。 以前 @watabee が登壇した際にその仕組みにつ

Go で言うところのアレは TypeScript で言うとコレ / Kyoto.なんか #7 🔖 31

Kyoto.なんか #7 https://kyoto-nanka.connpass.com/event/365370/

Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22

アルダグラムでエンジニアをしている @sukechannnn です！開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。以前 @watabee が登壇した際にその仕組みにつ

Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22

アルダグラムでエンジニアをしている @sukechannnn です！開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。以前 @watabee が登壇した際にその仕組みにつ

Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22

アルダグラムでエンジニアをしている @sukechannnn です！開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。以前 @watabee が登壇した際にその仕組みにつ

TypeScriptで知っておきたいユーティリティ型9選 🔖 1

こんにちは！フロントエンジニアのH.Rです。TypeScriptで型を定義するときに、「一部だけ取り出したい」「全部をオプショナルにしたい」といった場面がよくあります。 そんなときに役立つのがユーティリティ型（Utility Types）です。 この記事では代表的なユーティリティ

Next.jsのESLint設定"next/typescript"は何をしているのか？実は2つのルールを変えただけだった 🔖 1

概要Next.jsプロジェクトを始めるとき、初期設定のeslint.config.mjsをそのまま使う人も多いと思います。そこに書かれているnext/typescriptが実際何をしているかご存知でしょうか？create-next-appをした時点でのeslint....

他言語経験者が知っておきたいTypeScriptのクラスの注意点 - KAKEHASHI Tech Blog 🔖 82

はじめに TypeScriptのクラス構文は、一見するとJavaやC#などの言語と非常に似ていますが、その背景にあるJavaScriptの特性により、振る舞いに重要な違いが存在します。これらの違いを理解することは、これまでの経験を活かしつつ、TypeScriptで堅牢なアプリケー

他言語経験者が知っておきたいTypeScriptのクラスの注意点 🔖 82

はじめに TypeScriptのクラス構文は、一見するとJavaやC#などの言語と非常に似ていますが、その背景にあるJavaScriptの特性により、振る舞いに重要な違いが存在します。これらの違いを理解することは、これまでの経験を活かしつつ、TypeScriptで堅牢なアプリケー

【個人開発】自分のためのコード販売サイトを作ってみた【Next.js×TypeScript×Stripe×supabase】 🔖 2

はじめに諸事情により、ちょっと間が空いてしまったので、復習がてらに自分の作ったアニメーションコードを販売するサイトを作ってみました。元々何かを作ろうと思った時に課金制度は必須だったので、これを機にstripeの学習をすることを決めて、実際に作ってみました。また、今回...

【TypeScript】enumを使ったっていいじゃないか 🔖 90

TypeScriptで定数をどのように表現するか、というのは意外に意見が分かれるテーマです。本稿では、enumの特徴とその代替手段を整理し、何を採用すべきかを考えてみます。 enumを推奨しないという意見が多いのは知っていても、何故そう言われているのか、を理解していますか？ 「使

TypeScript では T[] ではなく ReadonlyArray<T> を使おう 🔖 62

TL;DR 公開 API では T[] を避け, ReadonlyArray を使いましょう. 内部実装でのみArrayを使うのはOK Array ではなく ReadonlyArray を使おう 以下のコードには受け取った配列をソートして表示する sortLog 関数と, 0番目

【TypeScript】enumを使ったっていいじゃないか 🔖 90

TypeScriptで定数をどのように表現するか、というのは意外に意見が分かれるテーマです。本稿では、enumの特徴とその代替手段を整理し、何を採用すべきかを考えてみます。enumを推奨しないという意見が多いのは知っていても、何故そう言われているのか、を理解していますか？「使

【図解解説】0からAIエージェントを実装してポートフォリオ自動生成サイトを開発するチュートリアル【VoltAgent/React/TypeScript】 🔖 7

はじめにこんにちは、Watanabe Jin(@Sicut_study)です。エンジニアをしていると「AI」という言葉を聞かない日はないくらいに日常に浸透し始めて、最近では「AIエージェント」という言葉すら一般的になりつつあります。そしていま現場の最前線ではどこも...

Kori (氷) というTypeScript用のウェブアプリケーションフレームワークをCursorたちと一緒に作ってみている - Mitsuyuki.Shiiba 🔖 31

とりあえずコンセプトは動きそうだなぁってくらいで、ちゃんと動くことも確認してないし、テストも書いてないし、まだまだやることはたくさんあるんだけど、どっかでいったんブログに書いて休憩しようと思ったので、書くことにした。年内である程度動くところまで持っていけたらいいな。 Kori K

TypeScript 5.9リリース！ECMAScriptの新しい仕様 `import defer` が利用可能に 🔖 21

Announcing TypeScript 5.9 - TypeScript 🔖 32

TypeScriptのGCはどのように動いているのか 🔖 1

はじめにこんにちは。株式会社ソニックムーブの中崎です。最近？ JJUG CCC 2025 Springというイベントに参加しました。(もう2ヶ月経ってるやん…)参加理由は友人がスピーカーをやるということで、特にJavaのことはよく知らずに参加しました。そこでガベージコレク

uhyoさんが語る、「TypeScriptエキスパートへの道しるべ」 — TypeScriptの入門、学習法から最新トレンドまで 🔖 33

本連載は、「 エキスパートへの道しるべ（Load to Expert） 」をテーマとして、初級者がエキスパートになるためのヒントを、日本を代表するエキスパートの方々に伺う企画です。 TypeScriptは現代のWeb開発において欠かせない言語となっています。今回は、TypeScr

TypeScript 上達の道 🔖 83

QiitaTechFesta 2025 (#QiitaTechFesta) の登壇資料です。

Parsing 1 Billion Rows in Bun/Typescript Under 10 Seconds 🔖 19

TypeScriptだけで「なんちゃってOS」を作ってみた【コードあり】 🔖 6

はじめにふと、「OSっぽいものって、TypeScriptだけで作れたりしないかな？」と思って、実際に作ってみました。本物のOSとは違いますし、あくまでブラウザ上で動く なんちゃってOS です。実行環境はあくまでブラウザですし、「OSって呼ぶには甘すぎる！」という...

TypeScriptのnever型の使い所 🔖 1

概要TypeScriptのnever型の使い所について説明いたします。 never型とはnever型は「値を持たない」を意味するTypeScriptの特別な型です。https://typescriptbook.jp/reference/statements/never

TypeScript + Reactで特定の要素だけを受け付けるコンポーネントを型安全に実装する 🔖 31

Playwright自動化ツールのPython部分をTypeScriptに移行した話 🔖 1

UbieでQAエンジニアをしている @tmasuhara です。今日はプロダクトのオペレーションに使っているPlaywrightベースのツールにおける技術スタック移行について書きます。 ツールの概要このツールは、YAML設定ファイルに基づいてPlaywrightテストを動

Playwright自動化ツールのPython部分をTypeScriptに移行した話 🔖 1

UbieでQAエンジニアをしている @tmasuhara です。今日はプロダクトのオペレーションに使っているPlaywrightベースのツールにおける技術スタック移行について書きます。 ツールの概要このツールは、YAML設定ファイルに基づいてPlaywrightテストを動

【TypeScript】結局、never型っていつ使うん？を考えてみた。 🔖 3

はじめにTypeScript を使っていて never 型を見かけたとき、「なんか怖い」「どうせエラー用でしょ」「なんでそれが必要なの？」と感じたことはありませんか？でも実は、TypeScriptで型安全な開発を行う上で、知っていると圧倒的に安心できる存在—— そ...

TypeScriptによるkintoneプラグイン開発に便利な2つの公式ライブラリの型定義 🔖 1

こんにちは。株式会社シータグCTOの @y_okady です。シータグでは社内外向けのkintoneプラグインをTypeScriptで開発しています。TypeScriptによる開発では、ライブラリが公式提供している型定義を利用することで効率的に開発を進めることができます。kin

Better-T Stackで始めるTypeScriptフルスタックプロジェクト 🔖 1

はじめにStoryHub株式会社の@hanamaです。今回は、最近私が注目しているBetter-T StackというCLIツールをご紹介したいと思います。まだ日本語での紹介記事が少ないツールですが、TypeScript開発者にとって非常に有用なツールだと感じているため、この

【TypeScript】自社UIコンポーネントにMCPサーバーを作った話 🔖 1

はじめに最近 Zenn の記事投稿をサボってたたくみです。最近 Claude Code がやたら流行ってますね。この AI ブームに乗りたいと思い、自社 UI コンポーネントである「Kurage UI」の MCP サーバーを作って AI 導入の一歩を踏み出しました。!実装

StaticQL: 静的ファイルをクエリできる TypeScript ライブラリを作りました 🔖 1

StaticQL という大袈裟な名前で、TypeScript ライブラリを作成したので紹介させてください。レポジトリはこちらです migiwa-ya/staticql。何ができるか・誰に向いてい…

TypeScript 環境構築ガイドラインを書いてLLMに再現させる 🔖 94

TypeScript ツールチェインは多種多様で、毎回目的に沿ってプロジェクトを設定するのが非常に大変です。 なので、再現性のある環境構築手順を作って LLM に丸投げすることにしました。 (この記事の7割はAIに書かせて、自分で30分かけて書き直しました) tl;dr Clau

TypeScriptの条件分岐をスマートに記述するためのTips - Nealle Developer's Blog 🔖 114

はじめに こんにちは、ARCH チームの立川です。 今回が初めてのテックブログになります。 先日、社内で「条件分岐をスマートに評価する」というテーマで、TypeScript（JavaScript）における条件分岐の書き方について発表する機会がありました。古いコードに触れる中で、見

TypeScript 環境構築ガイドラインを書いてLLMに再現させる 🔖 94

TypeScript ツールチェインは多種多様で、毎回目的に沿ってプロジェクトを設定するのが非常に大変です。なので、再現性のある環境構築手順を作って LLM に丸投げすることにしました。https://github.com/mizchi/ts-guide(この記事の7割はA

TypeScriptの条件分岐をスマートに記述するためのTips 🔖 114

はじめに こんにちは、ARCH チームの立川です。 今回が初めてのテックブログになります。 先日、社内で「条件分岐をスマートに評価する」というテーマで、TypeScript（JavaScript）における条件分岐の書き方について発表する機会がありました。古いコードに触れる中で、見

【React×TypeScript】React初心者が3ヶ月で「名刺作成アプリ」を実装しました 🔖 1

はじめにこんにちは。Reactの学習を始めて3ヶ月強のものです。これまで学習の一環としていくつかミニアプリを作成してきました。https://qiita.com/nagi-0106/items/…

【TypeScript】[1, 'a', 2] はどうして (string | number)[] になるの？ 🔖 1

最近社内で Effective TypeScript 第2版 を輪読しているのですが、型推論の話や型の拡大(widening)についての説明を読んでいて、「普段当たり前に使っている型推論ってどう動いているんだっけ？」とふと思い立ちました。TypeScriptコンパイラのネイティ

【AWS】用語を整理しながら学ぶAWS CDK（TypeScriptを利用） 🔖 1

はじめにこの記事では 用語を整理しながらAWSが提供するAWS CDK（以下、本文ではCDK）を学習していく内容になっています。主な内容としては実践したときのメモを中心に書きます。（忘れやすいこ…

TypeScriptの"いま”を追う、TSKaigi 2025参加記 🔖 31

まえがき はじめまして！カミナシでソフトウェアエンジニアをしている shimmy(@naoya7076) です。 カミナシは 2025年5月23・24日に開催された「TSKaigi 2025」にゴールドスポンサーとして協賛し、私は現地で参加しました。 各登壇の内容やトーク内容の詳

TypeScriptの"いま”を追う、TSKaigi 2025参加記 🔖 31

まえがき はじめまして！カミナシでソフトウェアエンジニアをしている shimmy(@naoya7076) です。 カミナシは 2025年5月23・24日に開催された「TSKaigi 2025」にゴールドスポンサーとして協賛し、私は現地で参加しました。 各登壇の内容やトーク内容の詳

typescript-project-setup-guide.md 🔖 24