#TypeScript

22件の記事

Google ADK TypeScript入門 — コードファーストでAIエージェントを構築する

GoogleがTypeScript対応したAgent Development Kit（ADK）の実践入門ガイドです。npm install @google/adkで型安全なAIエージェント構築が可能になり、LlmAgent + FunctionToolで基本エージェント、SequentialAgentでマルチエージェントワークフロー構築ができます。Gemini対応、Cloud Runデプロイまで、コードファーストで実装できる実用的なノウハウを習得できます。

#エージェント #AI駆動開発 #TypeScript

記事を読む →

⚡

Zenn4月5日· 2分で読める中級🔥 注目

依存性注入（DI）はAIコーディングに優しくない——TypeScript × Clean Architecture の再考

Clean ArchitectureとDIはエンジニアには最適でも、AIコーディングツールには相性が悪いという矛盾を「Navigation Paradox」と定式化した記事です。DI コンテナがビジネス語彙を失うため、LLMのRAG検索から漏れてコンテキスト断片化が起きます。EMNLP 2024の研究では、モジュール化コードはLLMの成功率が10～14ポイント低下。DI廃棄ではなく「外部インフラ境界のみに限定する」使い分けと、AGENTS.mdによるコンテキスト明示という実践的な対策を提案しています。

#AI駆動開発 #TypeScript #Clean Architecture

記事を読む →

📰

Qiita4月4日· 1分で読める中級🔥 注目

llms.txtでAI検索に備える — 存在チェックと検証コードをTypeScriptで書く

AI検索時代にサイトが引用されないという課題に対し、llms.txtというAI向けメタデータファイルの役割と実装方法を解説しています。TypeScriptで存在チェック・HTML判定・構造検証を行うコード例を示しており、AI検索での発見性向上に直結する実装ノウハウが得られます。

#AI検索 #SEO #実装ノウハウ

記事を読む →

🕵️

Qiita4月3日· 1分で読める中級🔥 注目

【Claude Code解析】Anthropic Conway完全実装ガイド - 常時稼働AIエージェントを作ってみた

リークされたAnthropicの隠しプロジェクト「Conway」を徹底解析した記事です。従来の呼び出し待ちではなく、24時間365日稼働し続ける自律エージェントの仕組みを、Webhook駆動・15秒ハートビート・永続メモリなどの実装コードを交えて解説しています。Claude CodeとMCPを組み合わせた常時稼働システムを実際に構築できる内容です。

#Claude Code #エージェント #AI駆動開発

記事を読む →

⚡

Zenn4月2日· 2分で読める中級🔥 注目

Claude CodeでAI RSSリーダーを作ったら、その日にInoreaderを解約した

Claude CodeのCLIをサブプロセスで呼び出し、APIキー不要なAI RSSリーダー「Feed Curator」を構築した事例です。タグ統計・セマンティック嗜好メモ・動的スコアリングの3段階パーソナライズで、既読パターンから自動学習。実装コード付きで、トークン消費を「先頭500字+末尾300字」に絞るなど、実践的な最適化技法も学べます。AIと共同開発する際の見直しポイントも明かされています。

#Claude Code #AI駆動開発 #実装技術

記事を読む →

⚡

Qiita3月27日· 2分で読める中級🔥 注目

Cursor Rulesを使いこなす：.cursor/rules でAIコーディングの質を劇的に上げた話

CursorでAIが「any型を使う」「console.logを残す」などの問題を起こすのは、プロジェクトルールが伝わっていないから。.cursor/rules/ディレクトリで複数のルールファイルを分割管理し、TypeScript・React・テスト・コミットごとに細かく制御すると、AIがプロジェクト固有の規約を完全に守るペアプログラマーに進化します。実践的な設定例付きです。

#AI駆動開発 #Cursor #プロンプトエンジニアリング

記事を読む →

🔌

Qiita3月21日· 1分で読める中級🔥 注目

Claude Code × MCPで開発が爆速になる — AI SKILL Labが実践する連携術

Claude CodeとMCPを組み合わせると、3時間かかる作業が30分で完了するなど開発が劇的に高速化します。Claude Codeはファイル操作・ターミナル実行・プロジェクト全体理解が可能で、MCPはAIに機能を追加する「USBポート」の役割。公式サーバーを活用した環境構築から実装例まで、すぐ試せる実践ガイドです。

#Claude Code #MCP #AI駆動開発

記事を読む →

📚

Qiita3月20日· 1分で読める中級🔥 注目

LangChain.js の RAG で回答精度を上げるチャンク分割テクニック 3 選

RAG の精度はチャンク分割に左右されます。LangChain.js で RecursiveCharacterTextSplitter の区切り文字を Markdown 見出しや日本語句点に調整し、メタデータ付与と親子チャンク戦略を組み合わせると、検索精度が大幅に向上します。実装コード付きで、すぐに実践できる内容です。

#RAG #LangChain #技術・実装

記事を読む →

⚡

Zenn3月18日· 2分で読める中級🔥 注目

AIと人間が共存するチーム開発の命名規則管理術

AI駆動開発時代に避けられない「人間とAIの命名規則ズレ」の実体験から学ぶ解決術です。GitHub Copilotが異なるパターンで命名してしまう問題に対し、ESLintルール・.copilot-instructions.md・TypeScript型定義を組み合わせて自動チェックを実装。レビュー負荷を減らしながらチーム全体で一貫性を保つ具体的な手法を紹介しています。

#AI駆動開発 #GitHub Copilot #チーム開発

記事を読む →

⚡

Zenn3月16日· 1分で読める中級🔥 注目

AIを「監督」として使いこなし、1週間でNext.jsの公式ポートフォリオをプロデュースした話！

AIを単なるコード生成ツールではなく「プロジェクトの監督」として使いこなし、1週間でNext.jsのポートフォリオサイトを完成させた実例です。ビジョンの決定と微調整の技術理由を問い直す人間、最適解を提示し学習機会を与えるAIという役割分担により、デザイン性と拡張性を両立させたアプローチが学べます。TypeScript統一による全領域対応戦略も示唆的です。

#AI駆動開発 #Next.js #TypeScript

記事を読む →

⚡

Zenn3月16日· 2分で読める中級🔥 注目

AI機能搭載のRSSリーダーを作った

著者が自分好みのRSSリーダー「Oksskolten」を開発した話です。全記事の自動フルテキスト取得、AI要約・翻訳・チャット機能、MCPサーバ内蔵、RSSなしサイトのフィード自動生成（LLM活用）、適応的なスケジューリングなど、既存ツールの課題を徹底的に解決した実装が詳しく解説されています。セルフホスト前提の設計で、個人の情報収集哲学を体現したプロダクトです。

#AI駆動開発 #LLM活用 #エージェント

記事を読む →

⚡

Zenn3月11日· 1分で読める中級🔥 注目

日曜バイブコーダーがゲーム制作に行き詰まったその後の話

趣味のゲーム制作でClaude Codeを4ヶ月間使い倒した実体験レポートです。TypeScript 43,561行の対戦ボードゲームを完成させた著者が、Vibe Codingの限界、Claude Codeとの格闘、プロンプト工夫などを赤裸々に語ります。AIコーディングツールの実力と課題を具体的に把握できる、エンジニア必読の現場レポートです。

#Claude Code #AI駆動開発 #VibeCoding

記事を読む →

📚

Zenn3月11日· 2分で読める上級🔥 注目

Mastraを使ってAIエージェントを作ってみた

TypeScript製AIエージェントフレームワーク「Mastra」を、過去のPython実装と同じタスクで比較検証した連載記事です。型安全なワークフロー、スーパーバイザーパターンのマルチエージェント、組み込みRAGなど、TypeScript・Zod・Dev Playgroundで現代的なDX実現。2万スターの急成長フレームワークを実装コード付きで解説しており、フロント・バックエンド統一をめざすエンジニアに有用です。

#AIエージェント #Mastra #TypeScript

記事を読む →

⚡

Zenn3月8日· 2分で読める中級🔥 注目

Claude Codeの活動ログを可視化するダッシュボードを作った

Claude Codeの使用パターンを可視化するダッシュボードを自作した事例です。統計・グラフ表示に加え、活動ログを分析して「Bash代替可能な操作の検出」「繰り返し指示からのスキル化候補抽出」「改善ルールの自動提案」を実装。提案を番号選択でCLAUDE.mdに反映するワンストップ改善まで実現しており、Claude Codeの使い方を最適化する具体的なアプローチが学べます。

#Claude Code #AI駆動開発 #プロンプトエンジニアリング

記事を読む →

🕵️

Zenn3月8日· 2分で読める中級🔥 注目

Motia × Strands Agent SDKで作るAIエージェント開発入門

AWSが提供するStrands Agent SDKとモダンバックエンドフレームワークMotiaを組み合わせた実装手法を解説しています。JavaScript Rising Stars 2025でバックエンド部門1位に輝いたMotiaの「Step」という単一プリミティブでAPI・ジョブ・ワークフローを統一定義し、Strands AgentのTypeScript SDKを組み込む方法を、チケット管理システムの実装例で詳しく紹介します。

#エージェント #AI駆動開発 #TypeScript

記事を読む →

🤖

Zenn3月7日· 2分で読める中級🔥 注目

Claude向けVSCode拡張 Terminal Session Recall を公開した

Claude Code CLIのセッション管理の煩雑さを解決するVSCode拡張が登場しました。VSCode再起動時に中断セッションを自動復元し、ステータスバーから複数セッションを簡単に切り替えられます。設計段階で6つのUI案を検討した末にたどり着いた、視線移動を最小化したステータスバーメニュー。読み取り専用でセッション情報を参照するため安全性も高く、v1.0.0として公開済みです。

#Claude #VSCode #AI駆動開発

記事を読む →

⚡

Zenn3月7日· 1分で読める中級🔥 注目

Markdown ドキュメント間の整合性を検証する contextlint を作っている話

AI駆動開発で注目される仕様駆動開発（SDD）では、ドキュメント品質がコード品質を左右します。Markdownドキュメント間の整合性を自動検証するcontextlintというツールが開発中です。要件IDの参照切れ・安定度管理の漏れ・リンク切れを静的解析で検出し、LLMの高コスト問題を回避。実装例付きで、SDD実践者の課題解決策を提示しています。

#AI駆動開発 #仕様駆動開発 #ドキュメント管理

記事を読む →

🔌

Zenn3月7日· 1分で読める中級🔥 注目

Tauri v2 + React で作った自作ノートアプリに MCP サーバーを組み込んでみた

Tauri + Reactで自作ノートアプリを作った開発者が、MCPサーバーを組み込んで「Claudeにノート整理を頼める」仕様にしました。17個のツールと4つのリソースを実装し、stdioトランスポートを活用することで「何もしない設計」を実現。MCPのSDKが手間を大幅に削減し、実装はわずか1時間で完了したという実体験レポートです。

#MCP #Claude #エージェント

記事を読む →

⚡

Zenn3月6日· 1分で読める中級🔥 注目

[Mastra Changelog 解説] 2026-03-04 技術解説（@mastra/core@1.9.0）

Mastra v1.9.0では、エージェント向けのWorkspace/Sandbox機能が大幅に強化されました。ANSI制御文字の自動除去やトークン制限によってモデルへの出力を最適化し、.gitignore対応で巨大リポジトリのノイズを削減。LSP解決の強化やツール名のリマップ機能により、大規模コードベース操作時のトークン効率と精度が飛躍的に向上します。

#Mastra #AI駆動開発 #エージェント

記事を読む →

⚡

Zenn3月6日· 1分で読める中級🔥 注目

LINEボットに「冷蔵庫を見てくれ」と送ったら食材を登録してくれるやつを作った

Claude Vision APIとLINE Webhookで、冷蔵庫の写真を送るだけで食材を自動登録するボットを実装した事例です。バーコード・レシート・食品の画像から品目と賞味期限を抽出し、家族のアレルギー・苦手食材を管理する仕組みも追加。プロンプトでシナリオを明示することで精度を安定させた実装テクニックが学べます。

#Claude Vision API #AI駆動開発 #LINE Bot

記事を読む →

🧠

Zenn3月6日· 2分で読める中級🔥 注目

Datadog MCP × LLMエージェントで「毎朝の目視チェック」を自動化した

毎朝のDatadog目視チェックをLLMエージェント化した実装事例です。Claude SonnetとDatadog MCPを組み合わせ、EventBridge SchedulerでECS Fargate上で定期実行。手動では30分かかる分析が1分で完了し、ダッシュボードでは見落としやすいサイレント失敗も自動検出します。エージェント型にすることで、固定クエリでは対応できない適応的な調査フローを実現できます。

#LLM #Claude #エージェント

記事を読む →

🔌

HuggingFace4月25日· 2分で読める中級🔥 注目

Tiny Agents: an MCP-powered agent in 50 lines of code

MCPを使えば、わずか50行のコードでAIエージェントが実装できます。MCPはLLMにツール群を接続する標準API。著者が実装したTiny Agentsは、MCPクライアント上の単純なループでエージェント機能を実現。ファイルシステムやPlaywrightサーバーなど複数のツールを組み合わせて自律的にタスクをこなす実装が、TypeScriptで公開されています。

#MCP #エージェント #AI駆動開発

記事を読む →