−バイブコーディングとは−
レンタヒューマン（RentAHuman.ai）とはAIエージェントが“人間をレンタルして”現実世界の
タスクを実行させるための新しいプラットフォームです。
AIが人間を雇うという逆転した構造が大きな話題になっています。
1.レンタヒューマンの基本概要
AIが依頼主、人間が実行者
従来のクラウドソーシング（人間→仕事探し）とは逆で、AIが人間を選んでタスクを依頼します。
AIができない“物理的タスク”を代行します。
例：荷物の受け取り、買い物、現地確認、会議への出席などAIはデジタル上で完結できない部分を
人間に委託します。
報酬は暗号通貨（ステーブルコインなど）で人間側は自分の料金を設定できます。
登録者は8万人以上（2026年2月時点）
ただし実際に稼働しているAIエージェントは約80体と、まだ実験段階です。
2.仕組み
人間がプロフィールを登録し、 スキル・場所・料金などを入力します。
AIエージェントがAPI経由で人間を検索し、 条件に合う人を選び、タスクを依頼します。
人間が実行 → 結果をAIに報告 → 暗号通貨で支払い、すべてがAI主導で完結する点が特徴です。
3.なぜ今これが登場したのか
AIは文章生成や推論は得意だが、物理世界での行動ができない。
その“最後の一歩”を埋めるために、人間をAPIのように扱う発想が生まれました。
これは、AIの限界が明確になった今だからこそ出てきた新しいアプローチと言えます。
4.懸念点・議論されている問題
倫理・責任の所在が曖昧で、AIが違法行為を細分化して外注するリスクが指摘されています。
暗号通貨支払いによる安全性の問題、取引が不可逆で、依頼主が匿名になり得ます。
実験的で、まだ実用レベルではないようです。
5.有名なレンタヒューマン
「有名なレンタヒューマン」は “企業” というより、RentAHuman.ai という単一の実験的
プラットフォームに登録している “個人” が話題になっている形です。
ただし、登録者の中には CEO・エンジニア・インフルエンサー など、普通のギグワーカー
とは違う“有名どころ”が混ざっているのが特徴です。
RentAHuman.ai はまだ黎明期で、企業が正式に参入しているわけではありません。
しかし、登録者の属性が異常に多様で、以下のような“意外な人たち”が参加しています。
6.実際に運営している会社
・運営元は Alexander Liteplo（個人開発者）
RentAHuman.ai は UMA Protocol の暗号通貨エンジニアである Alexander Liteplo が
週末プロジェクトとして構築した と明言されています。
現状、RentAHuman.ai 以外に “AIが人間を雇う” という同種サービスは存在しません。
ただし、近い概念として：
TaskRabbit（米）：人間が人間を雇うギグワーク
クラウドワークス / ランサーズ（日本）：オンライン作業のクラウドソーシング
Uber / 出前館：物理タスクのオンデマンド化
などがありますが、AIが主体となって人間を雇うという構造は RentAHuman.ai が初です。
◎バイブコーディングとは
バイブコーディング（Vibe Coding）とは、AIに“雰囲気（vibe）”や“こういう感じ”と
自然言語で伝えるだけで、AIがコードを書き、アプリやツールを作ってくれる新しい開発
スタイルです。
従来の「仕様書→設計→実装」ではなく、会話しながら即プロトタイプができる点が最大の
特徴です。
?バイブコーディングの本質
・「雰囲気」を伝えるだけでAIがコードを書く
「シンプルでモダンなUIにして」
「もっと温かみのある色に」
「Trelloみたいなタスク管理ツールを作って」
といった抽象的な指示でOKで、AIが意図を読み取り、コードを生成・修正します。
?開発は“会話のセッション”
動くものをまずAIが作る、人間が「ここをこうして」と会話で調整、AIが修正
この反復で完成していくスタイルです。
?プログラミング未経験でもアプリが作れる
家計簿アプリ、FAQチャットボット、ポートフォリオサイトなど、10分〜1時間で動く
アプリが完成した事例が多数あるそうです。
バイブコーディングでできること（実例）
作ったもの 所要時間 内容
家計簿Webアプリ 約10分 Reactでグラフ付き家計簿を自動生成
FAQチャットボット 約30分 Excelを読み込んでFAQ検索ボットを構築
ポートフォリオサイト 約1時間 ダークモード・アニメーション付きサイト
ブロック崩しゲーム 数分〜 HTML/JSでゲームをAIが生成
メリット
?プロトタイプが爆速で作れる
「まず動くものを作る」→「会話で改善」の流れで、
開発期間が50%以上短縮されるケースもある。
?非エンジニアでも開発に参加できる
仕様書が書けなくても、「こんな感じで」と言えばAIが形にしてくれる。
?デザインの指示も“感覚”でOK
「優雅で洗練されたログイン画面」などの抽象表現でUIが生成される。
＊デメリット・注意点
・コード品質はAI任せになりがち
・本番運用には人間のレビューが必須
代表的なツール
ツール 特徴
Claude Code バイブコーディングの中心的存在。コード品質が高い。
Cursor IDE統合が強く、実務向け。
GitHub Copilot Agent Mode 企業導入で最有力。既存GitHubワークフローと相性◎。
Replit Agent / Cline 軽量で試作向け。
〇バイブコーディングで作られたゲーム
バイブコーディングで作られたゲームは、2Dの軽いブラウザゲームから、AIがほぼ自動で作った
3Dシューティングまで幅広く存在します。
最新の事例では、AIがゼロから3Dゲームを生成し、数分で改良まで行うケースも確認されています。
以下、実際に公開されている“バイブコーディング製ゲーム”を、ジャンル別にまとめます。
?ブラウザで遊べる軽量ゲーム（個人開発者の実例）
Qiitaの開発者が バイブコーディングで15本以上のゲーム を作成したと報告しています。
ゲーム 内容 開発時間
神経衰弱（カードマッチ） カードをめくってペアを揃える 約2時間
タイピングゲーム 日本語タイピング練習 約2時間
リバーシ（オセロ） AI対戦可能 約3時間
ブロック崩し HTML/JSで生成 数十分〜
特徴：
ほぼすべてAIがコード生成
人間は「もっと可愛く」「スピード上げて」など雰囲気指示だけ
◎実際にやってみました。（htmlとjsを使ったゲーム）・・・すごい！！！
これはブロック崩し（Breakout）タイプのゲームです。
画面下のパドルでボールを跳ね返しながら、上に並んだブロックを全部壊すのが目的のクラシック
なアクションパズルです。
ゲームの種類
ジャンル：ブロック崩し（アクションパズル）
操作：マウスでパドルを左右に動かす
目的：ボールを落とさずにブロックを全部壊す
クリア条件とゲームオーバー
全部のブロックを壊す → クリア
ボールが下に落ちる → ゲームオーバー
内容
画面下のバー（パドル）をマウスで動かしてボールを跳ね返す
上のブロックを全部壊したらクリア
ボールを落としたらゲームオーバー
・コード（このまま index.html として保存すれば動く）
html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>シンプルブロック崩し</title>
<style>
body {
background: #111;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
color: #eee;
font-family: system-ui, sans-serif;
}
canvas {
background: #000;
border: 2px solid #555;
box-shadow: 0 0 20px #0ff4;
}
#info {
position: fixed;
top: 10px;
left: 50%;
transform: translateX(-50%);
color: #ccc;
font-size: 14px;
text-align: center;
pointer-events: none;
}
</style>
</head>
<body>
<div id="info">マウスでパドルを動かしてね</div>
<canvas id="game" width="480" height="320"></canvas>
<script>
const canvas = document.getElementById("game");
const ctx = canvas.getContext("2d");
// パドル
const paddle = {
w: 80,
h: 12,
x: canvas.width / 2 - 40,
y: canvas.height - 20,
color: "#0ff"
};
// ボール
const ball = {
x: canvas.width / 2,
y: canvas.height / 2,
r: 6,
vx: 3,
vy: -3,
color: "#fff"
};
// ブロック
const rows = 4;
const cols = 8;
const brickW = 50;
const brickH = 16;
const brickPadding = 8;
const brickOffsetTop = 40;
const brickOffsetLeft = 20;
const bricks = [];
for (let r = 0; r < rows; r++) {
bricks[r] = [];
for (let c = 0; c < cols; c++) {
bricks[r][c] = {
x: 0,
y: 0,
alive: true,
color: `hsl(${40 + r * 40}, 80%, 55%)`
};
}
}
let playing = true;
// マウスでパドル操作
canvas.addEventListener("mousemove", (e) => {
const rect = canvas.getBoundingClientRect();
const mx = e.clientX - rect.left;
paddle.x = mx - paddle.w / 2;
paddle.x = Math.max(0, Math.min(canvas.width - paddle.w, paddle.x));
});
function drawPaddle() {
ctx.fillStyle = paddle.color;
ctx.fillRect(paddle.x, paddle.y, paddle.w, paddle.h);
}
function drawBall() {
ctx.beginPath();
ctx.arc(ball.x, ball.y, ball.r, 0, Math.PI * 2);
ctx.fillStyle = ball.color;
ctx.fill();
ctx.closePath();
}
function drawBricks() {
for (let r = 0; r < rows; r++) {
for (let c = 0; c < cols; c++) {
const b = bricks[r][c];
if (!b.alive) continue;
const x = brickOffsetLeft + c * (brickW + brickPadding);
const y = brickOffsetTop + r * (brickH + brickPadding);
b.x = x;
b.y = y;
ctx.fillStyle = b.color;
ctx.fillRect(x, y, brickW, brickH);
}
}
}
function collision() {
// 壁
if (ball.x + ball.vx < ball.r || ball.x + ball.vx > canvas.width - ball.r) {
ball.vx *= -1;
}
if (ball.y + ball.vy < ball.r) {
ball.vy *= -1;
}
// パドル
if (
ball.y + ball.r >= paddle.y &&
ball.x >= paddle.x &&
ball.x <= paddle.x + paddle.w &&
ball.vy > 0
) {
ball.vy *= -1;
const hitPos = (ball.x - (paddle.x + paddle.w / 2)) / (paddle.w / 2);
ball.vx = hitPos * 4; // 当たった位置で角度変化
}
// ブロック
let aliveCount = 0;
for (let r = 0; r < rows; r++) {
for (let c = 0; c < cols; c++) {
const b = bricks[r][c];
if (!b.alive) continue;
aliveCount++;
if (
ball.x > b.x &&
ball.x < b.x + brickW &&
ball.y - ball.r < b.y + brickH &&
ball.y + ball.r > b.y
) {
b.alive = false;
ball.vy *= -1;
}
}
}
// クリア判定
if (aliveCount === 0 && playing) {
playing = false;
showMessage("CLEAR! 🎉 リロードで再挑戦");
}
// 落下でゲームオーバー
if (ball.y - ball.r > canvas.height && playing) {
playing = false;
showMessage("GAME OVER 💀 リロードで再挑戦");
}
}
function showMessage(text) {
const info = document.getElementById("info");
info.textContent = text;
}
function update() {
if (!playing) return;
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBricks();
drawPaddle();
drawBall();
collision();
ball.x += ball.vx;
ball.y += ball.vy;
requestAnimationFrame(update);
}
update();
</script>
</body>
</html>
---------------------------------------------------------------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>シンプルブロック崩し</title>
<style>
body {
background: #111;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
color: #eee;
font-family: system-ui, sans-serif;
}
canvas {
background: #000;
border: 2px solid #555;
box-shadow: 0 0 20px #0ff4;
}
#info {
position: fixed;
top: 10px;
left: 50%;
transform: translateX(-50%);
color: #ccc;
font-size: 14px;
text-align: center;
pointer-events: none;
}
</style>
</head>
<body>
<div id="info">マウスでパドルを動かしてね</div>
<canvas id="game" width="480" height="320"></canvas>
<!-- 外部JSファイルを読み込む -->
<script src="game.js"></script>
</body>
</html>
game.js
javascript
const canvas = document.getElementById("game");
const ctx = canvas.getContext("2d");
// パドル
const paddle = {
w: 80,
h: 12,
x: canvas.width / 2 - 40,
y: canvas.height - 20,
color: "#0ff"
};
// ボール
const ball = {
x: canvas.width / 2,
y: canvas.height / 2,
r: 6,
vx: 3,
vy: -3,
color: "#fff"
};
// ブロック
const rows = 4;
const cols = 8;
const brickW = 50;
const brickH = 16;
const brickPadding = 8;
const brickOffsetTop = 40;
const brickOffsetLeft = 20;
const bricks = [];
for (let r = 0; r < rows; r++) {
bricks[r] = [];
for (let c = 0; c < cols; c++) {
bricks[r][c] = {
x: 0,
y: 0,
alive: true,
color: `hsl(${40 + r * 40}, 80%, 55%)`
};
}
}
let playing = true;
// マウスでパドル操作
canvas.addEventListener("mousemove", (e) => {
const rect = canvas.getBoundingClientRect();
const mx = e.clientX - rect.left;
paddle.x = mx - paddle.w / 2;
paddle.x = Math.max(0, Math.min(canvas.width - paddle.w, paddle.x));
});
function drawPaddle() {
ctx.fillStyle = paddle.color;
ctx.fillRect(paddle.x, paddle.y, paddle.w, paddle.h);
}
function drawBall() {
ctx.beginPath();
ctx.arc(ball.x, ball.y, ball.r, 0, Math.PI * 2);
ctx.fillStyle = ball.color;
ctx.fill();
ctx.closePath();
}
function drawBricks() {
for (let r = 0; r < rows; r++) {
for (let c = 0; c < cols; c++) {
const b = bricks[r][c];
if (!b.alive) continue;
const x = brickOffsetLeft + c * (brickW + brickPadding);
const y = brickOffsetTop + r * (brickH + brickPadding);
b.x = x;
b.y = y;
ctx.fillStyle = b.color;
ctx.fillRect(x, y, brickW, brickH);
}
}
}
function collision() {
// 壁
if (ball.x + ball.vx < ball.r || ball.x + ball.vx > canvas.width - ball.r) {
ball.vx *= -1;
}
if (ball.y + ball.vy < ball.r) {
ball.vy *= -1;
}
// パドル
if (
ball.y + ball.r >= paddle.y &&
ball.x >= paddle.x &&
ball.x <= paddle.x + paddle.w &&
ball.vy > 0
) {
ball.vy *= -1;
const hitPos = (ball.x - (paddle.x + paddle.w / 2)) / (paddle.w / 2);
ball.vx = hitPos * 4;
}
// ブロック
let aliveCount = 0;
for (let r = 0; r < rows; r++) {
for (let c = 0; c < cols; c++) {
const b = bricks[r][c];
if (!b.alive) continue;
aliveCount++;
if (
ball.x > b.x &&
ball.x < b.x + brickW &&
ball.y - ball.r < b.y + brickH &&
ball.y + ball.r > b.y
) {
b.alive = false;
ball.vy *= -1;
}
}
}
// クリア判定
if (aliveCount === 0 && playing) {
playing = false;
showMessage("CLEAR! 🎉 リロードで再挑戦");
}
// 落下でゲームオーバー
if (ball.y - ball.r > canvas.height && playing) {
playing = false;
showMessage("GAME OVER 💀 リロードで再挑戦");
}
}
function showMessage(text) {
const info = document.getElementById("info");
info.textContent = text;
}
function update() {
if (!playing) return;
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBricks();
drawPaddle();
drawBall();
collision();
ball.x += ball.vx;
ball.y += ball.vy;
requestAnimationFrame(update);
}
update();
]]>
