MCPを活用したアプリ自動開発

by Hyun

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

©2025 TC3株式会社 Conﬁdential 　　　会社情報及び事業内容 TC3は攻めのDX戦略における顧客向けウェブアプリケーション開発及び AI開発に特化した企業です。ティーシースリー B2B 型アプリケーションを複数ご提供するアプリケーション提供者向けに、エンドユーザー自身が組織内のユーザーやサービスを管理できる「管理ポータル」をはじめとした、カスタマイズ可能な SaaS プロダクトをご提供 ※ 認証認可基盤には Okta CIC などが選択可能　「Tactna」SaaS プロダクト事業世界の選りすぐりのエンジニアを活用した独自の開発手法を持っています。 TACTNA 共通 ID を軸にした複数アプリ対応共通プラットフォーム（認証認可基盤を含む）

Slide 5

Slide 5 text

©2025 TC3株式会社 Conﬁdential 5  　　　自己紹介 History ● 2010.03 ~ 2016.02 KMOU Electronical and Electronics engineering Bachelor ● 2015.06 ~ 2018.02 KMOU Electronic communication and Signal processing Master ● 2019.02 ~ 2020.08 Mobile application engineer ● 2020.09 ~ 2022.09 AI engineer (NLP) ● 2022.10 ~ 2023.12 AI engineer (Visual inspection) ● 2024.01 ~ NOW AI Architect in TC3 イウンヒョン X: @naninyamx

Slide 6

Slide 6 text

©2025 TC3株式会社 Conﬁdential 6  勉強会概要 ● 勉強会 ○ 話題のMCPを含めた最新AI技術トレンド勉強会 ● 背景 ○ 新たなAIに関する技術共有と意見交換 ● 目標 ○ 加速化されるAI技術のフォローアップ ○ AIとの連携関連の多方面からの知見共有、ディスカッション ● 今日の流れ ○ 登壇セッション ■ MCPを活用したアプリ自動開発（ヒョン） ■ Clineプロンプト徹底解剖（梅本さん） ■ ちょっと高性能なLINE botをつくる（橋詰さん） ○ LTセッション ■ Sleep-time Computeについて（sergicalsixさん） ■ MCP Serverを使った効率的なインフラ開発（ezqyさん） ■ 社会シミュレーション開発に向けて（Kanakoooさん） ○ 交流会

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

©2025 TC3株式会社 Conﬁdential 10  ● MCPとは？ ○ MCP（Model Context Protocol）→AI用のUSBポート ● Why MCP? ○ 構築済みの統合機能に、直接対応可能なLLM ○ LLMプロバイダーやベンダーの横断が可能 ○ インフラ内でデータを保護するためのベストプラクティス MCPとは？引用：https://qiita.com/syukan3/items/f74b30240eaf31cb2 686 引用：https://modelcontextprotocol.io/introduction

Slide 11

Slide 11 text

©2025 TC3株式会社 Conﬁdential ● MCPホスト ○ Claude Desktop、IDE、またはMCPを通じてデータにアクセスしたいAIツールのようなプログラム ● MCPクライアント ○ サーバーと1:1接続を維持するプロトコルクライアント ● MCPサーバー ○ 標準化されたモデルコンテキストプロトコルを通じて特定の機能を公開する軽量プログラム ● ローカルデータソース ○ MCPサーバーが安全にアクセスできるファイル、データベース、およびサービス ● リモートサービス ○ MCPサーバーが接続できる、インターネットを介して利用可能な外部システム（APIなど） 11  MCPの構成引用：https://modelcontextprotocol.io/introducti on MCP（Model Context Protocol）の構成

Slide 12

Slide 12 text

Slide 13

Slide 13 text

©2025 TC3株式会社 Conﬁdential 13  MCP! やってみよう：構成図 ● Streamlitをホストにした簡単なMCP活用アプリを作ってみる ● 複数のMCPサーバからのAPIを自然言語で呼ぶことが可能であることを確認する Streamlit App Github Server 時刻取得 Server MultiService MCP Client 社内情報取得 Server 社内プロダクト情報取得現在時刻取得 Issue発行 Issue削除ブランチ内容確認 MCP Protocol Streamlitをホストにした簡単なMCP活用アプリ構成図

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text