Web Developer

Hey, I'm azukiazusa👋

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

最新記事

MCP サーバーからエージェントスキルを配布する Skills Extension

MCP サーバーが提供するツールを使いこなすには、複数のツールを組み合わせる手順や判断基準も必要です。Skills Extension は、こうした知識を記した Agent Skills を MCP 経由で発見・取得するための拡張です。この記事では設計の背景、スキルを段階的に読み込む仕組み、Node.js での実装例と対応状況を紹介します。

json-render と Jev で UI を組み立ててみた

json-render の Jev 連携では、文言やデータを含むコンポーネントの候補を用意し、モデルに選択と配置を任せます。従来の json-render では、モデルが新しい Props を生成していました。この記事では Jev 連携の仕組みと、従来の json-render との違いを紹介します。

TypeSafe AI の Jev を TypeScript で試してみた

Jev は入力された状態に対して、選択肢の判定や段階評価、真である確率を返すモデルです。この記事では TypeScript で問い合わせを評価し、実際の出力をもとに担当部署や人の確認へ振り分ける処理を紹介します。

人気記事

  1. React 互換の軽量ランタイム TanStack Redact とは
  2. TypeSafe AI の Jev を TypeScript で試してみた
  3. json-render と Jev で UI を組み立ててみた
  4. AI エージェントとアプリを動かす Cloudflare OS を試してみた
  5. 最近の AI コーディングで実践している、設計を中心とした開発の進め方
  6. React 19.3 の Fragment Refs で子コンポーネント内の入力欄にフォーカスする
  7. エディタを Zed に乗り換えてみた
  8. AI に技術ブログを書かせてみてわかったこと
  9. 実装前に設計を徹底的にインタビューし、要件を明確にするためのスキル `/grill-me`
  10. Claude Code から Codex を呼び出すためのプラグイン codex-plugin-cc

ショート

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