TypeScript + Reactで特定の要素だけを受け付けるコンポーネントを型安全に実装する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ブロックチェーンを利用したデジタル通貨プラットフォームでセキュリティエンジニア募集！
ブロックチェーンを利用したデジタル通貨プラットフォームでセキュリティエンジニア募集！ 株式会社ディーカレット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
TypeScriptでバックエンドを書いてもいい時代です
下のようなツイートを見かけたので少し書いてみます。 おそらくこの方はバックエンドをTypeScriptで書くのは良くないという誰かの意見に反応したものだと思う。そういう意見に惑わされないためにも、宣言しておきます。もうすでにTypeScriptでバックエンドを書いてもいい時代です、と。 っていうか書いてもいいどころか、すでにみんなTypeScriptでバックエンド書いて本番で運用してます。仕事上いろんな会社さんの開発の手伝いとかやってるんですが、全部TypeScriptでバックエンド書いてなくても、バックエンドの一部(BFFなど)をNext.jsやRemixのようなフレームワークを使って書いているところを含めるともう最近は見聞きする相手はみんな本番で運用してます。なのでもうTypeScriptでバックエンド書いてもいいです。 TypeScriptでバックエンド書くということは、多くの場合ラ
tsgoが公開。TypeScript 7向け新コンパイラのインストール手順と10倍高速化検証
// --- Constants and Enums --- /** * 商品のカテゴリを定義する列挙型。 */ enum ProductCategory { Electronics = "Electronics", Books = "Books", HomeAppliances = "Home Appliances", Clothing = "Clothing", Food = "Food", Sports = "Sports", } /** * 注文のステータスを定義する列挙型。 */ enum OrderStatus { Pending = "Pending", Processing = "Processing", Shipped = "Shipped", Delivered = "Delivered", Cancelled = "Cancelled", } /** * ユーザーの役
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート
TSKaigi 2025「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」スピーカーノート 導入 今日は「TypeScriptとは何であって何でなく、誰のもので、どこへ向かうのか」というタイトルでお話させていただきます。よろしくお願いします。 まず最初に、軽く自己紹介をさせていただきます。Suzuki Sosuke と申します。ユビー株式会社でソフトウェアエンジニアをしています。今日ブースやってるので遊びにきてください。あと趣味でPrettierというコードフォーマッターのメンテナンスをしたり、WebKitのReviewerをやっていたりします。WebKitといってもJavaScriptCoreの部分だけなんですけどね。 で、トークの方に移っていくんですが、今回のトークのタイトル、まるで基調講演のような壮大なタイトルだなと思われるでしょう。自分でもめちゃくちゃそう
VoltAgent（TypeScript の AIエージェントフレームワーク）を軽く試してみる - Qiita
はじめに はてなブックマークのテクノロジーカテゴリの新着ページで、技術情報を見ていた時にみかけた「VoltAgent」を試してみました。 最近、TypeScript（や Python）の AIエージェントフレームワークを複数試して記事に書いたりもしていたのですが、そのような流れもあって「VoltAgent」が気になりました。 公式の情報 以下が「VoltAgent」の公式ページなどです。 ●VoltAgent - Open Source TypeScript AI Agent Framework https://voltagent.dev/ ●VoltAgent/voltagent: Open Source TypeScript AI Agent Framework https://github.com/VoltAgent/voltagent Mastra との違い TypeScript
Announcing TypeScript Native Previews - TypeScript
This past March we unveiled our efforts to port the TypeScript compiler and toolset to native code. This port has achieved a 10x speed-up on most projects – not just by using a natively-compiled language (Go), but also through using shared memory parallelism and concurrency where we can benefit. Since then, we have made several strides towards running on large complex real-world projects. Today, w
TypeScript の型のみで世界一型の厳しいプログラミング
はじめに TypeScript の型は世界一自由度の高い設計になっていると思います。 その根拠として、型を関数型のように書けるというのが大きいと思います。 type Trim<S extends string> = S extends ` ${infer R}` | `${infer R} ` ? Trim<R> : S; 例えば、これは文字列の両端から空白を取り除く、str.trim() 相当のジェネリクスを含んだ型です。 (ジェネリクスは、型で用いられる引数のような存在だと思って貰えれば大丈夫です。) 実際に見てみましょう。 TypeScript Playground (この記事では、TypeScript v5.8 を使用します。) しっかり、str.trim() 相当の処理が型のみで推論できていることが分かります。 こんな事をここまで簡単に出来る言語は、TypeScript ぐらいで
【図解解説】MCPを実装理解！Next.jsでAIアシスタントを開発するチュートリアル【Hono/TypeScript/Prisma】 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、Watanabe Jin(@Sicut_study) です。 私はよくQiitaやZennなど技術記事サイトを見ているのですが、最近はランキングがMCPという技術の記事ばかりで埋まっていることに気づきました。 「MCP？こんなに話題なら勉強しておかないといけない」 解説記事を読んで以下の図をたくさん目にしました。 「なんとなくわかるけど、なんとなくしかわからない！！」 なんとなくイメージはわかるのですが、MCPが何故いいいのか、どのように使えるのかが説明できるレベルにはなれませんでした。 やはり文章の説明だけでなく
TypeScript の codemod ツール開発時の失敗談と得た知見メモ
更新履歴 (2025-05-15) ts-morph の API で躓いたポイントの具体例を追記 (2025-05-13) 公開 Codemod とは Codemod（コードモッド）とは、"Code Modification"（コード修正）の略語で、プログラムを使ってコードベース全体にわたる変更やリファクタリングを自動的に行うプロセスや、そのためのツールを指します。 手作業で一つ一つコードを修正する代わりに、スクリプト（codemodスクリプトやトランスフォームと呼ばれる）を実行することで、大規模なコードベースに対しても一貫性のある変更を効率的かつ正確に適用することを目的としています。 主な目的と用途: APIの変更への追従: ライブラリやフレームワークがバージョンアップし、古いAPIが非推奨になったり、使い方が変わったりした場合に、コードベース全体の該当箇所を新しいAPIの呼び出し方に自
うさぎでもわかる！TypeScriptの型レベルプログラミングと高度な設計手法
うさぎでもわかる！TypeScriptの型レベルプログラミングと高度な設計手法 👇️ポッドキャストでも聴けます こんにちは、🐰です！今日はTypeScriptを使いこなすための高度なテクニックについてお話しします。TypeScriptは単なる「JavaScriptに型をつけただけの言語」ではなく、型システムを活用した表現力豊かなプログラミングが可能なんです！ 私自身、TypeScriptでの開発に挑戦し、「こんなこともできるんだ！」と驚くことがたくさんありました。この記事では、型レベルプログラミングや高度な設計パターン、パフォーマンス最適化など、実践的で役立つ知識を共有します。 TypeScriptの型システムを極め、より安全で保守性の高いコードを書く冒険に一緒に出かけましょう！🥕 TypeScriptの型システムを極める TypeScriptの型システムとは何が凄いのか TypeS
同じ名前で分割代入する場合はショートハンドで強制するESLintルールをTypeScriptで作った
2025/05/12 有識者から no-useless-rename というESLint本体に含まれているルールを紹介していただき、これでこと足りそうでした。 この記事のカスタムルールの内容自体はほぼ意味のないものになってしまいましたが、カスタムルールを作っていく過程においては参考になるところもあると思うので引き続き残しておきたいと思います。 始めに 弊社ではESLintルールのobject-shorthandを設定しており、ショートハンドで書けるものはショートハンドで強制されるようにしています。これによってコードがスッキリしたものになるのですが、一部ショートハンドにならないケースがありました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
闘魂CDK道場：TypeScriptでAWSインフラを組み、Python Lambdaを叩き込むまで - Qiita
【TypeScript】「ホモモーフィック」なマップ型とは何か？ - Qiita
TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで | ドクセル
