azukiazusa.dev

Web Developer

Hey, I'm azukiazusa👋

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

ブログを読む About me
#AI
#MCP
#claude-code
#OpenTelemetry
#書評
#Bun
#A2A
#moonbit
#figma
#claude
#OpenAI
#Remix
#React Server Components
#codex
#discord
#agent skills
#TanStack
#MCP Apps
#Web API
#Mastra
#ESLint
#Prisma
#Open UI
#Web Components
#React Aria
#Chrome
#開発
#Tailwind CSS
#Prometheus
#canvas
#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
#nextjs
#vibe-coding
#AG-UI
#VoltAgent
#React Router
#Vercel
#Cloudflare
#ink
#llms.txt
#Baseline
#standard-schema
#パスキー
#WebAuthn
#Web Socket
#vlt
#OpenFeature
#axe-core
#Farm
#Effect-TS
#MistCSS
#Waku
#SafeTest
#設計
#Conform
#TypeSpec
#OpenAPI
#pagefind
#VSCode
#Git
#ElysiaJS
#モノレポ
#aagent-skills

最新記事

Canvas 内に直接 HTML を描画できる HTML in Canvas API について

HTML in Canvas API は WICG で提案されている API で、Canvas 内に直接 HTML を描画できるようにするものです。現在の `<canvas>` 要素にはリッチテキストや HTML コンテンツを描画する標準的な方法が存在しないという課題があります。この記事では HTML in Canvas の使用方法やユースケースについて説明します。

大規模にエージェントを構築する Claude Managed Agents を試してみた

Claude Managed Agents は Claude を自律的なエージェントとして動作させるためのハーネスとインフラストラクチャーを提供します。長時間かかるタスクや非同期のタスクを実行するために使用するのが想定されています。この記事では実際に Claude Managed Agents を試してみた内容を紹介します。

Codex の Sandbox とエージェントの承認について

コーディングエージェントの自動承認の範囲をどこまで許可するかは、ユーザー体験とセキュリティのバランスを取る上で重要な設計指針の1つです。Codex ではサンドボックス機能を提供することで、エージェントが安全に自律的に動作できる環境を実現しています。この記事では、Codex のサンドボックスの仕組みと、サンドボックス外でコマンドを実行する際の承認プロセスについて説明します。

すべての記事を見る

人気記事

  1. difit-review スキルでエージェント自身に変更点をコメントしてもらおう
  2. 大規模にエージェントを構築する Claude Managed Agents を試してみた
  3. 新しいデザインツール Pencil を試してみた
  4. Claude Code to Figma を使ってコードから Figma デザインを生成する
  5. Claude Code から Codex を呼び出すためのプラグイン codex-plugin-cc
  6. Codex の Sandbox とエージェントの承認について
  7. Skill Create スキルを使用したスキルの作成と改善
  8. Figma MCP でデザインシステムを提供して AI コーディングエージェントに一貫したフロントエンドコードを書かせる
  9. Boneyard で正確なスケルトンローダーを生成する
  10. AI エージェントのために CLI でブラウザを操作する agent-browser

ショート

azukiazusa

azukiazusa

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

azukiazusa

azukiazusa

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

azukiazusa

azukiazusa

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

azukiazusa

azukiazusa

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

もっと見る

登壇資料

  1. 2026

  2. React Tokyo Fes 2025

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

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

  3. KMC交流会 LT

    学生時代に熱中したことが、社会人の今も生きている話

    学生時代に麻雀に熱中した経験から得た「上達のスキーマ」が、社会人になってからのプログラミング学習にも通じるという話。書籍での体系的な学習、プラトーの乗り越え方、生涯学習の大切さについて紹介します。

  4. 技育CAMPアカデミア

    探求の技術 なぜ新しい技術を学び続けるのか

    急速に進化する技術の世界において、いかに効果的に新しい技術を探求し、その知見を価値あるアウトプットに変換していくかについて、実践的な方法論を共有します。毎週の技術ブログ執筆と年間300冊の読書から得た知見を基に、技術者として成長し続けるための具体的なテクニックをお伝えします。

すべての登壇資料を見る