HN.watchはHacker Newsの記事を解説動画に、Scrimbaがクリックから数秒で生成

3行でわかる
- HN.watchは、Hacker Newsのトップページの全記事に短い解説動画を付けたサイトで、Scrimbaが運営する
- HN.watchの動画はHTMLのスライドとAI音声で作り、最初に開かれたときに数秒で生成して全員で共有する
- 基盤のScrimba ExplainはMCPやChrome拡張からも使え、ナレーションは日本語を含む33言語に対応する
プログラミング学習サービスScrimbaの創業者Per Borgen氏は現地時間9月28日、Hacker News(HN)の記事を解説動画で見られるサイト「HN.watch」をShow HNで公開しました。動画は画像を描くAIではなくHTMLのスライドとAIの音声で組み立てるため、クリックから数秒で再生が始まると説明しています。投稿は215ポイントを集めました。
何を作ったか
HN.watchの画面はHNのトップページとほぼ同じ並びで、各記事の行から解説動画を再生できます。トップページは5分おきに取り込み直されます。動画は記事1本につき1つだけ作られ、最初に開いた人が生成のきっかけになり、後から来た人は同じ動画を見ます。
動画が材料にするのは記事本文とHNのコメント欄だけで、ウェブ検索で情報を足すことはありません。議論が10件以上のコメントに育った記事では、締めくくりにコメント欄の論点整理が入り、賛否の分かれ目や最も強い反論を紹介します。投稿者の名前は伏せられます。Borgen氏によると、記事ページはFirecrawlで読み取り、読めなかったときはAlgoliaのAPIでコメントを集めて反応中心の動画にします。その場合は冒頭のスライドで断り書きが出ます。
下はScrimbaの公式チャンネルにある、基盤の機能「Explain」の紹介動画です。
動画を再生どう作ったか
HN.watchは、Scrimbaの解説動画の生成機能「Scrimba Explain」を見せるためのデモです。Scrimbaは10年にわたりHTMLベースの独自の動画形式でプログラミング講座を作ってきた会社で、その形式にLLMを組み合わせたとBorgen氏は説明しています。映像を撮ったり画像生成AIで描いたりするわけではありません。画面に出るコードや差分、図はHTMLで表示される本物の文字や部品で、そこにAIのナレーションが重なります。
モデルはGemini、GPT、Inworld、ElevenLabsなどを使い分けています。アプリ自体は、CTOが作ったプログラミング言語Imbaと自社製の同期エンジンで書かれています。どちらもLLMの学習データにはほとんど無い技術ですが、それでもLLMは正しくコードを書けたとBorgen氏は述べています。
Our hypothesis is that if video creation goes from “dollars and minutes” to “cents and seconds”, a bunch of new use cases will be unlocked.
私たちの仮説は、動画づくりが「何ドル・何分」から「何セント・何秒」になれば、新しい使い道が一気に開けるというものです。
原文を読む(news.ycombinator.com)成果(作者の公表値)
1本あたりの原価は、投稿本文では約0.04ドル(画像生成を除く)ですが、コメント欄では約0.4ドルと書いており、表記が揃っていません。目標は1分の動画を1セント・待ち時間1秒で作ることで、そのため高価なClaude Opus 5.5は使っていないとしています。社内では全てのプルリクエストに解説動画を付けているそうです。
Explain本体は、Web画面、ChatGPTのプラグイン、Chrome拡張、MCPサーバー(AIエージェントから呼び出す口)、プルリクエストに動画を付けるGitHub Actionから使えます。本数の上限はアカウントに保存する時点で数え、無料アカウントは通算10本、Proは月100本です。MCPなどでつないだエージェントが台本を書く場合、下書きの段階では本数に数えられません。
反応と論点
HNの評価は割れました。運転中や自転車に乗る間にHNを追えて便利だという声や、教材設計の仕事で真似したいという声がある一方、文章で読める内容をAIの動画にする必要はない、型どおりの構成と声ですぐ単調に感じるという批判も目立ちました。Borgen氏は、声の選び方と見た目にはまだ改善の余地があると認めています。
日本のビジネスへの影響
ナレーションは日本語を含む33言語に対応し、英語で頼んでも「in Japanese」と付ければ日本語で作られます。Proの料金は公式ドキュメントに記載がありません。
関係が深いのは、製品資料やヘルプページを作るマーケターと、開発チームの責任者です。既存の記事を数秒で解説動画にできれば、LPや社内マニュアルに動画を添える手間が大きく減ります。プルリクエストの解説動画は、レビュー担当への説明にも使えます。
今すぐやれることは、自社ブログの記事1本を動画にして、日本語ナレーションの質と内容の正確さを確かめることです。注意点は公開範囲です。動画は初期設定で「公開」として作られ、Chrome拡張から作った場合も同じです。公式ドキュメントの手順では、公開範囲は作ったあとに変更します。社外秘の資料は入れず、作ったらすぐに公開範囲を確かめてください。Chrome拡張はページの最初の約1万2000字しか読みません。音声の選び方は音声合成AIの比較にまとめています。
一次情報
- 公式発表Hacker NewsShow HN: HN.watch – Videos of all Hacker News posts(作者の投稿)
- 公式ドキュメントScrimba Docshn.watch
- 公式ドキュメントScrimba DocsWhat is Scrimba Explain?
- 公式ドキュメントScrimba DocsLimits and plans
- 公式ドキュメントScrimba DocsLanguages
- 公式ドキュメントScrimba DocsChrome extension
- 公式発表YouTube @ScrimbaIntroducing Explain by Scrimba
AIデジマは、公式発表・X投稿・論文などの一次情報を起点に、複数の情報源を照合して日本語でまとめています。情報の収集・翻訳・下書き・照合にはAIを使い、編集方針と最終責任は編集長が負います(AIの活用について)。誤りを見つけた場合は訂正のご連絡をお願いします。