バイブコーディング

プログラミング未経験でも、AIに「こう作りたい」と話しかけるだけでアプリは動き出す。それがバイブコーディング(vibe coding)です。最初のプロンプトからエラーの直し方、公開までを専門用語を避けて案内する入門シリーズに、AIと都市開発シミュレーションゲームを作る実践連載(全6回)が加わりました。メモ帳の1本目から、ゲームを組み上げて公開するところまで一歩ずつ。次の一歩はアプリの作り方へ。

  1. 背景除去アプリを作る⑥|QGraphicsViewズーム・スポイト・QThread非同期・D&D一括処理【背景除去Studio制作】

    背景除去アプリを作る⑥|QGraphicsViewズーム・スポイト・QThread非同期・D&…

    十数秒かかるAI推論でUIを固まらせない。QGraphicsViewのズームとブラシ円カーソル、クリックの意味がモードで変わるスポイト/ワンド、世代番号で古い推…

  2. 背景除去アプリを作る⑤|5スライダー後処理+消去/復元ブラシ+20段Undoで「自動9割・手で1割」を仕上げる【背景除去Studio制作】

    背景除去アプリを作る⑤|5スライダー後処理+消去/復元ブラシ+20段Undoで「自動9割・手で1割」…

    完全自動を狙うより、自動+微修正の方が実用品質に早く届く。しきい値・ソフト幅・エッジ収縮膨張・ノイズ・ぼかしの5スライダー後処理、独立レイヤーの消去/復元ブラシ…

  3. 背景除去アプリを作る④|BiRefNetをONNXでローカル推論する — モデル別前処理とDirectML→CPUフォールバック【背景除去Studio制作】

    背景除去アプリを作る④|BiRefNetをONNXでローカル推論する — モデル別前処理とDirec…

    画像を1枚も外に出さず、SOTA級のAI切り抜きを手元で回す。BiRefNet/ISNet/U2Netのモデル別前処理(入力サイズ・mean/std・sigmo…

  4. 背景除去アプリを作る③|「囲まれた背景」と「アイコンの穴」— 相反する2つの難所を実測で解く【背景除去Studio制作】

    背景除去アプリを作る③|「囲まれた背景」と「アイコンの穴」— 相反する2つの難所を実測で解く【背景除…

    弓の内側の背景は消したい。エンブレム内部の黒は残したい。この相反する2ケースを、ポケット除去(連結成分×色距離)と通路遮断(境界連結opening)の2オプショ…

  5. 背景除去アプリを作る②|AIなしでここまで抜ける — FloodFill・クロマキー・Color-to-Alphaの古典CVエンジン【背景除去Studio制作】

    背景除去アプリを作る②|AIなしでここまで抜ける — FloodFill・クロマキー・Color-t…

    白背景の商品写真はAIより古典CVの方が速くて正確。四隅FloodFill+カラーゲート・HSVクロマキー・マジックワンド・Color-to-Alphaの4エン…

  6. ローカルAIで背景除去アプリを作る①|PyQt6と3枚の純関数レイヤで「壊れない土台」を作る【背景除去Studio制作】

    ローカルAIで背景除去アプリを作る①|PyQt6と3枚の純関数レイヤで「壊れない土台」を作る【背景除…

    完全オフラインの背景除去アプリ「Background Removal Studio Pro」を実コードで1から作る連載の第1回。古典CV・後処理・AI推論を純関…

  7. 都市開発シミュを作る⑥|静的ビルドをWordPressへ公開+連載総括【Aurum City制作・完結】

    都市開発シミュを作る⑥|静的ビルドをWordPressへ公開+連載総括【Aurum City制作・完…

    完成した都市開発シミュを、バックエンド無しの静的ビルドにしてWordPressへ「置くだけ」で公開する。型チェック・246個のテスト・実機コンソール0で「動いて…

  8. 都市開発シミュを作る⑤|「面白くない」を目標・施設・イベント・音の4軸で解消【Aurum City制作】

    都市開発シミュを作る⑤|「面白くない」を目標・施設・イベント・音の4軸で解消【Aurum City制…

    「面白くない」を4軸(目標・打ち手・変化・音)で解消する。都市ランクとミッション、サービス施設と幸福度、通勤・交通、ランダムイベントとニュース速報、生成AIのB…

  9. 都市開発シミュを作る④|4度つまずいて座標系ごと作り直した話 — 真のアイソメグリッド移行【Aurum City制作】

    都市開発シミュを作る④|4度つまずいて座標系ごと作り直した話 — 真のアイソメグリッド移行【Auru…

    「MVP完成」と思った直後、実機のスクショで同じ崩れが4度も再発した。個別バグを直しても消えない真因は、正方形グリッドという座標系そのものだった。真のアイソメ(…

  10. 都市開発シミュを作る③|需要・成長・経済の決定論シミュレーション(MVP完成)【Aurum City制作】

    都市開発シミュを作る③|需要・成長・経済の決定論シミュレーション(MVP完成)【Aurum City…

    需要・成長・経済で街を動かす決定論シミュレーションの作り方。種から回す乱数(mulberry32)で同じ操作は同じ結果にしてテスト可能にし、RCI需要・道路接続…

注目

AIで、ここまで作れる

AIで作った2D RPGを、ブラウザでそのまま遊べます。その「作り方=最後まで完成させる進め方」も実例つきで公開中。

▶ ゲームを遊ぶやり方を読む

PR

お名前.com 独自ドメイン取得(PR)

独自ドメイン:お名前.com(本サイトで使用・PR)

  1. バイブコーディングの始め方|AIツールの選び方と最初のセットアップ【入門2】

    バイブコーディング

    バイブコーディングの始め方|AIツールの選び方と最初のセットアップ【入門2】
  2. 高精度OCRデスクトップアプリの作り方 — PaddleOCR-VLとPyInstaller凍結の実践

    アプリの作り方

    高精度OCRデスクトップアプリの作り方 — PaddleOCR-VLとPyIns…
  3. AIに「作りたい」を正しく伝える3つのコツ|プロンプト入門【入門3】

    バイブコーディング

    AIに「作りたい」を正しく伝える3つのコツ|プロンプト入門【入門3】
  4. Inkling は手元では動かない — 1bit 量子化で 270GB という現実と、個人開発者の入口

    AI・テック動向

    Inkling は手元では動かない — 1bit 量子化で 270GB という現…
  5. Kimi K3 のウェイト公開 594GB — 「オープンウェイト=手元で動く」が成り立たない規模をコストで見る

    AI・テック動向

    Kimi K3 のウェイト公開 594GB — 「オープンウェイト=手元で動く」…
PAGE TOP

TAG CLOUD

ドラッグで回転・クリックでそのタグの記事一覧へ