はてぶ・Qiita・Zennのトレンド記事を紹介
TypeScriptはJavaScriptを拡張したプログラミング言語で、型安全性や開発効率を高めることができます。大規模なWebアプリ開発で人気です。
TypeScript 環境構築ガイドラインを書いてLLMに再現させる 🔖 91
TypeScript ツールチェインは多種多様で、毎回目的に沿ってプロジェクトを設定するのが非常に大変です。 なので、再現性のある環境構築手順を作って LLM に丸投げすることにしました。 (この記事の7割はAIに書かせて、自分で30分かけて書き直しました) tl;dr Clau
TypeScriptの条件分岐をスマートに記述するためのTips - Nealle Developer's Blog 🔖 108
はじめに こんにちは、ARCH チームの立川です。 今回が初めてのテックブログになります。 先日、社内で「条件分岐をスマートに評価する」というテーマで、TypeScript（JavaScript）における条件分岐の書き方について発表する機会がありました。古いコードに触れる中で、見
TypeScript 環境構築ガイドラインを書いてLLMに再現させる 🔖 91
TypeScript ツールチェインは多種多様で、毎回目的に沿ってプロジェクトを設定するのが非常に大変です。なので、再現性のある環境構築手順を作って LLM に丸投げすることにしました。https://github.com/mizchi/ts-guide(この記事の7割はA
TypeScriptの条件分岐をスマートに記述するためのTips 🔖 108
はじめに こんにちは、ARCH チームの立川です。 今回が初めてのテックブログになります。 先日、社内で「条件分岐をスマートに評価する」というテーマで、TypeScript（JavaScript）における条件分岐の書き方について発表する機会がありました。古いコードに触れる中で、見
【TypeScript】[1, 'a', 2] はどうして (string | number)[] になるの？ 🔖 1
最近社内で Effective TypeScript 第2版 を輪読しているのですが、型推論の話や型の拡大(widening)についての説明を読んでいて、「普段当たり前に使っている型推論ってどう動いているんだっけ？」とふと思い立ちました。TypeScriptコンパイラのネイティ
【AWS】用語を整理しながら学ぶAWS CDK（TypeScriptを利用） 🔖 1
はじめにこの記事では 用語を整理しながらAWSが提供するAWS CDK（以下、本文ではCDK）を学習していく内容になっています。主な内容としては実践したときのメモを中心に書きます。（忘れやすいこ…
TypeScriptの"いま”を追う、TSKaigi 2025参加記 🔖 30
まえがき はじめまして！カミナシでソフトウェアエンジニアをしている shimmy(@naoya7076) です。 カミナシは 2025年5月23・24日に開催された「TSKaigi 2025」にゴールドスポンサーとして協賛し、私は現地で参加しました。 各登壇の内容やトーク内容の詳
TypeScriptの"いま”を追う、TSKaigi 2025参加記 🔖 30
まえがき はじめまして！カミナシでソフトウェアエンジニアをしている 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をバックエンドで使わない理由 🔖 246
この記事は、下記の記事への反論というよりも、「TypeScriptでバックエンドを書く」というテーマについて、別の観点から整理したい という意図で書いています。 元記事は、文脈が分かりづらいと感じたため、自分なりにバックエンドの特性にフォーカスして再整理しています。 最近、以下の
公開鍵暗号とはデータを暗号化して扱いたいことがあります。インターネットで誰かと通信するときは、通信経路で誰が盗み見ているか分かりません。送信者と受信者だけが中身を確認できるように暗号化を施しておくと安心です。他には、データベースに保存するようなシステムを開発するとき、センシティ
Google Gen AI TypeScript/JavaScript SDK の使用方法 🔖 1
Google Gen AI SDK for TypeScript and JavaScript は、開発者が Gemini モデルの最先端機能をアプリケーションにシームレスに統合することを可能にしま…
TypeScriptをバックエンドで使わない理由 🔖 246
はじめに!この記事は、下記の記事への反論というよりも、「TypeScriptでバックエンドを書く」というテーマについて、別の観点から整理したい という意図で書いています。元記事は、文脈が分かりづらいと感じたため、自分なりにバックエンドの特性にフォーカスして再整理しています。
TypeScriptでバックエンドを書いてもいい時代です 🔖 41
下のようなツイートを見かけたので少し書いてみます。 おそらくこの方はバックエンドを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でバックエンドを書いてもいい時代です 🔖 41
下のようなツイートを見かけたので少し書いてみます。https://x.com/nakasyou0/status/1926457184516288681おそらくこの方はバックエンドをTypeScriptで書くのは良くないという誰かの意見に反応したものだと思う。そういう意見に惑わ
フロントエンドがTypeScriptなら、バックエンドはPHPでもいいじゃない/php-is-not-bad 🔖 100
TSKaigi2025の登壇資料です
Web Streams APIの基本と実践、TypeScriptでの活用法 / TSKaigi 2025 Web Streams API 🔖 29
TSKaigi 2025 のセッション資料です。 セッション情報はこちら↓ https://2025.tskaigi.org/talks/tasshi
VueUseから学ぶ実践TypeScript #TSKaigi #TSKaigi2025 🔖 15
2025年5月23日(金) - 24日(土)開催、「TSKaigi2025」で登壇した開催された、弁護士ドットコム株式会社 クラウドサイン事業本部 フロントエンドエンジニア のツノが登壇した際の資料です。 セッションタイトル：VueUseから学ぶ実践TypeScript http
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 と *
TypeScriptネイティブ移植観察レポート TSKaigi 2025 🔖 22
JavaScriptのモジュール解決の相互運用性 / JSConf JP 2024 - Interoperability of Module Resolutions in JavaScript
本セッションでは、TypeScriptの型安全性と柔軟なモジュール設計を活かし、Web（Next.js）とCLI（inquirer.js）の両方から操作できるスクラム管理アプリをサンプルとした実践例を紹介します。 TypeScriptを選んだ理由は、強力な型システムとバックエンド
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート 🔖 91
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート 導入 今日は「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」というタイトルでお話させていただきます。よろしくお願いします。 まず最初に
tsgoが公開。TypeScript 7向け新コンパイラのインストール手順と10倍高速化検証 🔖 19
本日2025年5月23日、MicrosoftのTypeScriptチームは、TypeScriptのGo言語実装によるコンパイラのプレビュー版「TypeScript Native Previews」を公開しました。「tsgo」という名称の新しいコンパイラは、将来的にTypeScri
tsgoが公開。TypeScript 7向け新コンパイラのインストール手順と10倍高速化検証 🔖 19
本日2025年5月23日、MicrosoftのTypeScriptチームは、TypeScriptのGo言語実装によるコンパイラのプレビュー版「TypeScript Native Previews」を公開しました。「tsgo」という名称の新しいコンパイラは、将来的にTypeScri
tsgoが公開。TypeScript 7向け新コンパイラのインストール手順と10倍高速化検証 🔖 19
本日2025年5月23日、MicrosoftのTypeScriptチームは、TypeScriptのGo言語実装によるコンパイラのプレビュー版「TypeScript Native Previews」を公開しました。「tsgo」という名称の新しいコンパイラは、将来的にTypeScri
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート 🔖 91
導入今日は「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」というタイトルでお話させていただきます。よろしくお願いします。まず最初に、軽く自己紹介をさせていただきます。Suzuki Sosuke と申します。ユビー株式会社でソフトウェアエンジニアをし
TypeScript で AI エージェントを構築する VoltAgent 🔖 37
TypeScript で AI エージェントを構築する VoltAgent VoltAgent は TypeScript で AI を活用したアプリケーションを構築するためのツールキットです。VoltAgent Console を使用すると、エージェントの状態をリアルタイムで確認
TypeScript CLI で Markdown 1 ファイルから Cursor／Cline ルールを自動生成する方法 🔖 2
こんにちは！アルダグラムでエンジニアをしている柴田です はじめに近年、AI エージェントツールの発展が著しく、開発現場でも Cursor や Cline のような自律エージェントを活用してコード生成やレビューを行うケースが増えていると思います。弊社でも業務効率化を目的に複
TypeScript CLI で Markdown 1 ファイルから Cursor／Cline ルールを自動生成する方法 🔖 2
こんにちは！アルダグラムでエンジニアをしている柴田です はじめに近年、AI エージェントツールの発展が著しく、開発現場でも Cursor や Cline のような自律エージェントを活用してコード生成やレビューを行うケースが増えていると思います。弊社でも業務効率化を目的に複
元救助隊員が４か月で災害活動時に使える、位置情報を管理するアプリを開発【React / Typescript】 🔖 1
はじめに 2024年1月1日(元旦)に発生した石川県能登半島地震、誰もが知っていると思います。地震に限らずあのような大規模な災害で活動するのは自衛隊や消防、警察だけでなく病院、ボランティア団体など…
TypeScript の型のみで世界一型の厳しいプログラミング 🔖 46
はじめにTypeScript の型は世界一自由度の高い設計になっていると思います。その根拠として、型を関数型のように書けるというのが大きいと思います。type Trim<S extends string> = S extends ` ${infer R}`
なぜ生成AIはTypeScriptでコードを書くのか？AI駆動開発に必要な最低限のTypeScript知識 🔖 1
TypeScriptはAI駆動開発に必須？AI駆動スタイルでwebサイトやwebアプリを開発しようとした時に、TypeScriptが即時に選ばれた経験ありませんか？もちろん条件や環境によっては他言語が選ばれますが、私は技術選定をお任せにした上で個人開発を行ってみると、ほぼすべ