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
最近更新された記事
PlaywrightのtoHaveScreenshotで画像比較｜基準作成・崩れ検出・差分更新の手順
Playwrightで画面の見た目を比較する手順を、動くサンプルで解説。データと画面幅の固定、toHaveScreenshotのthreshold・maxDiffPixels・mask、基準画像の限定更新とCIでの管理を実測結果から確認します。
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との違いまで整理します。
MySQL「Unknown collation: utf8mb4_0900_ai_ci」の直し方｜DDL修正と移行後の確認
utf8mb4_0900_ai_ciでダンプのインポートが止まるときの確認手順。移行先の対応を調べ、データを変えずにDDLを修正し、末尾空白による一意制約の衝突まで検証します。MariaDBの対応版での違いも紹介。
ReactでGSAPを使う方法｜useGSAP・contextSafeとStrictModeの後片付け
ReactのGSAPをscope・dependencies・revertOnUpdateで作成・破棄する実例。contextSafeとイベント解除の違いを整理し、StrictMode、props更新、ScrollTrigger、取り外し後の残存を2枚のカードで確認します。
ComfyUIで動画をフレーム補間する｜標準RIFE・FILMノードとFPSの設定
ComfyUIの標準ノードで保存済み動画を2倍・4倍補間する配線とFPSの決め方。出力枚数が単純な倍数にならない理由、末尾の尺、音声とのずれ、輪郭・文字・カット境界の破綻の見方を整理します。
TypeScriptでfetchのレスポンスを型付けする｜unknown・型ガード・Zodの実行例
as Userで型を付けても、APIから届くJSONは検証されません。unknownで受ける型ガードとZodの実装を比較し、整形済みdataの返却、HTTP・JSON・検証エラーの分岐まで動かして確認します。
Vitestの使い方｜vi.fn・vi.mockでfetchを差し替える最小構成
VitestでAPIを呼ぶ関数をテストする最小構成を紹介。vi.fnとvi.stubGlobalによるfetchの差し替え、vi.mockでのモジュール置換、日時の固定と復元、coverage設定まで、実行確認済みのコードで解説します。