フロント無知がモノレポに Storybook と VRT を導入してみる

Agent Router で API Key を生成し、CC Switch に登録して Codex・Claude モデルを無料で利用するための接続手順。コンソールでのトークン作成から CC Switch での設定入力、接続テスト、トラブルシューティング（401・404 エラーや設定反映の確認）まで実装手順を解説。

√(a²+x²) を含む不定積分を求める際、x=a tan θ の置換で解く方法と双曲線関数を用いる方法を比較。三角関数の置換で直接解ける問題から、半角公式を経由する複雑な計算まで 3 つの具体例を通じて、各手法の適用場面を解説する。

著者が Hong Kong 国際空港の Wi-Fi から Amazon Bedrock の 4 リージョン (東京・バージニア北部・シンガポール・台北) を実際に検証した結果、Claude や GPT などの Anthropic / OpenAI プロプライエタリモデルは接続元 IP ベースで一貫してブロックされる一方、gpt-oss-120b や Kimi K2.5 などのオープンウェイトモデルや Amazon Nova Pro は正常に動作することが判明。請求先住所がサポート対象国でも、リージョン選択でも回避できず、地域制限は提供元企業の方針に依存することが確認された。

単価表だけでLLM APIモデルを選ぶと、プロンプトキャッシュの効きが大きいワークロードでは実際のコスト順位が入れ替わる可能性がある。DeepSeek V4 Proはキャッシュヒット時の単価が他ベンダー（OpenAI・Anthropic・Google）の1/10以下であり、システムプロンプトが長いチャットボットではより高性能モデルがより低コストになる逆転現象が起きる。最適化はmax_tokensの調整→キャッシュ構造→バッチ処理の順で進めるべき。