DEVELOPMENT / AI / DESIGN
つまずきを、
実装できる知識に。
Web開発とAI活用の技術を、コード・手順・比較とともに整理しています。
何を調べていますか？
エラー文、技術名、ツール名から検索できます。CATEGORIES
カテゴリから探す
近いテーマを選ぶと、基礎から実践までの記事をまとめて確認できます。
AI・生成AI
生成AIの基礎、各種ツール、API実装、AIコーディングを学ぶ
118 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
最近更新された記事
JavaScriptでclass・styleを操作する方法｜classListとgetComputedStyle
JavaScriptでHTML要素のclassとstyleを操作する方法を解説します。classListのadd・remove・toggle・contains・replace、style、setProperty、CSS変数、getComputedStyle、classNameとの違い、アクセシビリティとパフォーマンスまで実例で確認できます。
ReactでHTML埋め込みJSONを取得する方法｜PHP連携とXSS対策
PHPなどでHTMLへ埋め込んだJSONをReactの初期データとして取得する方法を解説します。application/json、JSON.parse、createRoot・hydrateRoot、Strict Mode、Server Componentsとの違い、script終了文字列によるXSSを防ぐエンコードまで紹介します。
PHPのパス指定と__DIR__・__FILE__の使い方｜requireで迷わない書き方
PHPの相対パス・絶対パスの違いと、__DIR__、__FILE__、dirname()、realpath()の使い方を解説します。requireやincludeでパスがずれる原因、CLIとWeb実行の違い、エラーの確認方法、安全なファイル指定まで初心者向けに整理します。
CSS詳細度とは｜計算方法・優先順位・!important・詳細度を上げる/下げる方法
CSSの詳細度と優先順位を初心者向けに解説します。ID、class、タグ、インラインスタイル、!importantの強さ、同じ詳細度なら後に書いたCSSが勝つ仕組み、詳細度を上げる・下げる方法まで整理します。
Flutter初心者の学習順｜環境構築からアプリ公開までのロードマップ
Flutter初心者向けに、学習順を環境構築、Dart基礎、UI、状態管理、API、Firebase、公開まで段階別に整理します。
Claude Codeの使い方｜ターミナルでAIにコード修正を頼む流れ
Claude Codeの使い方を初心者向けに解説。インストール、ログイン、既存プロジェクトでの依頼方法、Plan mode、差分確認、テスト、CLAUDE.md、VS Code連携、権限設定、やってはいけない使い方をまとめます。
プロンプトエンジニアリングとは？AIに安定した出力をさせる基本
プロンプトエンジニアリングの意味、一般的なプロンプトの書き方との違い、目的・文脈・制約・例・評価を使ってAI出力を安定させる設計方法をWeb開発者向けに整理します。
AIとは？エンジニアがWeb開発で押さえるべき基本を解説
AIをWeb開発に組み込むために、AI・生成AI・LLM・AI APIの違い、基本構成、学ぶ順番、実装で起こりやすい失敗をエンジニア向けに整理します。