ブログ

Claude Code と MCP だけで Web サイトを作って Vercel に公開する

Claude Code に FastMetal と Vercel の MCP サーバーを繋いで、サイトの制作・画像生成・デプロイ・公開後の確認までを1つのセッションで完結させる手順です。

オープンソースの Hermes Agent を FastMetal に向ける設定手順と、Codex のサブスクリプションと比べたときの実際のコストを、損益分岐点まで含めて整理しました。

あるモデルの出力を、別のモデルにレビューさせる——この相互チェックは品質向上に効果的です。FastMetalの一つのAPIキーで実装する手順を、コード例つきで解説します。

FastMetal で LLM のストリーミング応答を Python で実装する手順を、OpenAI SDK の stream=True、中断時のエラー処理、Web チャット UI への SSE 連携まで具体例つきで解説します。

既存の OpenAI SDK のコードを、base_url と api_key を変えるだけで FastMetal に向ける手順を、Python と Node.js の動くサンプル、環境変数での運用、つまずきポイントまで丁寧に解説します。

API キーの発行から残高チャージ、curl での最初のリクエスト、レスポンスの読み方まで。FastMetal の OpenAI 互換 API を5分で動かすハンズオン入門です。