リリース当日のFable 5に寿司打クローンを丸投げ、1プロンプトでVercel公開まで完走

2026/06/09 21:45 公開

リリース当日のFable 5に寿司打クローンを丸投げ、1プロンプトでVercel公開まで完走

日本時間2026年6月10日にAnthropicからリリースされたFable 5をClaude Codeに使用して、最初のタスクとして「寿司打クローンを作ってVercelで公開するまで」を丸ごと投げてみました。 結論から言うと、プロンプト1回で本番URLまで到達。途中の品質確認も含めて、こちらがやったことはほぼゼロです。

この記事では、実際に投げたプロンプト・生成された成果物・処理の流れをそのまま公開します。最後に、別セッションで遭遇した「Fable 5のセーフガードが発動してOpus 4.8に自動で切り替わる」現象についても書きます。

投げたプロンプトは3行

Claude Codeで/modelからFable 5に切り替えて、空のディレクトリで投げたのはこれだけです。

code
このディレクトリで寿司打みたいなタイピングゲームを作って
ogpも作って(codex mcpの画像生成も使っていいよ)
vercelにデプロイしてみて

仕様書なし、技術選定の指示なし、ワードリストの用意もなし。「寿司打みたいな」という一言から何を再現すべきかを汲み取ってもらう、かなり雑な投げ方です。

できたもの

約10分後、Vercelにデプロイされたのがこちら。

FABLE寿司 — 回転タイピング

「FABLE寿司」という名前の回転寿司タイピングゲームになりました。再現されていた要素を挙げると:

  • 3コース制:お手軽3,000円/60秒、お勧め5,000円/90秒、高級10,000円/120秒
  • 皿が流れる演出:木製レーンを皿が右から左へ流れ、打ち切れないと流される
  • 皿の縁の色が値段で変わる:青→赤→銀→金→黒(回転寿司あるある)
  • 「○○円分お得/損」判定:寿司打名物の元を取れたか演出
  • Xシェアボタン:結果をそのままポストできる

絵文字だけどちゃんと寿司が流れてきててこだわりを感じますね
絵文字だけどちゃんと寿司が流れてきててこだわりを感じますね

一番感心したのはローマ字判定エンジン

タイピングゲームの肝は「し=shi/si」「っ=子音重ね/ltu」「ん=n/nn」みたいな入力揺れの受理です。ここを雑に作ると遊べたものになりません。

Fable 5はここをNFA(非決定性オートマトン)方式で自作してきました。かな列に対して取りうる打鍵ユニットを全部状態として持ち、1打鍵ごとに生存状態を絞り込む設計です。

code
// 「ん」の文脈依存ルール(生成されたコードから抜粋)
if (c === 'ん') {
  const alts = ['nn'];
  const next = kana[i + 1];
  // 後続があ行・な行・や行でなければ「n」1打もOK
  if (next !== undefined && !N_BLOCKERS.has(next)) alts.push('n');
  alts.push("n'", 'xn');
}

「ほんや」をhonyaと打つと「にゃ」になってしまうからnn必須、みたいな日本語入力の細かい仕様を指示なしで正しく実装しています。

さらに勝手にNodeでテストを書いて回していました。kappamakikaltupamakiの両対応、chuutorotyuutoroの両対応など27ケース+収録全80ワードが最後まで打鍵可能かの検証で、全部グリーンになるまで自走しています。

ブラウザでの動作確認まで自分でやる

コードを書いて終わりではなく、ローカルサーバーを立てて、Chrome DevTools MCP経由で実際にゲームを起動し、キーイベントを送ってプレイして、スクリーンショットで画面崩れがないかを確認していました。

  • スタート画面→コース選択→カウントダウン→プレイ→結果画面まで通しでプレイ
  • 「間八(かんぱち)」を途中まで打って判定表示が正しいかチェック
  • コンソールエラーがゼロなことも確認

人間がやるQAの流れをそのままなぞっている感じで、「動くはずです」ではなく「動かして確認しました」が返ってくるのは体験としてかなり別物です。 (人間でも「動かして確認しました」が出来ない人は一定数いるので、これは嬉しい気遣い)

ちなみに、Claude Codeからのブラウザ操作は普段はPlaywright CLIを使っているのですが(このnote投稿など)、「ログイン不要の簡単な画面操作やパフォーマンステストならChrome DevTools MCPの方が軽くて速い」と今回は判断したみたいです(賢くてえらいね)

OGP画像はCodex MCPに外注

OGP画像はcodex MCPの組み込み画像生成(image_gen.imagegen)に投げました。「FABLE寿司」「回転タイピング」という日本語テキストが崩れずに入った提灯+寿司レーン+キーボードの画像が一発で出てきて、1200x630へのクロップ、メタタグの絶対URLとデプロイ先エイリアスの一致確認までやって完了。

既に手元のClaude CodeにMCPを構築済みだったのもありますが、適材適所で他のツールに振るのも含めて、エージェント的な動きが安定しています。

Fable 5のスペックを軽くおさらい

  • API名はclaude-fable-5、リリース当日からAPI利用可能
  • Pro/Maxプランなら、ClaudeチャットでもClaude Codeでも使用できます
  • 入力$10/100万トークン、出力$50/100万トークン(前世代のMythos Previewの半額以下とありますが、Opusの約2倍です。。)
  • 数百万トークンの長コンテキスト+長時間の自律タスク対応
  • Stripeでは5,000万行のRubyコードベース移行を「2ヶ月→1日」に短縮した事例も

今回の寿司打クローンは1セッション・1プロンプトで完走したので、体感としてもこの「長時間自律」の進化は本物だと思います。

おまけ:セーフガードが発動してOpus 4.8に切り替わった

最後に、別セッションで遭遇した現象を。

自社サービスのセキュリティチェックをFable 5にやらせていたときのことです。脆弱性の洗い出しから対策の検討へ進めていたら、途中から応答のモデル表示がOpus 4.8に自動で切り替わりました。こちらは何も操作していません。

これはセーフガード対象だからOpusに自動で切り替えるで〜ってメッセージ
これはセーフガード対象だからOpusに自動で切り替えるで〜ってメッセージ

これはAnthropicが公式に説明しているFable 5のセーフガードで、サイバーセキュリティ・生物化学系など一部のトピックでは、応答をOpus 4.8が代わりに生成する仕組みです。公称では95%以上のセッションで発動しないとのことなので、踏むのはレアケースのはずですが、セキュリティ系の作業を日常的にやっている人は遭遇率が上がると思います。

体験としては「急に断られる」のではなく「静かにモデルが代わって作業は続く」ので、フラストレーションは小さめ。ただ、Fable 5の性能を期待して投げた作業がOpus 4.8で処理されることはあり得るので、セキュリティ診断系のワークフローを組んでいる人は頭の片隅に置いておくといいです。

ちなみにこのセーフガードを外したバージョンが「Mythos 5」として存在していて、こちらは審査されたパートナー(サイバーセキュリティや生物医学の研究機関)のみに提供されています。同じ基盤モデルの安全装置違い、という整理です。

自社サービスをMythos相当のモデルでセキュリティチェック出来ないのは残念ですが、それ以上に悪意のあるユーザーにこれを使われないメリットの方が遥かに大きいと個人的には思います(危うくブラッディ・マンデイが始まるところだった)

まとめ

  • 3行のプロンプトで、ゲーム実装→テスト→ブラウザQA→OGP生成→Vercel本番公開まで完走
  • ローマ字入力エンジンの仕様(ん・っ・拗音の揺れ)を指示なしで正しく実装
  • 「書いたら動かして確認する」が標準動作になっていて、成果物の信頼度が高い
  • セキュリティ系の作業ではセーフガードによるOpus 4.8への自動切り替えがある

寿司打の技術スタック

  • フロント:HTML/CSS/JS(ビルドなしの静的サイト)
  • ローマ字判定:自作NFAエンジン(Nodeでテスト)
  • 効果音:WebAudio(アセット不要)
  • OGP画像:codex MCP(image_gen.imagegen)
  • 検証:Chrome DevTools MCP
  • ホスティング:Vercel
PR

Lステップ × AI を同時に使いたい方へ

LINE公式のWebhook、1つしか設定できなくて困っていませんか?

LINE公式アカウントでは、Webhookの送信先URLを1つしか設定できません。そのため、Lステップを導入している企業が「DifyでAIチャットボットも動かしたい」「自社システムにもイベントを飛ばしたい」と思っても、Webhookの奪い合いになってしまいます。

結果として、片方を諦めるか、中継サーバーを自前で構築するか——どちらにしても時間とコストがかかる選択を迫られます。

L-Proxyなら、1つのWebhookを複数サービスに同時転送

LINE公式アカウントとサービスの間にL-Proxyを挟むだけで、Webhookを好きな数だけ分岐できます。

  • Lステップはそのまま、AIチャットボットを追加導入
  • 自社の顧客管理システムにもリアルタイムでイベント連携
  • 設定はURL貼り替えだけ。コード不要、最短5分で導入

今なら2週間の無料トライアル実施中。クレジットカード不要で、すべての機能をお試しいただけます。

L-Proxy について詳しく見る
記事一覧に戻る