AI活用
Langflowの使い方｜AIフローを作ってAPIから呼び出すまで
Langflowで入力・Prompt・Modelをつないだ最小フローを作り、Playgroundで確認してからAPIで呼ぶまでを解説。最小flowの構成図、curlの実行例、リクエストとレスポンスの入出力スキーマ表を用意しました。
ARCHIVE
タグ: api
AI活用
Gemini Managed Agentsの使い方｜バックグラウンド実行・Remote MCPをJavaScriptで実装
Gemini APIのManaged Agentsで長時間タスクをバックグラウンド実行し、Remote MCPやカスタム関数を接続するJavaScript実装を解説。状態遷移・認証更新・運用上の注意も整理します。
AI活用
OpenRouter APIの使い方｜JavaScriptで複数AIモデルとフォールバックを扱う
OpenRouter APIをJavaScriptから使い、複数AIモデルのfallback、provider routing、価格・速度・parameter・ZDR条件、router metadataと費用ログを実装します。
AI活用
Claude Prompt Cachingの使い方｜長いsystem・tool定義のコストと遅延を減らす
Claude Prompt Cachingのautomatic cachingと明示breakpoint、5分・1時間TTL、usageの読み方、TTFT比較、pre-warm、tool定義の無効化条件を解説します。
AI活用
Gemini Live APIの使い方｜JavaScriptで音声・映像のリアルタイムAIを作る
Gemini Live APIをJavaScriptで使い、短期トークン、WebSocketセッション、PCM音声、映像、文字起こし、割り込み、context圧縮、session resumptionまで解説します。
AI活用
OpenAI Batch APIの使い方｜JSONLで大量リクエストを非同期処理する
OpenAI Batch APIをJavaScriptで使い、Responses API向けJSONLの生成、upload、24時間枠の非同期処理、custom_idによる順不同結果とエラーの照合まで解説します。
AI活用
OpenAI Realtime APIの使い方｜JavaScriptでリアルタイム音声AIを作る
OpenAI Realtime APIへJavaScriptとWebRTCで接続し、APIキーを隠すunified interface、マイク・音声応答、DataChannel、VAD、割り込み、再接続を実装します。
AI活用
OpenAI File Search APIの使い方｜PDFを検索して回答する最小構成
OpenAI File SearchをJavaScriptで使い、PDFの登録、Vector Storeの処理完了待ち、Responses APIでの検索、file_citation表示、更新・削除・精度確認まで解説します。
AI活用
OpenAI APIをストリーミング表示する方法｜JavaScriptで逐次出力を受け取る
OpenAI Responses APIの出力をJavaScriptで逐次受信し、Node.jsのCLI表示、ブラウザへのSSE中継、切断・キャンセル・UI状態・重複防止まで実装します。
AI活用
Claude Structured Outputsの使い方｜TypeScriptでJSON Schema準拠の出力を得る
Claude Structured OutputsをTypeScriptから使い、output_config.format、JSON解析、strict tool use、拒否・max_tokens・スキーマ制限への対処を解説します。
AI活用
Gemini Interactions APIの使い方｜状態管理と実行ステップをJavaScriptで扱う
Gemini Interactions APIをJavaScriptから使い、output_text、実行ステップ、previous_interaction_id、バックグラウンド実行、generateContentからの移行を解説します。
AI活用
OpenAI APIの429エラー対処法｜Rate Limitと残高不足を切り分ける
OpenAI APIの429エラーを、レート制限と利用枠・請求状態に切り分け、指数バックオフ、同時実行制御、使用量確認までJavaScript例付きで解説します。
AI活用
OpenAI画像生成APIの使い方｜JavaScriptで生成・編集画像を保存する
OpenAIの画像生成APIをJavaScriptから呼び出し、Base64画像の保存、既存画像の編集、Webアプリへ組み込む際の安全対策まで解説します。
AI活用
OpenAI Responses APIの使い方｜会話状態・出力・ツールの基本をJavaScriptで解説
OpenAI Responses APIをJavaScriptから使い、テキスト出力、previous_response_idによる会話状態、ツール、Chat Completionsからの移行を解説します。
AI活用
AI APIのコスト管理方法｜予算・ログ・モデル選択・上限設定
AI APIの料金が膨らむ原因を分解し、リクエスト単位のログ、月次予算、利用上限、モデル選択、異常検知まで実装例付きで解説します。
AI活用
Claude APIをTypeScriptで使う方法｜Messages APIの最小実装
Claude APIの公式TypeScript SDKとMessages APIで最初の応答を取得し、content block、system、エラー、request IDを扱う最小構成を解説します。
AI活用
Gemini APIをJavaScriptで使う方法｜Node.jsで最初の応答を取得する
Gemini APIの現行Interactions APIをNode.jsと公式Google Gen AI SDKから呼び出し、最初の応答を得る手順、保存設定、エラー確認を解説します。
AI活用
OpenAI APIをJavaScriptで使う方法｜Node.jsで最初のレスポンスを取得する
OpenAI APIをJavaScriptから使う手順を、Node.jsの準備、APIキーの環境変数設定、公式SDKの導入、Responses APIの最小コード、エラーの切り分けまで解説します。
Flutter
FlutterでAPIを取得する方法｜http・JSON・FutureBuilderの基本
FlutterでAPIを取得する基本を解説します。httpパッケージ、GETリクエスト、JSONパース、Future、ローディングとエラー表示の流れを整理します。
Flutter
Flutter httpパッケージの使い方｜GET・POST・ヘッダー指定の基本
Flutterのhttpパッケージを初心者向けに解説します。GET、POST、headers、JSON送信、エラー処理、APIクライアント化の基本を整理します。