Show HN: HN.watch – Hacker Newsのすべての投稿の動画

概要

• Scrimba創業者Perによる新サービス「Scrimba Explain」の紹介
• HTMLベースの動画生成技術を活用した解説動画プラットフォーム
• 動画生成の高速化・低コスト化・編集容易性が主なメリット
• Imba言語や独自スタックを利用した開発体制
• 多様なユースケースと今後の展望

Scrimba Explain：HTMLベース動画生成プラットフォームの紹介

• Scrimba創業者Perによる新サービス「 Scrimba Explain」の発表
• HTMLベースの動画フォーマットを利用した 解説動画自動生成技術 の活用
• Hacker News用デモサイト「 HN.watch」の構築
• 初回クリック時に LLM連携で解説動画を即時生成 する仕組み
• 従来のピクセル動画と比較した際の 主な利点
  • 高速生成 ：数秒で動画作成
  • 低コスト ：1本あたり約$0.04（画像生成除く）
  • 編集容易性 ：AI編集も安価かつ迅速
• 動画生成コストは画像生成を含むと上昇傾向

想定されるユースケースとメリット

• Pull Requestごとの動画解説 （社内利用実績あり）
• 社内外ドキュメントの全ページへの動画追加
• 複雑な記事の動画化 （Chrome拡張機能経由で約4秒）
• コース作成者のドラフト動画生成
• 個人用途 （子ども向けストーリー、結婚式招待状、誕生日動画等）
• 動画生成の新たな活用可能性 の拡大

技術スタックと開発体制

• CTO Sindre Aarsætherが開発した Imba言語 を基盤に利用
• Imbaは JavaScriptへコンパイル可能 でnpm/nodeエコシステムと完全互換
• 独自の 同期エンジン（OP） および エージェント用コンテキスト管理システム（Q） を開発
• フロントエンド・API・DB・JSON間の変換不要な 高凝縮スタック構成
• Gemini、GPTs、Inworld、ElevenLabs 等の複数AIモデルを併用
• React.jsやExpress等の一般的なフレームワークを使わず、独自開発

サービス利用方法・関連リンク

• Web UI： scrimba.com/explain
• MCP（コーディングエージェントへの追加）
• ChatGPTプラグイン
• Chrome拡張機能
• 各種利用方法は 公式ドキュメント （https://docs.scrimba.com/explain/introduction）に集約
• YouTubeデモ動画 （https://www.youtube.com/watch?v=k6rbHmBxSEs）も公開

今後の展望とコミュニティへの呼びかけ

• 動画生成のコスト・時間短縮による新ユースケース創出 への期待
• HN読者層からの フィードバックや新提案への関心
• テキスト派が多いHNコミュニティ に対する理解と今後の挑戦
• 動画を好む若年層ユーザー層 へのリーチ拡大狙い

まとめ

• Scrimba Explain はHTMLベースの動画生成による 解説・教育の新潮流
• 低コスト・高速・編集容易 な動画生成の実現
• 独自技術スタック とAI連携による柔軟なサービス展開
• 多様なユースケース と今後の発展可能性