NotebookLM×Claude×draw.ioでkintone営業支援パックの構成図を自動生成してみた - Qiita
こんにちは！かねごん（@hrbk25）です！ この記事では、少し前からSNSで話題になっていた「Claudeを使って、draw.ioのXMLを作ってもらう」という内容を、身近な内容とAIアシスタントツールを使って試してみましたので、その内容を備忘録として残しておきます。 どんな人向けの記事か システム構成図などの図を効率的に作成したい方 draw.ioを普段活用している方 AI（NotebookLM、Claude）による図の自動生成に興味がある方 やったこと 今回は、kintoneの営業支援パックを公式サイトの情報から、NotebookLMとClaudeを活用してdraw.ioでシステム構成図を自動生成してみました。 kintone営業支援パックとは 本アプリパックは営業で顧客や案件、商談の管理をすることを目的に構成されたサンプルのアプリパックです。 NotebookLMとは Google
「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした - Qiita
この“！！！付き”は冗談半分で書いたのですが、思考のスイッチ として驚くほど機能しました。コマンドパレットで「要件定義」と叩くたび、Cursor が「要件定義、はっじめるよー！！！！！！！」と返してくれる。 この 音読したくなるほどのテンション が、「ああ、ここからの要件定義は“Cursorがガイドしてくれるんだ”」とと安心させてくれます。「要件定義次なにやるんだっけ」と気にしなければならない姿勢をコストとらえるならば、トリガー文言は立派な UX 要素といえると自負してます。 rulesの内容 けっこう長いですが、「実際の運用イメージ」を掴む参考になれば幸いです。 --- description: 要件定義の実施時に実行してください globs: ["**/*"] triggers: ["要件定義！！！"] --- このファイルを参照したら「要件定義、はっじめるよー！！！！！！！」といって
ありそうでなかった？C#のクラス図を自動生成するUIツールDependencyVisualizerを作った - Qiita
あなたのプロジェクトは大丈夫？ 「このクラスを変更したら、どこに影響が出るんだろう...」 「なぜこのテストが壊れたのかわからない...」 「新しいメンバーにコードベースの構造を説明するのが大変...」 こんな経験、ありませんか？プロジェクトが成長するにつれて、クラス間の依存関係は複雑に絡み合い、まるで絡まった糸のようになってしまいます。DependencyVisualizerは、そんな複雑な依存関係を一目で理解できるUML図に変換する、C#開発者のための強力なツールです。 DependencyVisualizer機能 ナウで超絶スタイリッシュなUIから直観的な操作が可能 C#のソリューションファイルを読み込むことで、自動的にクラス図を生成します（下図は本アプリのクラス図） VSCodeにクラス図を表示し、VSCodeのLiveView機能によりファイルが更新されるごとにクラス図も自動更新
安全なMCPへの第一歩 : Authorization の仕様を理解する - Qiita
{ "mcpServers": { "github": { "command": "docker", "args": [ "run", "-i", "--rm", "-e", "GITHUB_PERSONAL_ACCESS_TOKEN", "ghcr.io/github/github-mcp-server" ], "env": { "GITHUB_PERSONAL_ACCESS_TOKEN": "<YOUR_TOKEN>" } } } } MCP Specification の 2025-03-26 版 では、待望の Authorization について仕様が追加されました。本記事では、その内容と実装のアプローチをお伝えします。なお、可能な限り正確に書くよう努めていますが著者はセキュリティの専門家ではないため、もし記載内容に不備や曖昧な点があればコメントを頂ければ幸いです。 以下に要点をま
Playwright MCP を使ってAIにUXを評価してもらう - Qiita
はじめに 乗り遅れましたが巷ではMCPが流行っていたので、気になっていたPlaywright MCPを使ってみたいと思います。 今回は、AIが画面操作を出来るならUXも評価してくれるのでは？という思い付きを試してみました。 1. MCPとは？ MCPは、Model Context Protocolの略称です。 Protocolとある通り、「AI」と「サービスやリソース」を繋ぐ、共通規格です。 従来の悩み 従来は、AIと他サービスやリソースを連携させる際、それぞれの接続先ごとに個別の実装が必要となり、開発者に大きな負担がかかっていました。 下記ではAIエージェントが利用できるように「ブラウザ操作」「画像生成」など個別に実装する必要があります。 MCPが解決すること 「AI」と「サービスやリソース」を繋ぐ部分を共通規格化することで、開発の負担が減り、手軽にAIとサービス・リソースを接続できるよ
AWSが発表したAIエージェント構築SDK「Strands Agents」を5分だけ触ってみよう！ - Qiita
何かすごそうなのが来ました！ Strandsは日本人に馴染みの薄い単語ですが、DNAのように複数の糸がからまって幹をなす鎖を表すようですね。（LLMとツールの暗喩のようです） いわゆる「組み紐」ですね。ﾀｷｸｩｰﾝ! 世はAIエージェントSDK戦国時代！ この分野ではLangChainシリーズのLangGraphがずっと人気ですし、 最近はTypeScriptで書けるMastraも注目です。 また、OpenAIやGoogleなどのモデルベンダーもSDKをオープンソース公開する流れになっています。 そこにAWSも参入！というわけです。 3秒でAIエージェントが書ける！ ユーザーガイドを見てみましょう。 pip install strands-agents したら、なんと以下だけでAIエージェントが動きます！
（続）Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Cursor擦り倒すシリーズ Cursorで要件定義がエラいスムーズになった話 （続）Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 ←本稿こちら 「Cursor」×「A5:SQL Mk-2」でテーブル定義書をリッチにする 「Cursor」×「Obsidian」内部リンク生成＆最適化プロンプト これは何の記事か⇒「Cursorで詳細設計からガントを作る記事です」 Cursor というのはもともと AI コーディングツールですが、もしかしてプロジェクトマネジメント（以下、PM）の現場に持ち込めるんじゃないか？とい
Azure使う？使わない？ ～Azureサポート編～ - Qiita
一般的にサービスの良い面は語られがちですが、残念な面について語られることは少ないですよね。 そこで本記事ではAzureサポートの残念な点をあえて挙げることで、Azureの利用を検討している方々にとっての判断材料となることを目的としています。 Azureのサポートプラン Azureサポートには主に以下4種類のサポートプランがあります。 本記事や他の情報も踏まえた上で読者の皆さんがAzureを使用するという結論に至った場合、サポートプランは Developerプラン を推奨します。 Developerプランでは事足りず上位のプランで要求を満たせるユースケースというのは非常に限られていると感じます。 この記事を読んでいただければ理解いただけると思います。 重大度はユーザ側が問い合わせ時に選択します。 事業へ大きく影響する問題は重大度A、事業へそれなりに影響する問題は重大度B、事業への影響が小さい
PostgreSQL MCP ServerでAIデータベース管理を実現する方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、深夜までPostgreSQLと格闘する日々が続いていて、正直疲れ気味だったんですよね。複雑なクエリの最適化やスキーマ設計に頭を悩ませる毎日...。そんな時、偶然見つけたのが「PostgreSQL MCP Server」というツールでした。最初は「また一つの管理ツールか」と思ったんですが、使ってみたら衝撃的だったんです！AIがデータベース管理を手伝ってくれるなんて、まさに開発者の救世主じゃないですか！今日はその魅力を皆さんに紹介したいと思います。 PostgreSQL MCP Serverって何？私の体験から語ります 簡単に言うと、
MCPが便利そうなので Oracle DB とおしゃべりする MCP サーバーを作ってみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 最近、MCP(Model Context Protocol)が注目を集めていますね。そこで、MCPを使って、Cursor や Cline などからシームレスに Oracle データベースにアクセスする MCP サーバーを作ってみました。 こんな感じでテーブルの構造を聞いてみたり こんな感じで LLM に SQL を書かせて、その場でテストしてみたりすることができます。 こちら↓の Claude Desktop と私のチャットの履歴を見ていただくと、Claude Desktop のような出来の良い MCP Host とデータベー
MCPでのデータベースとの対話+資料化 - Qiita
はじめに 以前から話題になっていたMCP（Model Context Protocol）ですが、Anthropicの独自規格の範囲に留まらず、OpenAIが公式に採用を発表した事で一気に火がつき、最近は至るところでMCPという単語が躍るようになりました。 今回はMCPを利用したデータベースとの対話+資料化までのデモを1つのユースケースとして残しておきたいと思います。 ■構成 クライアント：Claude Desktop データベース：BigQuery データベースとの対話+資料化デモ BigQueryのMCPサーバーについては以下2つが公開されています。 機能的にはほぼ一緒なのですが、後者はデータセット名までパラメータで渡せるので、こちらを使っていきます。 Claude Desktopの構成で以下の設定をするだけで、すぐに使えます。 "mcpServers": { "bigquery": {
プログラマー必見！FastAPI-MCPでAI時代のAPI開発を加速する方法（初心者向けコード付き） - Qiita
はじめに みなさん、こんにちは！最近、API開発の現場で「これマジですごい！」と思わず叫んでしまったツールを見つけたんですよ。それが「FastAPI-MCP」です！ FastAPI使ってる人なら絶対に知るべきツールです。だって、あなたのAPIをAIモデル（GPTやClaudeなど）に簡単に操作させることができるんですから！私みたいな初心者でも数分で設定できちゃいました。 FastAPI-MCPって何がすごいの？ まず、FastAPI-MCPの核となる機能を紹介します： 認証機能が標準装備：FastAPIの依存性注入（Depends()）をそのまま使えるから、セキュリティ面も安心！ FastAPIとの相性抜群：単なるOpenAPI変換ツールじゃなく、FastAPIのASGIインターフェースを直接使うから超効率的！ 設定ほぼゼロ：FastAPIアプリを指定するだけでMCPツールが自動生成される
MCPを超理解する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 正しく理解するためには はい。これ以降の記事は86％（当社計算）が概念で構成された読み物（ポエム）です。 ちゃんと理解したい人は上の情報を読んでね。〜終〜 生成AI界隈が早すぎてついていけない はい。私もついていけません。 が、この業界、この職種で飯を食うつもりな限りわからんから知らんとは言えないので、超理解していきましょう。 その前にAIエージェントを超理解する はい。生成AIの少し前？の流行技術です。 そもそも生成AI（以下では狭義に文章生成AIを指すこととする）はある命令（プロンプトと言いますね）に対してその特徴量を持った、命令（
[MCP再入門]「MCPはAIアプリにとってのUSB-C」がしっくりこなかったあなたに - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに MCPとは？公式ページの冒頭にはUSB-Cみたいな共通仕様、という抽象的な説明があります。この例から端を発したMCPの説明を日本語で書かれているのもいくつか見かけますし、記事としてとても人気があるようです。 ですが、公式ページを読んでも、日本語で書かれたいろんな紹介ページを読んでも、私にはMCPの良さは全然理解できませんでした。なのに世の中はMCPブームと言っても良いぐらいMCPが流行っています。私が理解できないだけで、沢山の方がその良さを見出しています。これはまずいと思いました。私は何かを誤解してしまったのだと思い、色々と作
AWS MCPを使って公式ドキュメントからClaudeに回答してもらう - Qiita
はじめに awslabs の GitHub で awslabs/mcp が公開されました。 この中で AWS Documentation MCP Server が提供されていました。これを使えば、Cursor や Claude Desktop などのMCPクライアントから LLM が AWS の公式ドキュメントを探してきて、その情報を元に回答してくれそうです。実際に試してみた内容を共有します。 A server for accessing AWS documentation and best practices. Search Documentation using the official AWS search API Get content recommendations for AWS documentation pages Convert documentation to mark
MCP対応したVS CodeでAWS MCPを使う - Qiita
はじめに つい昨日に以下の記事を書いたのですが、VS CodeのStable版もほぼ同日にエージェント機能が追加されました。以下の記事ではClaude Desktopを使いましたが、VS Code + GitHub Copilot でも awslabs/mcp を試してみます。 なお、部分的に前回の記事に飛ばすとわかりにくかったので、手順については重複する部分もこちらの記事に載せています。 前提 環境 Mac OS 14.5 VS Code March 2025 (version 1.99) GitHub Copilot 準備 awslabs/mcp はPythonで書かれており、公式の手順ではパッケージマネージャーの uv が必要になります。 uv のインストール（Astral公式ドキュメントまたはGitHub参照） Python 3.10 以上 （公式では uv python inst
VS Code の設定から MCPサーバーを追加して GitHub Copilot agent mode で利用してみる（安定版でも利用可能に） - Qiita
【追記】 March 2025 (version 1.99) のアップデートで、Insider版でなくても Agent mode や MCPサーバーを扱う機能が使えるようになりました （記事執筆時は Insider版でしか扱えなかったので、Insider版を使った流れを書いてますが、今は安定版で同じことができます） VS Code No安定版を最新にして、Agent mode が選択できない場合は、設定から Agent mode の機能を有効化してください。 はじめに ↓このポストに書いていた話に関する内容です。 最初に「VS Code Insider版の設定から MCPサーバーの設定を追加できる」という情報を見かけたのは、上記で引用しているポストでした。 また、検索をしてみると日本語や英語の記事も書かれているようでした。 以下は、その一例です。 ●Visual Studio Code +
NotebookLMで社内向け製品ボットを作成しよう！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ☕️ はじめに こんにちは！ サッカー選手から転身してSEをしている@よしきです！ 最近話題のGoogleのAIツール「NotebookLM」。一言で言えば、特定のドキュメントをもとに、 AIと対話できる“自分専用のAIアシスタント” です。 今回はこのNotebookLMを使って、自社製品のマニュアルやFAQを読み込ませた「社内向けボット」を作成してみたので、その流れや使ってみた感想をまとめてみます。 「営業やサポートメンバーが、技術チームに毎回質問しなくても済むようにしたい」「社内ナレッジを有効活用したい」という方には、参考になるか
MCPツールを使う汎用的なStreamlitチャットアプリを作って、いろんなMCPツールを使ってみた。 - Qiita
MCPがあれば何でもできる。 MCPとStreamlitを使って汎用的なチャットアプリを作ってみました。 今回は「LangChain MCP Adapters」を使用します。 「LangChain MCP Adapters」のREADMEをChatGPTにREADMEを要約してもらいました。 LangChain MCP Adapters は、Anthropic Model Context Protocol (MCP) のツールを LangChain や LangGraph で使えるようにする軽量なラッパーです MCP ツールを LangChain のツールとして変換し、複数の MCP サーバーと接続できるクライアント実装を提供します 簡単なインストールとセットアップで、MCP ツールを LangGraph エージェントに統合できます やってみよう！ まずはただのチャットを作る ライブラリー
[備忘録] StreamlitでExcelのようなデータ編集機能を実装する - Qiita
Streamlitで簡単にExcelライクなデータ編集機能を実装する方法をQiitaに投稿しました。Pythonの勉強備忘録として、データ操作をブラウザ上で直感的に行う方法をまとめています。初心者の方にもわかりやすく解説しているので、ぜひご覧ください！📝 はじめに 最近Pythonを勉強していく中で、データ操作のためのウェブアプリを手軽に作成できるStreamlitというフレームワークに出会いました。特に、st.data_editorという機能を使うとExcelのようなインタラクティブなデータ編集が可能になることを知り、備忘録として共有します。 Streamlitとは？ Streamlitは、データサイエンス・機械学習のプロジェクトを簡単にウェブアプリ化できるPythonのフレームワークです。コードを書くだけで、インタラクティブなウェブアプリを作成できるのが特徴です。 環境構築 まずは必
![[備忘録] StreamlitでExcelのようなデータ編集機能を実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4967e2cb50e067f449edd84d403e83b9d3e5a996/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkYyNjQ4MDY5JTJGMGU0YTU4OTYzNzI5ZTIyYjkwODM5NDY4YjkzYWNkMGNmNWM4YWFhOCUyRmxhcmdlLnBuZyUzRjE2NTE1ODc2MzQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZmQxZmIxNGYyM2JiYTE1NTZmMzQ4YmYxZGE3YzFmMjc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4e21d6c99ffd21130be46a8d859f162c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU1JTgyJTk5JUU1JUJGJTk4JUU5JThDJUIyJTVEJTIwU3RyZWFtbGl0JUUzJTgxJUE3RXhjZWwlRTMlODElQUUlRTMlODIlODglRTMlODElODYlRTMlODElQUElRTMlODMlODclRTMlODMlQkMlRTMlODIlQkYlRTclQjclQTglRTklOUIlODYlRTYlQTklOUYlRTglODMlQkQlRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz01NWY5YjRhZjY5OTliNzBmNWQwMjEwZTM1YzgxOWI0NA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBUYWRhdGFrYV9UYWthaGFzaGkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz01YWM4MmFhMTM4Y2ZkZDI1MzAyNzNkMmI1YzJiNDBhMQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Ded0ca0748f66fbd5b48059ecc770b115)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
