所要時間30分、実働5分で LP を作る（ノーカットグダグダ版）

Codex CLI と Bloque を使って、LP を30分で作るというデモです。人間が行う作業は、初期設定を除くと5分かからないです。残りの25分くらいは Codex CLI が行う作業を眺めながらグダグダ説明する動画です。 出来上がった LP はこちらです。 https://bloque-lp.netlify.app/ 短く編集したものは別途公開予定です。 雷⚡︎の日に録音したため、何度か雷鳴が轟く時があります。また、滑舌が悪いため聞き取りづらいところもあると思いますが、ご了承いただければと思います。 --- ソースコードは以下に置いてあります。 https://github.com/mobalab/bloque-pub... Bloque の使い方・初期設定などは、仮の製品名である MHaaS の時に撮ったデモ動画ですが、以下を参考にしてください。    • MHaaS デモ Part 1:  MCP サーバーの追加と設定が数分以内に完了します   00:35 アーキテクチャの簡単な説明 02:03 デモ開始 02:16 Codex CLI に渡す指示の説明 03:18 処理開始 （ページ作成、Codex 自身による確認） 11:15 ページ完成、ローカルでの確認 12:12 承認、Netlify へのデプロイ指示 15:40 デプロイ完了、最終確認 16:19 修正指示 （画像作成、ページ修正、Codex 自身による確認、デプロイ） 32:02 修正版確認、完成 --- 使っている MCP サーバーは以下の4つです。 ・Lazyweb: LP のデザインの参考となるサイトを探す ・filesystem: Bloque サーバー上のファイルの確認 ・Netlify: 作成した LP をデプロイする ・Playwright: 作成されたウェブサイトの見た目を確認する Playwright を使う事で、Codex が自分自身で見た目を確認しておかしいところを（人間に指摘される前に）直します。 AI に何か作業をさせるときには、今回のデモのように成果物の確認方法なども事前に指示しておくと、人間の手間が減ります。 --- Bloque は現在β版です。ご興味のある方は、Free プランをお試しいただければと思います（人数制限あり）。 --- 🚀 Early Access Program に登録をお願いします: https://tally.so/r/5Bd9jQ 🌐 製品ウェブサイト: https://mobalab.asia/products/bloque/ #AI #MCP #Codex #ウェブ制作