AI活用
ベクトルデータベースとは？RAGで必要になる理由と選び方
ベクトルデータベースの役割、通常DBとの違い、exact searchとHNSW、metadata filterを解説し、pgvector・専用DB・managedの選定表と検証手順を示します。
CATEGORY
AI活用
AI活用に関する基礎、実装例、トラブル解決の記事をまとめています。
140ARTICLES
AI活用
プロンプトエンジニアリングとは？AIに安定した出力をさせる基本
プロンプトエンジニアリングの意味、一般的なプロンプトの書き方との違い、目的・文脈・制約・例・評価を使ってAI出力を安定させる設計方法をWeb開発者向けに整理します。
AI活用
Claude Codeの使い方｜ターミナルでAIにコード修正を頼む流れ
Claude Codeの使い方を初心者向けに解説。インストール、ログイン、既存プロジェクトでの依頼方法、Plan mode、差分確認、テスト、CLAUDE.md、VS Code連携、権限設定、やってはいけない使い方をまとめます。
AI活用
AIとは？エンジニアがWeb開発で押さえるべき基本を解説
AIをWeb開発に組み込むために、AI・生成AI・LLM・AI APIの違い、基本構成、学ぶ順番、実装で起こりやすい失敗をエンジニア向けに整理します。
AI活用
Flowiseの使い方｜ChatflowでRAGチャットを作る基本手順
FlowiseのChatflowで、Document LoaderからRetriever、LLMまでをつないでRAGチャットを動かす手順を解説。ノード接続の構成図と、各ノードが何を受け取って何を返すかの入出力確認表を用意しました。
AI活用
n8nをVPSへセルフホストする方法｜Docker・HTTPS・バックアップまで解説
n8nをVPSへDockerでセルフホストする手順を、必須環境変数の一覧表とdocker composeの最小構成例で解説。HTTPSとwebhook URLの設定、実際に別環境へ戻す復旧テスト付きの運用チェックリストまでまとめました。
AI活用
SEOカニバリをAIでチェックする方法｜競合URLの発見と解消手順
SEOカニバリをAIでチェックする手順。Search Consoleのquery-page実績と記事台帳を突き合わせ、同一意図・近接意図・別意図を分ける判定matrixと、維持・統合・差別化・廃止の4処置の選び方・実施手順を解説します。
AI活用
AIでSEO記事をリライトする方法｜検索意図を守って古い情報を更新する
AIでSEO記事をリライトする手順。変えない部分を先に決める refresh brief のテンプレート、章ごとの keep・update・delete 判定表、差分だけをAIに提案させるプロンプト、更新記録と効果測定の方法を解説します。
AI活用
AIでWordPress下書きを自動作成する方法｜REST APIと人間承認をつなぐ
AI下書きをWordPressへ安全に登録する手順。JSON Schema、status=draft固定、公開権限のない専用ユーザー、single-workerでの重複抑止と再試行、承認・監査ログまで解説します。
AI活用
AIでSQLを作る方法｜スキーマ提示・検証・安全な実行まで解説
AIでSQLを作成する手順を、スキーマ提示からEXPLAIN検証までの5段で解説。正常・0件・重複・NULLの4種fixtureの考え方と、read-onlyから始める安全確認チェックリストを掲載します。
AI活用
AIでコードドキュメントを作る方法｜README・関数説明を実装と一致させる
AIでコードドキュメントを作成する手順を、棚卸し→根拠収集→生成→不一致検証→運用の5段で解説。根拠リンク付きで書かせる指示テンプレートと、更新日ではなく根拠差分で陳腐化を検知する運用の作り方まで掲載します。
AI活用
AIを使ったデバッグ方法｜再現・仮説・検証でバグ原因を絞る
AIを使ったデバッグの方法を、再現条件の固定→仮説の順位付け→1変更1検証の順で解説。仮説を否定する確認方法の付け方と、再現手順・仮説・実験結果を1枚に残すデバッグログのテンプレートをそのまま使える形で掲載します。
AI活用
Ollama APIをJavaScriptで使う方法｜Node.jsでローカルLLMを呼び出す
Ollama APIをJavaScriptから呼ぶ手順を、Node.js標準のfetchだけで解説します。非ストリームとストリーム両方の実行可能コード、行単位JSONの読み方、つながらない時の切り分けまでを収録しています。
AI活用
Gemini Managed Agentsの使い方｜バックグラウンド実行・Remote MCPをJavaScriptで実装
Gemini APIのManaged Agentsで長時間タスクをバックグラウンド実行し、Remote MCPやカスタム関数を接続するJavaScript実装を解説。状態遷移・認証更新・運用上の注意も整理します。
AI活用
Codexの複数フォルダ・ローカルプロジェクトの使い方｜primary folderの決め方
Codexのローカルプロジェクトへ複数フォルダを追加する方法を解説。primary folderがGit操作・AGENTS.md・skills・config.tomlに与える影響と、関連リポジトリを安全にまとめる設計を整理します。
AI活用
ChatGPT VoiceでCodexを音声操作する方法｜開始・確認・追加指示の流れ
ChatGPTデスクトップアプリのVoiceからCodexの作業を始め、進捗を確認し、追加指示を出す流れを解説。音声に任せる範囲と、差分・テストを画面で確認すべき場面も整理します。
AI活用
Canva AIの使い方｜画像・文章・資料作成で使える機能を解説
Canva AIの使い方を初心者向けに解説。Canva Code 2.0、Gemini連携、Magic Write、Magic Design、画像・資料・SNS作成、商用利用や著作権の注意点をまとめます。
AI活用
生成AIツール比較｜ChatGPT・Gemini・Copilot・Claudeの選び方
生成AIツールの選び方を、ChatGPT、Gemini、Copilot、Claude、Perplexity、Gemini Notebook（旧NotebookLM）で比較。文章作成、調査、連携、コード、資料整理の違いを解説します。
AI活用
ChatGPTとGeminiの違い｜どっちを使うべきか用途別に比較
ChatGPTとGeminiの違いを、文章作成、調べ物、Google連携、画像生成、ファイル分析、コード相談、料金、安全性の観点で比較します。どちらを使うべきか用途別に整理します。
AI活用
GPT-5.6で何が変わった？GPT-5.5との違いとChatGPT・Codexの変更点
GPT-5.6で何が変わったのかを、GPT-5.5との違い、Sol・Terra・Luna、ChatGPT、ChatGPT Work、Codex、max・ultraの変更点に分けて解説します。
AI活用
Claudeの使い方｜長文読解・文章作成・コードレビューに使う方法
Claudeの使い方を初心者向けに解説。長文読解、文章作成、要約、ファイル分析、Projects、Artifacts、Research、Web検索、コード相談、無料版と有料版、APIとの違い、安全に使う注意点をまとめます。
AI活用
ChatGPT Workとは？できること・Chat・Codexとの違いと使い方
ChatGPT Workとは何かを、Chat・Codexとの違い、できること、Web・モバイル・デスクトップ版の特徴、始め方、注意点に分けて解説します。
AI活用
ChatGPTでできること一覧｜仕事・勉強・ブログで使える活用例
ChatGPTでできることを用途別にまとめました。文章作成、要約、翻訳、ブログ、コード相談、データ分析、画像・ファイル、Projects、横断検索の活用例を具体的なプロンプト付きで解説します。
AI活用
ChatGPTの使い方｜始め方・できること・基本操作を初心者向けに解説
ChatGPTの使い方を初心者向けに解説します。始め方、基本操作、質問文のコツ、仕事・勉強・ブログ・Web制作での活用例、無料版と有料版の違い、安全に使う注意点までまとめます。
AI活用
ChatGPT無料版と有料版の違い｜料金・制限・Plusが必要な人
ChatGPT無料版と有料版の違いを、料金、使える機能、利用制限、向いている人の観点で整理します。Plus、Go、Proの選び方や、API料金との違いも初心者向けに解説します。
AI活用
Gemini Notebook（旧NotebookLM）の使い方｜PDF・資料・動画をAIで要約
Gemini Notebook（旧NotebookLM）の使い方を初心者向けに解説。名称変更後の位置づけ、PDF・Web・動画の要約、引用確認、コード実行などの新機能を整理します。
AI活用
MCPクライアントの作り方｜TypeScriptでServerへ接続してToolを呼ぶ
公式TypeScript SDKでMCPクライアントを作り、stdio接続、Tool一覧取得・実行、結果とエラーの判定、タイムアウト、切断までを実行ログ付きで解説します。
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まで解説します。