Web Developer

Hey, I'm azukiazusa👋

週に1回 Web 開発に関する記事をお届けします。フロントエンドに関する分野の記事が中心です。

最新記事

AWS Emulator で AWS SDK を使うコードをローカルでテストする

AWS Emulator は AWS が公開した、AWS の API をローカルで再現するエミュレーターです。AWS API モデルをもとに AI エージェントが実装し、実際の AWS で検証したテストで忠実度を測っています。この記事では、AWS Emulator を Docker で起動し、AWS SDK for JavaScript v3 で DynamoDB を使うコードを Vitest からテストする手順を紹介します。

エージェントが作り、エージェントが使う Vercel の UI SDK

UI SDK は Vercel Labs が公開した、キーボード操作やフォーカス、ARIA などの振る舞いをフレームワーク非依存で提供するヘッドレス UI ライブラリです。AI エージェントをコンポーネントの作り手と UI の使い手の両方として扱う点が、既存のヘッドレス UI と異なります。この記事では Claude Code に UI SDK でトランスファーリストを作らせ、エージェントブリッジから操作するまでを確認します。

Zed の UI フレームワーク GPUI で Rust のデスクトップ ToDo アプリを作る

Electron 製のデスクトップアプリはブラウザエンジンを同梱するため、メモリ使用量や描画性能に課題があります。GPUI は Zed のために開発された、GPU で描画する Rust の UI フレームワークで、Discord も採用を表明しています。この記事では GPUI Kit と組み合わせて ToDo アプリを作りながら、Entity による状態管理、cx.notify() による再描画、Action とキーバインドの使い方を解説します。

人気記事

  1. Zed の UI フレームワーク GPUI で Rust のデスクトップ ToDo アプリを作る
  2. @json-render/chat で AI が組み立てたカードを Slack に投稿する
  3. エージェントスキル集 pstack の開発原則と使い方
  4. AI エージェントがデスクトップアプリを操作する CLI agent-desktop
  5. 最近の AI コーディングで実践している、設計を中心とした開発の進め方
  6. streamAppendHTML() で AI の回答を HTML のままストリーミング描画する
  7. エージェントが作り、エージェントが使う Vercel の UI SDK
  8. Capability Elements をアイコンだけで表示する `displaymode="icon-only"`
  9. エディタを Zed に乗り換えてみた
  10. Void でフルスタックアプリを構築して Cloudflare にデプロイする

ショート

azukiazusa
azukiazusa
azukiazusa
azukiazusa

登壇資料

  1. 2026

  2. リファクタリングのためのトークン節約術

    ボーイスカウトルールでメモリやスキルを改善しよう

    エージェントがより効率よくタスクを達成できるように、日常のタスクの中で徐々にメモリやスキルを改善していこうという話です。

  3. フロントエンドカンファレンス名古屋 2026

    フロントエンドの相手が変わった - AIが加わったWebの新しいインターフェース設計

    フロントエンドエンジニアがこれまで向き合ってきた相手は人間でしたが、AIの登場によってその前提が変わりつつあります。AIがWebの出力者になる(ストリーミングUI、MCP Apps)ことと、AIがWebの消費者になる(Markdown配信、WebMCP)という2つの変化を軸に、AI時代のWebインターフェース設計を考察します。

  4. React Tokyo Fes 2025

    コーディングエージェントにフロントエンドを書かせるとき、フィードバックはどのように与えるか?

    LLMベースのコーディングエージェント(Claude Code、Codexなど)が普及しているが、LLMの反復改善プロセスにおいて、コード実行結果のフィードバックがなぜ不可欠です。バックエンド開発では実行結果やテストを通じて即座にフィードバックを得られる一方、フロントエンド開発では独特の課題が存在します。本発表では、コーディングエージェントがフロントエンドコードを生成する際の「フィードバックループの問題」に焦点を当て、実践的な解決策とそのトレードオフについて議論します。