はてぶ・Qiita・Zennのトレンド記事を紹介
TypeScriptはJavaScriptを拡張したプログラミング言語で、型安全性や開発効率を高めることができます。大規模なWebアプリ開発で人気です。
uhyoさんが語る、「TypeScriptエキスパートへの道しるべ」 — TypeScriptの入門、学習法から最新トレンドまで 🔖 33
本連載は、「 エキスパートへの道しるべ（Load to Expert） 」をテーマとして、初級者がエキスパートになるためのヒントを、日本を代表するエキスパートの方々に伺う企画です。 TypeScriptは現代のWeb開発において欠かせない言語となっています。今回は、TypeScr
QiitaTechFesta 2025 (#QiitaTechFesta) の登壇資料です。
TypeScriptだけで「なんちゃってOS」を作ってみた【コードあり】 🔖 6
はじめにふと、「OSっぽいものって、TypeScriptだけで作れたりしないかな？」と思って、実際に作ってみました。本物のOSとは違いますし、あくまでブラウザ上で動く なんちゃってOS です。実行環境はあくまでブラウザですし、「OSって呼ぶには甘すぎる！」という...
概要TypeScriptのnever型の使い所について説明いたします。 never型とはnever型は「値を持たない」を意味するTypeScriptの特別な型です。https://typescriptbook.jp/reference/statements/never
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-mcp で AI に LSP のリファクタリング機能を与える 🔖 34
一旦 npx -y typescript-mcp@latest で MCP サーバーが動くところまで作った。 主語大きめだけど、 npm の名前空間が空いてたので... これの続編 TL;DR 既存のエージェントの内蔵ツールはセマンティックな AST 操作ができない 書き換えてみ
typescript-mcp で AI に LSP のリファクタリング機能を与える 🔖 34
一旦 npx -y typescript-mcp@latest で MCP サーバーが動くところまで作った。https://github.com/mizchi/typescript-mcp主語大きめだけど、 npm の名前空間が空いてたので...これの続編https://
【TypeScript】「ホモモーフィック」なマップ型とは何か？ 🔖 3
はじめにTypeScript（以下TS）の型の中で、あまり知られていない「ホモモーフィック（homomorphic）」なマップ型という概念があります。この記事ではホモモーフィックなマップ型とは?…
統合版マイクラには Script API という機能があり、JavaScriptで既存のマイクラのしくみを変えるアドオンを作成ことができます。TypeScriptでの開発にも対応しています。https://learn.microsoft.com/en-us/minecraft/
軽量かつ高速なWebフレームワーク「Hono」と「TypeScript」を用いて、DI（依存性注入）を実践する方法を解説します。アプリケーションの複雑化に伴い課題となる依存関係の管理を、DIライブラリ「hono-simple-di」を活用して解決し、保守性とテスト容易性の高い設計
[2025年] フロントエンド環境構築（React, TypeScript, Vite, Biome, lefthook） 🔖 4
概要フロントエンドの環境構築を行ったのでそのメモ。自分の知識のアップデートも兼ねて。ChatGPTには適宜相談しているが、最新の方法を確実に採用したいので、公式ドキュメントを参考にして、1つずつ手動で設定している。 コンセプトシンプルなアプリケーションなので、Next.
TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開 🔖 76
TypeScriptのコンパイラをGo言語でネイティブ化、10倍速にした「TypeScript Native Previews」が公開 マイクロソフトは、TypeScriptのコンパイラを始め各種ツール群をGo言語に移植することでコンパイラの処理速度を10倍速にした新バージョンと
TypeScript でエフェクトシステムを再現したい 🔖 30
tskaigi で susisu さんの Generator で Promise ランタイムを作る発表をみて、昔作ったやつがもっとやれそうな気がしたので、やってみた話。 やりたいこと TS の言語システムが物足りなくて、ドメインを表現しきれない。とくに副作用を持つ関数に、なんとか
TypeScriptで引数によって戻り値の型を変えてみた【条件付き型 × ジェネリクス】 🔖 1
本記事では、条件付き型（Conditional Types） と ジェネリクス を使って引数の値に応じて返す型を変える方法を紹介します。 やりたいこと例えば "dog" という引数が渡されたら Dog 型を返し、"cat" の場合は Cat 型を返すような関数を作りたい。
TypeScriptで学ぶデザインパターン 〜Adapter編〜 🔖 1
はじめにこの記事は前回に引き続き、Java 言語で学ぶデザインパターンで学んだ内容のアウトプットです。フロントエンド開発における「Adapter パターン」の活用例として、何かのヒントになれば幸いです。 Adapter パターンとは？Adapter パターンは、異なるイン
TypeScript でエフェクトシステムを再現したい 🔖 30
tskaigi で susisu さんの Generator で Promise ランタイムを作る発表をみて、昔作ったやつがもっとやれそうな気がしたので、やってみた話。https://github.com/susisu/tskaigi2025 やりたいことTS の言語シス
TypeScriptをバックエンドで使わない理由 🔖 247
この記事は、下記の記事への反論というよりも、「TypeScriptでバックエンドを書く」というテーマについて、別の観点から整理したい という意図で書いています。 元記事は、文脈が分かりづらいと感じたため、自分なりにバックエンドの特性にフォーカスして再整理しています。 最近、以下の
公開鍵暗号とはデータを暗号化して扱いたいことがあります。インターネットで誰かと通信するときは、通信経路で誰が盗み見ているか分かりません。送信者と受信者だけが中身を確認できるように暗号化を施しておくと安心です。他には、データベースに保存するようなシステムを開発するとき、センシティ
Google Gen AI TypeScript/JavaScript SDK の使用方法 🔖 1
Google Gen AI SDK for TypeScript and JavaScript は、開発者が Gemini モデルの最先端機能をアプリケーションにシームレスに統合することを可能にしま…
TypeScriptをバックエンドで使わない理由 🔖 247
はじめに!この記事は、下記の記事への反論というよりも、「TypeScriptでバックエンドを書く」というテーマについて、別の観点から整理したい という意図で書いています。元記事は、文脈が分かりづらいと感じたため、自分なりにバックエンドの特性にフォーカスして再整理しています。
TypeScriptでバックエンドを書いてもいい時代です 🔖 40
下のようなツイートを見かけたので少し書いてみます。 おそらくこの方はバックエンドをTypeScriptで書くのは良くないという誰かの意見に反応したものだと思う。そういう意見に惑わされないためにも、もう宣言しておきます。もうすでにTypeScriptでバックエンドを書いてもいい時代
【TypeScript7】TypeScriptが10倍高速になるぞー 🔖 6
先日2025/03/11に、A 10x Faster TypeScriptという記事が公開されました。TypeScriptの処理系をGoで書き直すことによって速度が10倍向上するとのことです。ロ…
TypeScriptで学ぶデザインパターン 〜Iterator編〜 🔖 1
この記事はJava言語で学ぶデザインパターンを読んで学んだ内容を、TypeScriptのサンプルコードに落としこんでみた記録です。「Iterator パターン」とは何かを理解し、TypeScriptの言語仕様との関係性を把握できる内容となっています。 Iterator パター
TypeScriptでバックエンドを書いてもいい時代です 🔖 40
下のようなツイートを見かけたので少し書いてみます。https://x.com/nakasyou0/status/1926457184516288681おそらくこの方はバックエンドをTypeScriptで書くのは良くないという誰かの意見に反応したものだと思う。そういう意見に惑わ
フロントエンドがTypeScriptなら、バックエンドはPHPでもいいじゃない/php-is-not-bad 🔖 101
TSKaigi2025の登壇資料です
Web Streams APIの基本と実践、TypeScriptでの活用法 / TSKaigi 2025 Web Streams API 🔖 29
TSKaigi 2025 のセッション資料です。 セッション情報はこちら↓ https://2025.tskaigi.org/talks/tasshi
TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで | ドクセル 🔖 38
TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで TsKaigi 2025 DAY2 / 10:50 〜 11:20 （レバレジーズトラック）
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する 🔖 20
コンポーネントに CSS を当てる手法の1つに、CSS Modules があります。広く使われている手法ですが、エディタ上の開発体験が悪いという欠点がありました。*.tsx と *.module.css の Language Server が分かれているために、*.tsx と *
VueUseから学ぶ実践TypeScript #TSKaigi #TSKaigi2025 🔖 15
2025年5月23日(金) - 24日(土)開催、「TSKaigi2025」で登壇した開催された、弁護士ドットコム株式会社 クラウドサイン事業本部 フロントエンドエンジニア のツノが登壇した際の資料です。 セッションタイトル：VueUseから学ぶ実践TypeScript http
TypeScriptネイティブ移植観察レポート TSKaigi 2025 🔖 22
JavaScriptのモジュール解決の相互運用性 / JSConf JP 2024 - Interoperability of Module Resolutions in JavaScript
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート 🔖 91
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート 導入 今日は「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」というタイトルでお話させていただきます。よろしくお願いします。 まず最初に