はじめに
こんにちわ、フィリピンで英語留学中のまとっちです。他にやらないといけないことがあるのに、現実逃避したくてChrome拡張機能（kintoneアプリ内部構造視える化）を作ったので共有します。
やったこと
アイデア出し
「kintoneに関するChrome拡張機能が作りたい」と思ったけど、特に具体的なアイデアがなかったので、それもClaude Codeに依頼。
kintoneに特化したChrome拡張機能を作りたいので、
ネットで調べて良いアイデアを考えて、複数候補を出して。
出してくれた候補
- ChromeのDevToolsにkintone専用パネル追加
- kintoneのREST APIテストできるサイドパネル
- kintoneアプリ内部構造が視えるサイドパネル
- JS/CSSのワンクリックkintoneアップロード
- kintone標準UIの操作性や視認性を改善
- kintone画面情報からAIがカスタマイズ生成
どれも魅力的だけど、今回は「3. kintoneアプリ内部構造が視えるサイドパネル」を選択。
拡張機能の開発
あとはClaude Codeに作ってもらうだけ。
作業依頼
3が良い。
タスクを詳細に整理して、マルチエージェントチームを作って、
各エージェントでタスクを手分けして並行作業で進めて。
作業開始
作業完了
Chromeへの読み込み
chrome://extensions/にアクセスして、作った拡張機能フォルダを読み込み
完成品の機能
フィールド
設定
カスタマイズ
依存関係
アクセス権
完成品の動き
おわりに
たまたま生成AIでChrome拡張機能を作ってるYouTubeを見たので、僕も作ってみました。意外とkintone特化のChrome拡張機能は良いかも。