Langflowの使い方|AIフローを作ってAPIから呼び出すまで
Langflowで入力・Prompt・Modelをつないだ最小フローを作り、Playgroundで確認してからAPIで呼ぶまでを解説。最小flowの構成図、curlの実行例、リクエストとレスポンスの入出力スキーマ表を用意しました。
AIとつくる、実践プログラミング・コーディングメディア
CATEGORY
AI活用に関する基礎、実装例、トラブル解決の記事をまとめています。
Langflowで入力・Prompt・Modelをつないだ最小フローを作り、Playgroundで確認してからAPIで呼ぶまでを解説。最小flowの構成図、curlの実行例、リクエストとレスポンスの入出力スキーマ表を用意しました。
FlowiseのChatflowで、Document LoaderからRetriever、LLMまでをつないでRAGチャットを動かす手順を解説。ノード接続の構成図と、各ノードが何を受け取って何を返すかの入出力確認表を用意しました。
n8nをVPSへDockerでセルフホストする手順を、必須環境変数の一覧表とdocker composeの最小構成例で解説。HTTPSとwebhook URLの設定、実際に別環境へ戻す復旧テスト付きの運用チェックリストまでまとめました。
SEOカニバリをAIでチェックする手順。Search Consoleのquery-page実績と記事台帳を突き合わせ、同一意図・近接意図・別意図を分ける判定matrixと、維持・統合・差別化・廃止の4処置の選び方・実施手順を解説します。
AIでSEO記事をリライトする手順。変えない部分を先に決める refresh brief のテンプレート、章ごとの keep・update・delete 判定表、差分だけをAIに提案させるプロンプト、更新記録と効果測定の方法を解説します。
AI下書きをWordPressへ安全に登録する手順。JSON Schema、status=draft固定、公開権限のない専用ユーザー、single-workerでの重複抑止と再試行、承認・監査ログまで解説します。
AIでSQLを作成する手順を、スキーマ提示からEXPLAIN検証までの5段で解説。正常・0件・重複・NULLの4種fixtureの考え方と、read-onlyから始める安全確認チェックリストを掲載します。
AIでコードドキュメントを作成する手順を、棚卸し→根拠収集→生成→不一致検証→運用の5段で解説。根拠リンク付きで書かせる指示テンプレートと、更新日ではなく根拠差分で陳腐化を検知する運用の作り方まで掲載します。
AIを使ったデバッグの方法を、再現条件の固定→仮説の順位付け→1変更1検証の順で解説。仮説を否定する確認方法の付け方と、再現手順・仮説・実験結果を1枚に残すデバッグログのテンプレートをそのまま使える形で掲載します。
Ollama APIをJavaScriptから呼ぶ手順を、Node.js標準のfetchだけで解説します。非ストリームとストリーム両方の実行可能コード、行単位JSONの読み方、つながらない時の切り分けまでを収録しています。
Gemini APIのManaged Agentsで長時間タスクをバックグラウンド実行し、Remote MCPやカスタム関数を接続するJavaScript実装を解説。状態遷移・認証更新・運用上の注意も整理します。
Codexのローカルプロジェクトへ複数フォルダを追加する方法を解説。primary folderがGit操作・AGENTS.md・skills・config.tomlに与える影響と、関連リポジトリを安全にまとめる設計を整理します。
ChatGPTデスクトップアプリのVoiceからCodexの作業を始め、進捗を確認し、追加指示を出す流れを解説。音声に任せる範囲と、差分・テストを画面で確認すべき場面も整理します。
ベクトルデータベースの役割、通常DBとの違い、exact searchとHNSW、metadata filterを解説し、pgvector・専用DB・managedの選定表と検証手順を示します。
公式TypeScript SDKでMCPクライアントを作り、stdio接続、Tool一覧取得・実行、結果とエラーの判定、タイムアウト、切断までを実行ログ付きで解説します。
OpenRouter APIをJavaScriptから使い、複数AIモデルのfallback、provider routing、価格・速度・parameter・ZDR条件、router metadataと費用ログを実装します。
Claude Prompt Cachingのautomatic cachingと明示breakpoint、5分・1時間TTL、usageの読み方、TTFT比較、pre-warm、tool定義の無効化条件を解説します。
Gemini Live APIをJavaScriptで使い、短期トークン、WebSocketセッション、PCM音声、映像、文字起こし、割り込み、context圧縮、session resumptionまで解説します。
OpenAI Batch APIをJavaScriptで使い、Responses API向けJSONLの生成、upload、24時間枠の非同期処理、custom_idによる順不同結果とエラーの照合まで解説します。
OpenAI Realtime APIへJavaScriptとWebRTCで接続し、APIキーを隠すunified interface、マイク・音声応答、DataChannel、VAD、割り込み、再接続を実装します。
OpenAI File SearchをJavaScriptで使い、PDFの登録、Vector Storeの処理完了待ち、Responses APIでの検索、file_citation表示、更新・削除・精度確認まで解説します。
OpenAI Responses APIの出力をJavaScriptで逐次受信し、Node.jsのCLI表示、ブラウザへのSSE中継、切断・キャンセル・UI状態・重複防止まで実装します。
ディープフェイクを見た目だけで断定せず、拡散停止、原本保存、出所・別経路確認、画像・動画・音声・来歴情報の検証、相談までを15項目で解説します。
Gemma 4 12Bの特徴、必要なVRAM・統合メモリ、Ollamaでのインストール、E4Bとの違い、QAT・GGUF・MLX、コーディングや音声対応を初心者向けに解説します。
AI生成の文章・画像・コード・音声を商用利用する前に、入力素材、生成物の類似性、人間編集、サービス規約、制作記録を確認する方法を解説します。
顧客・従業員の情報を生成AIで扱う前に、利用目的、データフロー、契約、学習利用、保存・削除、マスキング、事故対応を確認する方法を解説します。
AIのハルシネーションを知識不足・検索失敗・推論飛躍などに分類し、RAG、ツール、引用、構造化出力、回答拒否、評価で減らす方法を解説します。
AI生成画像をWeb・SNS・印刷向けに高解像度化する方法を、pixel・latent・tiled方式の比較、ComfyUI構成、品質チェック付きで解説します。
ComfyUIで参照画像をOpenPose・Canny・Depthの条件へ変換し、ControlNetのstrengthと適用範囲を調整する基本手順を解説します。
ComfyUIでLoRAを配置してLoad LoRAノードへ接続し、同じseedで強度0・0.5・0.8・1.0を比較する方法と、効かない場合の確認点を解説します。