AI / PROGRAMMING / WEB CREATION
AIとつくる、
実践プログラミング。
AIを活用したコーディング、Web制作、WordPress、フロントエンド技術を、コード・手順・比較・ツールとともに整理しています。 無料Toolsを使う
何を調べていますか？
エラー文、作りたい機能、技術名、AIツール名から検索できます。CATEGORIES
カテゴリから探す
近いテーマを選ぶと、基礎から実践までの記事をまとめて確認できます。
AI・生成AI
生成AIの基礎、各種ツール、API実装、AIコーディングを学ぶ
134 ARTICLES 02HTML・CSS・JavaScript
Webページの構造、見た目、ブラウザ上の動きを作る
176 ARTICLES 03React・Vue
フロントエンドフレームワークの実装とトラブル解決
145 ARTICLES 04PHP・WordPress
サーバーサイド、CMS、データベースの実践知識
66 ARTICLES 05WebGL・アニメーション
Three.js、GSAP、デザイン表現を実装する
51 ARTICLES 06Git・開発ツール
開発環境、ビルド、バージョン管理を整える
29 ARTICLESRECENTLY UPDATED
最近更新された記事
ベクトルデータベースとは？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開発者向けに整理します。
PHPのパス指定と__DIR__・__FILE__の使い方｜requireで迷わない書き方
PHPの相対パス・絶対パスの違いと、__DIR__、__FILE__、dirname()、realpath()の使い方を解説します。requireやincludeでパスがずれる原因、CLIとWeb実行の違い、エラーの確認方法、安全なファイル指定まで初心者向けに整理します。
JavaScriptでclass・styleを操作する方法｜classListとgetComputedStyle
JavaScriptでHTML要素のclassとstyleを操作する方法を解説します。classListのadd・remove・toggle・contains・replace、style、setProperty、CSS変数、getComputedStyle、classNameとの違い、アクセシビリティとパフォーマンスまで実例で確認できます。
Flutter初心者の学習順｜環境構築からアプリ公開までのロードマップ
Flutter初心者向けに、学習順を環境構築、Dart基礎、UI、状態管理、API、Firebase、公開まで段階別に整理します。
CSS詳細度とは｜計算方法・優先順位・!important・詳細度を上げる/下げる方法
CSSの詳細度と優先順位を初心者向けに解説します。ID、class、タグ、インラインスタイル、!importantの強さ、同じ詳細度なら後に書いたCSSが勝つ仕組み、詳細度を上げる・下げる方法まで整理します。
Claude Codeの使い方｜ターミナルでAIにコード修正を頼む流れ
Claude Codeの使い方を初心者向けに解説。インストール、ログイン、既存プロジェクトでの依頼方法、Plan mode、差分確認、テスト、CLAUDE.md、VS Code連携、権限設定、やってはいけない使い方をまとめます。