はじめに こんにちは、新卒2年目エンジニアの紺谷です。 私はここ1年ほどSaaSプロダクトの運用保守チームで働いています。 普段は顧客や非エンジニアの社員からの問い合わせ対応（プロダクトの仕様の確認やバグ発生時の調査など）や、プロダクトや業務フローを改善していくための開発などをしています。 こういった仕事をやっていくにはプロダクトに使われている技術スタックについての理解はもちろん、プロダクトそのものの使い方や日々刻々と変わっていく仕様を把握したり、その業界特有の複雑なビジネスロジックを理解していくことが欠かせません。 そういったノウハウはドキュメントにまとめ、他のメンバーやこれからチームに入ってくる方々に残していくことが大切なのですが、正直なところ一から文章をまとめるにはなかなか労力がかかります。 メインの情報を箇条書きで書き出してChatGPTに投げて書いてもらうとかでもいいのですが、文

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

GitHubは、自然言語で指示するだけで生成AIによってTypeScriptとReactを用いたフルスタックのアプリケーションが自動的に生成される「GitHub Spark」のパブリックプレビュー開始を発表しました。 Today we’re releasing GitHub Spark — a new tool in Copilot that turns your ideas into full-stack apps, entirely in natural language. pic.twitter.com/YvHO0Dc3GJ — Satya Nadella (@satyanadella) July 23, 2025 GitHub Sparkは昨年（2024年）10月に発表されていました。 参考：［速報］GitHub、自然言語による指示だけでアプリケーションを生成する「GitHub S

v0 は Vercel が開発した AI ベースの Web アプリケーション・UI 生成ツールです。v0 のプラットフォーム API を使用すると、v0 の機能を自身のコードから利用できます。この記事では v0 TypeScript SDK を使用して、v0 のプラットフォーム API を試してみます。 v0 は Vercel が開発した AI ベースの Web アプリケーション・UI 生成ツールです。 自然言語でアプリケーションの要件を v0 に伝えることで React, Next.js, Tailwind CSS を使用した Web アプリケーションのコードを自動生成します。生成したコードは Web ブラウザ上で実行でき、さらにワンクリックで Vercel 上のインフラストラクチャにデプロイが可能です。デザインのモックアップやプロトタイプを迅速に作成するためのツールとして非常に便利です

今回作成したコード Mastra + Ollama + MCP構成のサンプルコード（手っ取り早くローカルAIエージェントを使いたい人用） Streamable HTTP transportなMCPサーバー（デプロイ済なのでCloneは不要） Mastraの導入 mastraリポジトリのREADME.mdおよび、ニケちゃんさんの記事に従ってMastraを導入する。 というわけで、まずはMastraを導入する。Mastraの導入自体は簡単で下記のコマンドを一つ打つだけで良い。 $ npx create-mastra@latest Need to install the following packages: create-mastra@0.10.5 Ok to proceed? (y) y ┌ Mastra Create │ ◇ What do you want to name your pr

「通知を送るだけ」なら Webhook、「対話が必要」なら Bot で実装するのが一般的に良いでしょう。なお、今回は Webhook をテーマとしますが、今後は Bot に関する記事もあげていく予定です。 ざっくり Webhook の作成方法 1. チャンネルの設定を開く 送信先のテキストチャンネルを右クリック → 「チャンネルの編集」を選択します。 2. 連携サービスから Webhook を作成 左メニューの「連携サービス」→「ウェブフックを作成」をクリックします。 3. Webhook の設定 お名前: メッセージ送信時の表示名 アバター: アイコン画像（オプション） チャンネル: メッセージ送信先 ※ 全て後から変更可能です。 4. URL をコピー https://discord.com/api/webhooks/[ID]/[TOKEN] 形式の URL が発行されます。 ※ この

Analyzing code similarity... === Function Similarity === Checking 142 files for duplicates... Found 8 duplicate pairs: ------------------------------------------------------------ Similarity: 89.09%, Score: 8.0 points (lines 9~9, avg: 9.0) src/utils/getUserById.ts:4-12 getUserById src/utils/findUserById.ts:8-16 findUserById Similarity: 88.00%, Score: 14.1 points (lines 15~17, avg: 16.0) src/servic

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

TL;DR: The first stable version Oxlint has been released! With a 50~100x performance improvement over ESLint, support for over 500 ESLint rules, and usage in major companies like Shopify, Airbnb, and Mercedes-Benz, you should give it a try. Get started now. Oxlint is a Rust-powered linter for JavaScript and TypeScript is designed to be fast and simple to adopt. Since its first announcement back in

OpenAI Agents SDK は AI エージェントを構築するためのパッケージです。軽量で使いやすく、抽象化を最小限に抑えているのが特徴です。この記事では、OpenAI Agents SDK の TypeScript バージョンの使用例を紹介します。 OpenAI Agents SDK は AI エージェントを構築するためのパッケージです。軽量で使いやすく、抽象化を最小限に抑えているのが特徴です。以前実験的に公開されていた Swarm を本番環境向けにアップグレードされたものです。Agents SDK には以下のプリミティブな機能が含まれています。 エージェント：instructions とツールを持つ LLM。特定のタスクを完了するまでループを実行する ハンドオフ：エージェントが特定のタスクを他のエージェントに委任する ガードレール：エージェントへの入力を検証する ツール：エージェ

Reducing tool calling error rates from 15% to 3% for OpenAI, Anthropic, and Google Gemini models We recently built a tool compatibility layer that reduced tool calling error rates from 15% to 3% for 12 OpenAI, Anthropic, and Google Gemini models, across a set of 30 property types and constraints. Background Mastra is a TypeScript agent framework. When a user is doing tool calls that accepts some i

スライド概要 TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで TsKaigi 2025 DAY2 / 10:50 〜 11:20 （レバレジーズトラック）

TSKaigi 2025 https://2025.tskaigi.org/

tskaigi で発表した https://tskaigi.mizchi.workers.dev/ のコピペしやすい用にしたバージョンです。 ほぼ marp のソースコードそのままですが、プロンプトのコピペ用にそのまま公開します。 本資料の内容 うまくいくプロンプト うまくいかないプロンプト、その理由 現状認識 注意: 前日リリースのClaude 4 の評価は間に合ってません!!!! Claude 4 Opus の高すぎる怖い 数時間触った感じ: 改善傾向だが、抱えてる問題も同じ傾向 主張: 言語特化プロンプトが必要(今は) Coding Agent は言語ごとのユースケースに最適化されていない ベストプラクティスをユーザーが取捨選定する必要 TS 周辺は技術選定で発散しがち プログラミング言語間の転移学習は不安定 GitHub を丸暗記しても、コンテキストに応じて翻訳&参照できるかは別の

GOOGLE_GENERATIVE_AI_API_KEY=your_api_key src/index.ts を開き、Agent クラスに渡している model を google に変更します。 import { VoltAgent, Agent } from "@voltagent/core"; import { VercelAIProvider } from "@voltagent/vercel-ai"; import { google } from "@ai-sdk/google"; const agent = new Agent({ name: "my-agent-app", instructions: "A helpful assistant that answers questions without using tools", llm: new VercelAIProvide

After a year of active development: Zod 4 is now stable! It's faster, slimmer, more tsc-efficient, and implements some long-requested features. Huge thanks to Clerk, who supported my work on Zod 4 through their extremely generous OSS Fellowship. They were an amazing partner throughout the (much longer than anticipated!) development process. For a complete list of breaking changes, refer to the Mig

Open SourceTypeScript AI AgentFrameworkEscape no-code limits and scratch-built overhead. Build, customize, and orchestrate AI agents with full control, speed, and a great DevEx.