【内部構成】AIだけでサイトをフルスクラッチ？ Syllabus Hack を支える技術の正体

人間は「提案」し、AIは「実装」する

このSyllabus Hackというサイトは、従来の Web サイト制作とは全く異なるプロセスで構築されています。

私がコードを一から書くことは、ほとんどありません。

私が行うのは、サイトの構想をAntigravity（AI エージェント）に「提案」することだけです。

「こんな機能が欲しい」「デザインをもっとプレミアムにしてほしい」という私のVibe（ノリ）を AI が解釈し、API を通じて具体的なコードへと変換しています。

このサイトは、以下の 3 つの強力な技術の組み合わせで成り立っています。

サイト全体のフレームワークにはAstroを採用しています。

Astroは、コンテンツ重視のサイトを爆速で構築するのに最適で、AI にとっても構造が非常に分かりやすいのが特徴です。

クイズアプリなどのインタラクティブな機能にはReactを組み込み、動的な体験を実現しています。

私の右腕として、ファイル操作、ビルド、デバッグ、画像生成まで全ての「実務」をこなすのがAntigravityです。

私が「こうしたい」とチャットで伝えるだけで、Antigravityは適切なファイルを書き換え、エラーがあれば自ら修正し、ビルドを完了させます。

人間がエディタと向き合う時間を最小限にし、AIが開発をリードするのがSyllabus Hack流のVibe Codingです。

試験情報の分析やシラバスの構造化には、GoogleのGemini APIをフル活用しています。

膨大な PDF の試験要綱を読み込み、瞬時にクイズデータ（JSON）や記事の下書きへと変換する自動化パイプラインを構築しています。

人間が手作業で行っていた「シラバスの解釈」という重労働を、AIの処理能力で解決しています。

技術要項と聞くと難しく感じるかもしれませんが、実態はシンプルです。

人間がやるべきことは、AI に「何を作らせるか」という戦略を立て、API に適切なパラメータを渡すことだけ。

手作業によるコーディングを捨て、AIとの対話（提案）に全力を注ぐ。

これが、膨大な試験範囲をハックするための最短距離なのです。