kakehashi_dev https://blog.hatena.ne.jp/kakehashi_dev/ KAKEHASHI Tech Blog https://kakehashi-dev.hatenablog.com/ クライアントサイド 1. はじめに こんにちは。生成AI研究開発チームでAIエージェントの開発をしているNokogiri（@nkgrnkgr）です。 薬局向け業務システムMusubiはAngular製のWebアプリケーションです。このMusubi上で動作するAIアシスタント機能をReactで開発することになりました。Angular製の親アプリケーション（Musubi）とReact製の子アプリケーション（AIアシスタント）という異なるフレームワークが共存する特殊なアーキテクチャとなったため、両者の通信にはカスタムイベントを採用しています。 この記事では、TypeScriptの型システムを活用してカスタムイベント通信… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkakehashi-dev.hatenablog.com%2Fentry%2F2025%2F08%2F12%2F110000" title="型とテストで守るカスタムイベント通信 - 実プロダクトでの実装事例 - KAKEHASHI Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.image.st-hatena.com/image/square/adad63b72f1d6545b2ba2538c3fc2923b2fd5989/backend=imagemagick;height=80;version=1;width=80/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Fcircle%2Fofficial-circle-icon%2Fcomputers.gif Hatena Blog https://hatena.blog 2025-08-12 11:00:00 rich https://kakehashi-dev.hatenablog.com/entry/2025/08/12/110000 1.0 100%