AIエージェント入門 第十章！Claudeのアーティファクトで子供向け学習アプリを作ってみた
Claudeのアーティファクト、気になってたので試しにアプリを作ってみました。「ちょっとしたデモが作れる機能でしょ？」くらいの認識だったんですが、実際に触ってみたら想像以上に本格的なものが作れて驚きました。この記事では、作ったものの紹介と、開発中に見つけた技術的な気づきを共有します。
投稿
AIエージェント入門 第九章！非エンジニア向けにClaude Codeを導入するその前に管理者が知っておくべきClaude Coworkができること（前編）
はじめに Claude Coworkの存在を知って最初に思ったのが「これ、Claude Codeと何が違うの？」でした。気になったので、実際に業務自動化の仕組みを構築して試してみることにしました。 題材は「MCP利用申請の審査」です。社員が「このMCPサーバーを使いたい」と申請してきたら、GitHubリポジトリのセキュリティ監査を自動で回して結果をNotionに書き戻す——という仕組みです。一つ一つリポジトリを開いてコードを読んで……とやってたら時間がいくらあっても足りないので、まさにAIに任せたい仕事だなと。 この記事では、その構築過程で見えてきたCoworkの特徴やできることを簡単にまとめていきます。
AIエージェント入門 第八章（前編）！Claude Codeを全社展開する前に管理者が押さえておきたい組織運用のポイント
第一章〜第七章では、Claude Code・Cursor・Antigravity の機能を比較してきました。ここからは視点を変えて、 組織の管理者として AI エージェントツールをどう安全に運用するか に焦点を当てます。 第八章の前編では Claude Code を取り上げます。「managed-settings.json って何？」「権限をどう絞ればいい？」「MCP サーバーの野良追加をどう防ぐ？」といった、管理者が実際にぶつかる疑問に答えていきます。 まずはチェックリストで全体像を把握して、気になる項目から詳細セクションに飛んでもらう、という読み方がおすすめです。 ⚠️ 本記事は、筆者がこれから Claude Code を組織で管理するために事前学習した内容をまとめたものです。実環境での検証を経ていない、公式ドキュメントや調査ベースの記述も含まれます。実運用で気付いた点があれば随時更新します。
AIエージェント入門 第七章！AIが画面を「見て」「操作する」— ブラウザ連携の仕組みと注意点
AI エージェントにコードを書かせたあと、「画面が崩れてないか見てくれない？」と頼めたら便利ですよね。あるいは「ログインして、このフォームに入力して、送信ボタンを押して」という操作をそのまま自動化できたら。これを実現するのが ブラウザ連携 です。 Claude Code・Cursor・Antigravity の3ツールはいずれもブラウザと連携できますが、アプローチが大きく異なります。組み込みか MCP 経由か、画面を「見る」だけか「触れる」のか、操作を録画できるか。 第七章では、ブラウザ自動化の仕組みをツールごとに比べたうえで、スクリーンショットのトークンコストやブラウザ操作の不安定さといった 実運用の落とし穴 にも踏み込んでいきます。
AIエージェント入門 第六章！プラグインの基本と導入前に知っておきたいリスク
ここまでスキル（第二章）・フック（第三章）・エージェント（第四章）・MCP（第五章）と、エージェントを拡張する仕組みを順に見てきました。「便利な設定を作ったから、チーム全員にも配りたい」と思ったとき、これらを まとめて配布するためのバンドル機構 が プラグイン です。 スキル単体・フック単体を Git で配るのは面倒ですが、プラグインなら「このリポジトリを追加して」の一言で済みます。ただし、プラグインの仕組みは3ツールでサポート状況も思想も大きく異なります。 第六章では、バンドル範囲・配布エコシステム・バージョン管理・チーム配布といった機能面を3ツールで比べたうえで、プラグインだからこそ気をつけないといけない サプライチェーンリスクやプラグイン衝突 の問題にも踏み込んでいきます。便利さに飛びつく前に、安全に導入するためのポイントをセットでお届けします。
AIエージェント入門 第五章！MCP の基本と便利さの裏にある2つの罠
AIエージェントに「うちの Linear チケット見てコード書いて」とか「本番 DB を参照して集計して」と頼めたら便利ですよね。これを実現するのが MCP（Model Context Protocol） です。エージェントを外の世界（DB・SaaS・API）に繋ぐための共通プロトコルで、Claude Code・Cursor・Antigravity の3ツールが揃ってネイティブ対応しています。 共通プロトコルなので「やれること」はだいたい同じ。面白いのは どうやってサーバーを追加するか・どう管理するか の部分にツールごとの設計思想がはっきり出ることです。 第五章では、サーバーの追加方法・スコープ階層・エンタープライズ運用といった機能面を3ツールで比べたうえで、実際に MCP を使い込むと必ずぶつかる 「悪意ある MCP サーバー」と「トークン爆食い」 という2つの落とし穴にも踏み込んでいきます。便利さに目が眩む前に、安全に・賢く MCP を使いこなすためのポイントをセットでお届けします。
AIエージェント入門 第四章！エージェントの基本と仕事を任せる前に知っておきたいこと
AIエージェントが複雑なタスクをこなせるようになってきた今、「エージェントにエージェントを使わせる」仕組みが整ってきています。コンテキストを分離して並列に動かしたり、チームで協力させたりと、Claude Code・Cursor・Antigravity でそれぞれ個性的な設計が採用されています。 第四章では、組み込みエージェント・カスタムエージェントの定義方法・マルチエージェントの連携・リモート実行といった機能面を3ツールで比べたうえで、実運用で必ずぶつかる 「カスタムエージェントが呼ばれない問題」 と 「並列実行のコスト・暴走問題」 にも踏み込んでいきます。機能の華やかさだけでなく、エージェントを安全に・賢く・無駄なく動かすために知っておきたいポイントをセットでお届けします。