『作って学ぶAIエージェント』を書きました ── TypeScriptでコーディングエージェントを自作する本
技術評論社のエンジニア選書から、新刊『作って学ぶAIエージェント ──TypeScriptとLLMで切り拓くAI時代のエンジニアリング』を出しました。2026年4月20日発売、紙版・電子版が同時に出ています。 作って学ぶAIエージェント | 技術評論社ソフトウェア開発の世界では「AIエージェント主導のコーディング」が主流になろうとしています。エージェントはコードを生成するだけでなく、ファイルを読み、コマンドを実行し、テストを実行し、結果を確認し、必要に応じて修正を繰り返します。 本書は、こうしたAIエージェントのしくみを「使う」のではなく「作る」ための実践的なガイドです。最終的にはGitHubのIssueを起点に、コードの修正からプルリクエストの作成までを自動化するコーディングエージェントを実装します。扱う技術はTypeScriptとBunを中心にし、GitHubへの統合までを扱います。
Use the Claude Agent SDK with your Claude plan | Claude Help Center
Claude subscription plans are now eligible to receive a monthly Agent SDK credit. This credit covers Claude Agent SDK usage, the claude -p command, and third-party apps built on the Agent SDK. This article explains what the credit covers, how it works, and how to claim it. Available on Pro, Max, Team, and Enterprise plans starting on June 15, 2026. Claude Platform accounts using an API key don’t r
A Brand New Remix
Brands typically change to signal a shift in thinking or reflect a changing audience. Sometimes, it happens as a way to adapt to a different landscape. Some may see this as a way to align with current trends, but with a name like Remix, is it really that surprising that we would want to reinvent ourselves? Everything is rapidly evolving around us, and my goal as the designer on this team was to cr
sqlfu
Your schema as SQL Edit definitions.sql to the shape you want. sqlfu draft compares that desired schema with replayed migration history, shows the smart diff, then writes the reviewed migration file. Read about the migration model definitions.sql create table posts ( id integer primary key autoincrement, slug text not null unique, title text not null + published integer); terminal $ npx sqlfu draf
React の Container/Presentational × Hooks を関数型アーキテクチャで再設計する
const PAGE_SIZE = 20; export const UserListContainer = () => { const [users, setUsers] = useState<User[]>([]); const [sortKey, setSortKey] = useState<SortKey>("name"); const [page, setPage] = useState(1); useEffect(() => { fetchUsers().then(setUsers); }, []); // 関数型コア: 純粋関数の呼び出し（宣言的） const displayUsers = sortUsers(users, sortKey); const pagedUsers = displayUsers.slice((page - 1) * PAGE_SIZE, page
Flue — The Agent Harness Framework
The Agent Harness Framework Not another SDK. Build powerful, autonomous agents with Flue's programmable TypeScript harness. Write once, deploy anywhere. export default async function ({ init, payload, env }) { // Initialize a new agent. // Provide a hosted sandbox, or use Flue's built-in virtual sandbox. const agent = await init({ model: 'anthropic/claude-sonnet-4-6' }); const session = await agen
tscからtsgoへ ── DenoのTypeScript基盤はどう変わったか | TSKaigi 2026
TSKaigi 2026 のスピーカー、トーク情報です。
Hono × Inertia.js が作る新しい型貫通体験に触れてみた
// サーバー側（Hono） app.get('/posts/:id', (c) => { const post = findPost(c.req.param('id')) return c.render('Posts/Show', { post }) }) // クライアント側（React） export default function Show({ post }: PageProps<'Posts/Show'>) { return <h1>{post.title}</h1> } post の型は Post として完全に推論される。間に API 定義も DTO も tRPC もスキーマ生成もない。サーバーで c.render() の第2引数に渡したオブジェクトが、そのまま React の props として、しかも完全に型付きで届く。 「API なし SPA」を謳う Inertia.j
aube
90% ? npm copies dependencies into every project. Aube keeps package files in one global store and links projects to it, so three apps with React, Vite, TypeScript, and Playwright share the heavy files instead of storing three full copies. less disk space than npm
2026年3月にBaselineになったReporting APIを活用してフロントエンドのObservabilityを高める - プププなテクブ
2026年3月に Reporting API というWeb標準 API が Baseline に到達し主要ブラウザで利用可能になりました。 今回はこの便利な Reporting APIを実際に使ってみて、できることやユースケースについて考えてみます。 Reporting API とは Webアプリケーションを運用していると、こんな問題に遭遇したことはないでしょうか。 本番環境でだけ CSP 違反が起きているが、ユーザーからの報告がない限り気づけない 使っている API がいつの間にか非推奨になっていて、将来のブラウザアップデートで壊れるかもしれない ブラウザが勝手に動画の自動再生をブロックしたが、ログに残っていない これらはすべて ブラウザ側で発生するイベント であり、従来のサーバーサイドの監視では捕捉できないものです。 このような場面で役に立つのが、Reporting API です。 R
60分で学ぶ最新Webフロントエンド
2026/04/16 に「技育CAMPアカデミア」で話したスライドです。2025 年のはてなインターンの講義資料 (https://speakerdeck.com/hatena/internship-2025-frontend) に手を加えたものになってます。 https://talent.sup…
A new programming model for durable execution - Vercel – Vercel
Vercel Workflows is the easiest way to write long-running, durable, reliable, and observable agents and backends. The gap between prototypes and production-ready systems is huge. Code that's trivial to run locally falls apart the moment it needs to handle failures, restarts, and real traffic. Framework defined infrastructure solved this for web applications. When you deploy, Vercel infers the righ
Artifacts: versioned storage that speaks Git
Agents have changed how we think about source control, file systems, and persisting state. Developers and agents are generating more code than ever — more code will be written over the next 5 years than in all of programming history — and it’s driven an order-of-magnitude change in the scale of the systems needed to meet this demand. Source control platforms are especially struggling here: they we
[小ネタ] TypeScript 7 (typescript-go) 環境下で @sendgrid/mail を使う
事象 TypeScript の次期メジャーバージョンである TypeScript 7 (typescript-go) にアップグレードすると，SendGrid の公式 Node.js 用 SDK である @sendgrid/mail が動作しなくなります． 具体的には， tsgo でコンパイルした時に以下のようなエラーが発生します． src/main.ts:3:9 - error TS2595: 'MailService' can only be imported by using a default import. 3 import {MailService} from '@sendgrid/mail'; ~~~~~~~~~~~ Found 1 error in src/main.ts:3 原因 @sendgrid/mail の型定義の中で export = mail; と export
![[小ネタ] TypeScript 7 (typescript-go) 環境下で @sendgrid/mail を使う](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed1481f86cef0c57c7177ae30571d5e52485ba55/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--WhBeDVP4--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E5%2525B0%25258F%2525E3%252583%25258D%2525E3%252582%2525BF%25255D%252520TypeScript%2525207%252520%252528typescript-go%252529%252520%2525E7%252592%2525B0%2525E5%2525A2%252583%2525E4%2525B8%25258B%2525E3%252581%2525A7%252520%252540sendgrid%25252Fmail%252520%2525E3%252582%252592%2525E4%2525BD%2525BF%2525E3%252581%252586%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3ASiketyan%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdGF0aWMuemVubi5zdHVkaW8vdXNlci11cGxvYWQvYXZhdGFyL2NjNWE2NmE4ZGMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3ABitkey%252520Developers%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pwTUttaVZ0aGxreTNPWTdiWVhoUVY2T1BZRF9wVmtFc0twUWpGPXMyNTAtYw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Valkey: Introducing Valkey Admin: Visual Cluster Management for Valkey
Strands AgentsのTypeScript版がv1.0.0に到達したのでAI SDK用のアダプターを作ってみた - Qiita
Introducing Strands Agents TypeScript 1.0: Build Production Agents in TypeScript
Backend: Type Inference | matz/spinel | DeepWiki
Orchestrating Agents via ADK for TypeScript and Gemini CLI
https://x.com/i/status/2045725889422610602