fableの教科書｜実証デモ集。

Brain教材『fableの教科書』の第1章「できること20選」で、著者(Zuki)が実際にAI(Claude Fable 5)に一発生成させた実物をそのまま置いています。手直しはログに書いた範囲のみ。数字はすべて実測値です。

スマホでも動きますが、#07・#08はキーボード操作のためPC推奨。#19はカメラ許可が必要です(映像は端末内処理のみ・どこにも送信されません)。

触って動かせる作品

#07ボクセル建築ゲーム

一発指示で「11万ブロックの世界を歩き・壊し・建てられる」762行・実測60fps。

触ってみるPC推奨(WASD+マウス)

#083Dレーシング

指示は本当に2文だけ。6.5分で509行、コース・ライバル車3台・ラップ計測つき。

触ってみるPC推奨(矢印キー)

#09画面の見た目だけから「動くUI」を再現

「この画面みたいなUIを作って」で21分・1,112行。タブ切替・Star・ファイル絞り込みなど9種のインタラクションが動く(商標・実データ不使用の架空リポジトリ)。

触ってみる

#12機械式時計シミュレーター

本物の歯車比で動くスケルトン時計・349行。秒針は実時間と同期、スロー再生で脱進機を観察できる。

触ってみる

#13太陽系シミュレーター(日食予測つき)

32分・779行。2026年8月12日の実在の皆既日食を新月時刻差0.2分で言い当てた(過去3年の日食8件中8件一致)。

触ってみる

#14ブラックホール・シミュレーター

22分・528行・実測60fps。重力レンズで星が円弧に歪む相対論効果入り。

触ってみる

#15ブランド指定のHTMLメール3通

色とトーンを箇条書きで渡して11分。テーブルレイアウトや配信停止リンクなどメール特有の作法まで自前で揃えてきた。

見てみる

#18WebOS(1ファイルのデスクトップ環境)

1,083行・1ファイルで、メモ帳・ペイント・電卓が動き、窓の重なりや最小化までできる。

触ってみる

#19指トラッキングゲーム

生成2分34秒・599行。人差し指で落ちてくる的をタッチする45秒スコアアタック。

触ってみるカメラ許可が必要・端末内処理のみ

#06サイトまるごと別デザイン再構築

実在の3ページサイトを、文言そのままに全自動28分・2,201行で別デザイン化(検品込み)。

見てみる元サイトとの見比べは教材内で

読める実測ドキュメント（書類仕事の実物）

ゲームやシミュレーターだけではなく、"書類仕事"の成果物も原文ママで公開しています。指示文と実測値つき。

#01決算書類243ページ→意思決定メモ1枚

トヨタの有価証券報告書を実測10分でA4一枚に。数字78件の照合表つき——照合が1文字の転記ミスを捕まえた顛末もそのまま。

読んでみる

#03障害ログ診断(ブラインドテスト)

3,569行のアプリにtypoを1箇所仕込み、仕込みを知らないAIに診断させたら93秒で行番号まで完全特定。渡した情報も出力も全文公開。

読んでみる

#042,514行のコード変更をAIレビュー

指摘27件のうち2件は「後日、人手で実際に直した問題」と一致。自分のサイトの粗も原文ママで公開。

読んでみる

#11note原稿1本→台本・音声・サムネ・投稿文

初回15分で仕組みごと、2回目からは2.7秒。音声(2分05秒)もサムネも投稿文も、実物をこのページで確認できる。

見てみる

#20自分のサイト全ページ監査

3ページを実測5分。シロ確認6項目に加えて「OGPタグ欠落」という自分では気づかなかった穴を1つ発見。

読んでみる