AI / PROGRAMMING / WEB CREATION
AIとつくる、
実践プログラミング。
AIを活用したコーディング、Web制作、WordPress、フロントエンド技術を、コード・手順・比較・ツールとともに整理しています。 無料Toolsを使う
何を調べていますか？
エラー文、作りたい機能、技術名、AIツール名から検索できます。CATEGORIES
カテゴリから探す
近いテーマを選ぶと、基礎から実践までの記事をまとめて確認できます。
AI・生成AI
生成AIの基礎、各種ツール、API実装、AIコーディングを学ぶ
146 ARTICLES 02HTML・CSS・JavaScript
Webページの構造、見た目、ブラウザ上の動きを作る
176 ARTICLES 03React・Vue
フロントエンドフレームワークの実装とトラブル解決
145 ARTICLES 04PHP・WordPress
サーバーサイド、CMS、データベースの実践知識
66 ARTICLES 05WebGL・アニメーション
Three.js、GSAP、デザイン表現を実装する
51 ARTICLES 06Git・開発ツール
開発環境、ビルド、バージョン管理を整える
29 ARTICLES
RECENTLY UPDATED
最近更新された記事
RAGで出典・引用を表示する方法｜citation objectと検証手順
RAG回答へ実在する出典を付ける方法を解説。検索metadataからcitation objectを作り、claimとsource IDを対応させ、存在しないURL・根拠不一致・引用漏れを防ぐ検証手順を紹介します。
RAGの評価方法｜検索と回答を分けて測る20問テストの作り方
RAGを検索と回答に分けて評価する方法を解説。Recall@k、根拠への忠実性、回答の完全性、拒否精度を測る20問データセット雛形と改善記録表を紹介します。
RAGのリランキングとは？Cross-Encoderの実装とtop-k評価
RAGの一次検索候補をリランキングする方法を解説。Cross-EncoderとRRFの役割、候補数top-k、Python実装、導入前後の比較方法、遅延が増える場合の対処まで整理します。
WebサイトをRAG化する方法｜WordPress記事の収集・更新・検索を実装
Webサイトの記事をRAGの検索対象にする手順を、WordPress REST APIによる収集、本文の正規化、チャンク分割、差分更新、削除同期、出典付き回答まで実装単位で解説します。
MCPサーバーに接続できない時の対処法｜起動・PATH・stdio・HTTPを順に確認
MCPサーバーに接続できない原因を、起動、PATH・作業ディレクトリ、stdio、プロトコル版、Streamable HTTPの順に切り分けます。症状別フローと診断コマンド付きです。
ベクトルデータベースとは？RAGで必要になる理由と選び方
ベクトルデータベースの役割、通常DBとの違い、exact searchとHNSW、metadata filterを解説し、pgvector・専用DB・managedの選定表と検証手順を示します。
ReactでHTML埋め込みJSONを取得する方法｜PHP連携とXSS対策
PHPなどでHTMLへ埋め込んだJSONをReactの初期データとして取得する方法を解説します。application/json、JSON.parse、createRoot・hydrateRoot、Strict Mode、Server Componentsとの違い、script終了文字列によるXSSを防ぐエンコードまで紹介します。
プロンプトエンジニアリングとは？AIに安定した出力をさせる基本
プロンプトエンジニアリングの意味、一般的なプロンプトの書き方との違い、目的・文脈・制約・例・評価を使ってAI出力を安定させる設計方法をWeb開発者向けに整理します。