azukiazusa.dev

Web Developer

Hey, I'm azukiazusa👋

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

ブログを読む About me
#AI
#アクセシビリティ
#MCP
#claude-code
#agent skills
#codex
#Web API
#A2A
#moonbit
#figma
#MCP Apps
#claude
#Web Components
#Slack
#Flue
#Hermes Agent
#Generative UI
#canvas
#discord
#TanStack
#nextjs
#Vercel
#Cloudflare
#Mastra
#ESLint
#Prisma
#Open UI
#React Aria
#Chrome
#WebRTC
#Safari
#Feature Flags
#eve
#Zed
#Grok
#openui
#SwiftUI
#ios
#A2UI
#json-render
#github-cli
#apm
#difit
#kanban
#cline
#Vite+
#skill-creator
#agent skill
#WebHaptics
#触覚フィードバック
#paper
#chat-sdk
#Entire
#WebMCP
#Remotion
#luna
#signals
#Pencil
#TUI
#OpenTUI
#agent-browser
#motia
#lsp
#react-grab
#TanStack AI
#URLPattern
#コンテキストエンジニアリング
#Apps SDK
#cagent
#AP2
#CI/CD
#仕様駆動開発
#Vibe Kanban
#POML
#MCP UI
#Qwen3-Coder
#serena
#Kiro
#Container Use
#v0
#vibe-coding
#AG-UI
#VoltAgent
#React Router
#ink
#llms.txt
#Baseline
#standard-schema
#パスキー
#WebAuthn
#Web Socket
#vlt
#OpenFeature
#axe-core
#Farm
#Effect-TS
#MistCSS
#Waku
#SafeTest
#Herms Agent

最新記事

Vitest のモックを using で自動的に復元する

Vitest で作成したスパイを復元し忘れると、別のテストへモックの状態が漏れるおそれがあります。Vitest 3.2.0 以降では `vi.spyOn()` の戻り値を `using` で宣言すると、スコープを抜けるときに元の実装を自動的に復元できます。この記事では `using` による自動復元の仕組みを紹介します。

AI に技術ブログを書かせてみてわかったこと

AI が書いた記事は一般論に寄りすぎ、冗長になりやすいと考えていたため、これまでは誤字脱字の確認にだけ AI を使っていました。AI に任せる執筆フローを試したところ、生成稿を批判的に読み、自分の体験を加えて推敲すれば、学習効果は大きく失われないと感じました。この記事では、実際に試した方法について紹介します。

すべての記事を見る

人気記事

  1. AI に技術ブログを書かせてみてわかったこと
  2. Slack 上でオープンな開発を行う Slack Code を試してみた
  3. TanStack Virtual で大量の要素を仮想化して描画する
  4. React でアクセシブルな Tree View を実装する
  5. 最近の AI コーディングで実践している、設計を中心とした開発の進め方
  6. Vitest のモックを using で自動的に復元する
  7. Claude Code から Codex を呼び出すためのプラグイン codex-plugin-cc
  8. エディタを Zed に乗り換えてみた
  9. 実装前に設計を徹底的にインタビューし、要件を明確にするためのスキル `/grill-me`
  10. 2ページ目 | azukiazusaのテックブログ2

ショート

azukiazusa

azukiazusa

Codex のネットワークアクセス設定

azukiazusa

azukiazusa

Codex Hooks で終了時に通知を出す

azukiazusa

azukiazusa

Codex の smart_approvals で承認の負担を軽減する

azukiazusa

azukiazusa

browserslist で Baseline を設定できるようになった

もっと見る

登壇資料

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

すべての登壇資料を見る