azukiazusa.dev valid
azukiazusa のテックブログ2
このブログは [azukiazusa](https://github.com/azukiazusa1) によって運営されている技術ブログです。主に Web フロントエンド周辺の技術について書いています。
- Authority
- 46 reach 0 · trust 10 · quality 21 · freshness 15
- Tier
- listed
- llms.txt
- https://azukiazusa.dev/en/llms.txt
- Sections
- 1
- Links
- 461
- Size
- 230364 bytes
- Registered
- 2022-11-28
- Country
- — Publisher location unknown; CDN address excluded
- Country evidence
- No published address evidence collected yet
- For agents
- Documentation: developer or product docs worth reading, nothing to call
- First seen
- 2026-10-23T21:53:48.196Z
- Last checked
- 2026-10-23T21:53:48.683Z
- Badge
Their llms.txt
The beginning of the file, from our validated copy saved 2026-10-23T21:53:48.203Z. Cached copy · Source on azukiazusa.dev
# azukiazusa のテックブログ2
> このブログは [azukiazusa](https://github.com/azukiazusa1) によって運営されている技術ブログです。主に Web フロントエンド周辺の技術について書いています。
## Blog Posts
- [react-devtools-cdt-mcp で AI エージェントが React のコンポーネントツリーを調べられるようにする](https://azukiazusa.dev/blog/react-devtools-cdt-mcp.md): Chrome DevTools MCP で AI エージェントはブラウザを操作できますが、DOM からはどのコンポーネントが描画したのか、なぜ遅いのかがわかりません。react-devtools-cdt-mcp はページで import すると、コンポーネントツリーやレンダリング時間を調べるツールを Chrome DevTools MCP に登録する実験的なライブラリです。仕組みとセットアップ、各ツールの出力、Claude Code による調査を試します。
- [エージェントスキル集 pstack の開発原則と使い方](https://azukiazusa.dev/blog/pstack-agent-skills.md): AI が生成したコードを安心して任せるには、実装前の理解と実装後の検証が欠かせません。pstack は調査・設計・実装・レビューを組み合わせるエージェントスキル集です。この記事では pstack の開発原則と使い方を紹介します。
- [Claude Code の Mods で Claude Code 自身に機能を追加する](https://azukiazusa.dev/blog/claude-code-mods.md): Claude Code の Mods は、Claude Code のプロセス内で動く TypeScript/JavaScript の関数でイベントを観察・書き換え・代わりに応答できる仕組みです。settings hooks では難しかった UI の描画や組み込み機能の置き換えもできます。この記事では、危険な Bash コマンドを止めてプロンプトの上に件数を表示する mod を作りながら、Mods の仕組みと設計の背景、セキュリティ上の注意点を紹介します。
- [Void でフルスタックアプリを構築して Cloudflare にデプロイする](https://azukiazusa.dev/blog/void-vite-cloudflare-deploy.md): Void は VoidZero が開発した、Vite でフルスタックアプリを構築して Cloudflare にデプロイするためのツールキットです。void/db などの import から必要なリソースを推論し、void deploy コマンド 1 つでD1 データベースの作成、ビルド、マイグレーション、公開までを行います。この記事では、D1 を使ったメモアプリを React で構築し、Cloudflare にデプロイするまでの手順を紹介します。
- [GitHub Actions の依存関係を lockfile で固定する](https://azukiazusa.dev/blog/github-actions-workflow-lockfiles.md): GitHub Actions でタグやブランチを参照すると、ワークフローを変更しなくても実行するコードが変わる可能性があります。Workflow dependency lockfiles を使うと、読みやすいタグ表記を残しながら依存先をコミット SHA に固定できます。この記事では GitHub Actions の依存関係を lockfile で固定する方法を紹介します。
- [Element-scoped View Transitions で要素ごとに View Transition を実行する](https://azukiazusa.dev/blog/element-scoped-view-transitions.md): `document.startViewTransition()` の遷移はドキュメント全体で 1 つしか実行できず、ページ全体の上に描画されます。`element.startViewTransition()` を使うと、遷移を特定の要素に限定して、複数の遷移を同時に実行できます。この記事では、2 つのリストを同時にアニメーションさせる例を通じて基本的な使い方を紹介します。
- [Go でデスクトップアプリを作る MyGo を試してみた](https://azukiazusa.dev/blog/mygo-desktop-app.md): MyGo は Go でデスクトップアプリを作るフレームワークです。OS の WebView に Web の画面を表示し、Go のメソッドから生成した TypeScript クライアントでネイティブ機能を呼び出せます。この記事ではテキストをファイルに保存するメモアプリを作り、macOS で起動・保存・ビルドを試します。
- [MSW v3 の Vite プラグインでモックのセットアップを簡単にする](https://azukiazusa.dev/blog/msw-vite-plugin.md): MSW v3 で公式の Vite プラグインが追加されました。Worker ファイルのコピーや更新が不要になり、virtual:msw からモックを設定できます。この記事では、Vite と TypeScript の小さなアプリケーションにプラグインを導入する方法を試してみます。
- [自然言語で操作し、結果を検証するテストフレームワーク e2e](https://azukiazusa.dev/blog/e2e-ai-testing.md): e2e は自然言語による操作と、要素を指定した操作・アサーションを組み合わせられるテストフレームワークです。この記事では Todo アプリを対象に、AI に操作を任せて結果をコードで検証するテストを作成します。
- [CSS の margin-trim でコンテナーの端の余白を取り除く](https://azukiazusa.dev/blog/css-margin-trim.md): カードの内側に padding を設定しても、先頭の見出しや最後の段落の margin が加わり、上下の余白が意図より大きくなることがあります。margin-trim を使うと、要素間の余白を保ったまま、コンテナーの端のマージンを取り除けます。カードの例を通して、基本的な使い方を紹介します。
- [iframe の高さをコンテンツに合わせる CSS の frame-sizing](https://azukiazusa.dev/blog/responsive-iframes.md): 外部サービスのコメント欄やフォームを iframe で埋め込むと、内
…Machine-readable: GET /v1/resolve?q=azukiazusa.dev · GET /v1/domain/azukiazusa.dev · this page as Accept: application/json or text/markdown · MCP lookup_domain
Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.
Own or manage this website?
If you own or manage azukiazusa.dev, you can update its listing and review file health, discovery activity and score history.
Manage this listing — optional
What verification unlocks
See how your site is discovered—and control what agents see.
- See your website in the map
Review your indexed topics, nearby publishers sharing headings, measured listing exposure and map snapshots in a private report for your website.
- Control what agents see
Edit your listing description, tags, public contact details and additional llms.txt paths. Publish your terms for automated access, attribution and pricing.
- Make your profile eligible for search
A valid, listed, unblocked, verified profile can appear in our publisher sitemap and become eligible for search-engine visibility. Search engines decide what to index and rank.
- Appear in our llms-full.txt
Eligible verified publishers are listed by name, with their file links and summaries, in the service overview agents can read.
Free. No account registration, backlink or payment required. Public discovery remains available without verification.
Let your coding agent verify it
If your coding agent is authorized to manage this website, paste these instructions into it.
Claim my listing on Agent Web Map for azukiazusa.dev:
1. POST https://agentwebmap.com/v1/sites/azukiazusa.dev/claims and keep claim_id and claim_secret private.
2. Publish the proof: add the line "AgentWebMap ownership: <token>" (token from step 1) to https://azukiazusa.dev/llms.txt, or use the DNS, meta-tag or well-known method the response describes.
3. POST https://agentwebmap.com/v1/sites/azukiazusa.dev/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/azukiazusa.dev).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verifyCorrections or removal requests: contact the directory.