Claude Code × FastAPI-MCP モバイル技術記事の自動作成

突然ですが、記事を書きたい時ってどんな時ですか? ・新しい技術やツールを試した・関心のある領域についてシェアしたい・流行りのある内容の記事を書いてバズらせたい・自分の知識を深化させたい(学習の為) ・開発の中で技術的な課題に直面したとき

プロンプト履歴を活用して、AIに記事を書かせる何がいいのか？・プロンプト履歴がそのまま記事の内容になる(自分で一から考える必要がない) ・解決までのプロセスがそのまま記事に反映される・自身の振り返りにもなる

今回作成する記事の内容 SwiftUIでキーボードを非表示にすると、キーボードを表示していた領域に上部の要素が下がってくるはずが、iOS16の時だけ要素が下がらず余白が空いたままになってしまう。この課題に対して、どのようなアプローチを行い、どのように解決したのかをまとめた記事を作成したい

具体的なフローについて・claude codeでプロンプト履歴をMarkdown形式で保存する・ローカルMCPサーバーを構築する(Qiita投稿用のエンドポイント) ・claude codeに構築したmcpを設定する・プロンプトを投げて、実際に記事が作成されることを確認

プロンプト履歴を保存する下記のようなプロンプトで、プロンプト内容を保存「.claude/backupにMarkdown形式で今回のセッション履歴を保存して」

FastAPI-MCPを用いて、ローカルMCPサーバーを構築  # FastAPI-MCPとは FastAPIはpythonでwebAPIを実装するフレームワークで、 FastAPIにMCPプロトコル対応の機能を組み込んだサーバーのことプログラムでFastAPIインスタンスを生成するだけで、簡単にMCPプロトコル対応の FastAPI式サーバーが立ち上げられる

MCP構築手順 1.ローカルにpython環境を用意 2.必要なパッケージのインストール pip install fastapi uvicorn fastapi-mcp 3.実行スクリプトを作成 https://qiita.com/strings/private/bb37c5f6db2681ddbe15
4.作成したスクリプトを実行

claude codeに構築したmcpを設定 mcpの設定(mcp.json)

プロンプトを投げて、記事を作成するプロンプト例 post_qiita_article_httpはQiitaに記事を投稿するエンドポイントで、 ios16_keyboard_layout_ﬁx_session. mdファイルの中身を元に記事を作成したい。 ios16_keyboard_layout_ﬁx_session.mdの中身をそのまま記事にするのではなく、あくまで素材として Qiitaの記事っぽくうまくまとめて前提
・privateはtrueにして・FastAPI serverは既に立ち上がっている・api仕様は右記のエンドポイントを参照して : https://qiita.com/api/v2/docs

記事の自動投稿自動作成したQiita記事 https://qiita.com/strings/private/cc2b2c11145efcb7df51

Claude Code × FastAPI-MCP モバイル技術記事の自動作成 / mobil...

Claude Code × FastAPI-MCP モバイル技術記事の自動作成 / mobiletechcafe20250902-5

Rakus_Dev

More Decks by Rakus_Dev

Featured

Transcript