AI / PROGRAMMING / WEB CREATION
AIとつくる、
実践プログラミング。
AIを活用したコーディング、Web制作、WordPress、フロントエンド技術を、コード・手順・比較・ツールとともに整理しています。 無料Toolsを使う
何を調べていますか？
エラー文、作りたい機能、技術名、AIツール名から検索できます。CATEGORIES
カテゴリから探す
近いテーマを選ぶと、基礎から実践までの記事をまとめて確認できます。
AI Engineering
RAG、MCP、ローカルLLM、AIコーディングを実装と計測で学ぶ
21 ARTICLES 02Generative Media
ComfyUIと画像・動画生成を、再現できる手順と検証で扱う
59 ARTICLES 03Frontend Engineering
HTML、CSS、JavaScript、React、Vue、Nuxtの実装とトラブル解決
273 ARTICLES 04Creative Web
Three.js、GLSL、GSAP、CSSアニメーション、デザイン表現を作る
65 ARTICLES 05Backend & CMS
PHP、Apache、MySQL、WordPressのサーバーサイド実践知識
66 ARTICLES 06Developer Workflow
Git、ビルドツール、エディタ、AIコーディング環境を整える
31 ARTICLESRECENTLY UPDATED
最近更新された記事
Three.js Materialの種類と使い方｜選び方・変更・透明度を解説
Three.jsのMaterialを目的別に比較し、MeshBasic・Standard・Physical・Toon・Matcapなどの選び方、生成後の変更、透明度、side、wireframe、needsUpdate、disposeまで初心者向けに解説します。
PHPで配列の長さを取得する方法｜count・foreach・forループ
PHPで配列の長さ・要素数をcount()で取得する方法を解説します。連想配列・多次元配列・疎なキー・PHP 8のTypeError、foreachとforの使い分け、Countable・iterator、文字列のlengthとの違いまで整理します。
PlaywrightのstorageStateでログインを共有する｜setup projectと期限切れ対策
Playwrightでログインを1回行い、storageStateを各テストへ渡す方法。auth.setup.ts、projectsの依存設定、ログイン後のテストを掲載し、期限切れ・複数ロール・CIでの扱いを説明します。
MySQLの設定値が戻る原因を調べる｜SET PERSISTとvariables_info
MySQLでSET GLOBALの値が再起動後に戻るとき、実行中の値・保存値・読み込み元をSQLで比較します。variables_info、SET PERSIST、PERSIST_ONLY、RESET PERSISTをMySQL 8.4の再起動実験で確認します。
Reactのスケルトン表示｜300ms遅延とSuspense・useTransitionの使い分け
Reactで実カードと寸法を揃えたスケルトンを作ります。短い待ち時間では表示を遅らせ、Suspenseのfallbackと通常のloading状態を使い分け、useTransitionで表示済みの内容を保つ実装を解説します。
GSAP ScrollTriggerで横スクロールを作る｜移動距離とcontainerAnimation
縦スクロールで複数パネルを横へ送るGSAPの実装例です。scrollWidthから表示幅を引く距離計算、containerAnimationによる内側の表示、スマホ・reduced-motionで縦並びへ戻す処理を解説します。
MySQLのデッドロックを再現して直す｜ログの読み方とPHPの再試行
MySQLのエラー1213を2つの接続で再現し、LATEST DETECTED DEADLOCKから更新順序の食い違いを読み解きます。順序を揃える修正と、PDOでトランザクション全体を再試行するPHPコードを実行結果つきで紹介します。
Typed.jsをReact・Vueで使う方法｜初期化・destroyと二重起動の防ぎ方
Typed.jsをReactのuseEffect・Vue 3のonMountedで動かすコンポーネント例。destroyによる後片付け、props変更、StrictMode、Next.jsの配置、動きを減らす設定への対応を解説します。