ハクソク

世界を動かす技術を、日本語で。

Show HN: Bento - 1つのHTMLファイルで完結するPowerPoint（編集＋表示＋データ＋コラボレーション）

2026年7月23日原文(bento.page)

概要

Bento は、インストール不要・オフライン動作の HTMLスライド作成ツール。 編集・発表・印刷・保存 がブラウザだけで完結。 リアルタイム共同編集 やアニメーション対応。 pptx変換 やサンプルギャラリーも提供。 MITライセンス でGitHubから公開中。

Bento：オフライン対応・共同編集可能なスライド作成ツール

  • Bento は1つのHTMLファイルで完結する スライド作成ツール
    • インストール不要、 クラウドログイン不要、 完全オフライン動作
  • ファイルサイズ は約 560 KB、一度取得すれば追加ダウンロード不要
  • ブラウザ で開くだけで 編集・発表・印刷・保存 すべて対応
  • メールやAirdrop でファイル共有可能
    • 受け取った側も ブラウザさえあれば 編集・発表・共同編集が可能
  • リアルタイム共同編集 機能
    • 暗号化されたブラインドリレー を使用し、サーバー側はデータ内容を一切閲覧不可
  • Claude や ChatGPT にpptxファイルを投げてBento形式に変換可能
  • アニメーション や 多彩な編集機能 を搭載
  • サンプルギャラリー （https://bento.page/）や ライブゲストブック （https://bento.page/guestbook/）で体験可能
  • MITライセンス で GitHub （https://github.com/nyblnet/bento）にてソースコード公開
  • reveal.js や独自ライブラリ、 Claude Code 等を活用した開発

従来の課題とBentoの解決策

  • 従来 ：Webフロントエンド技術や Claude Code 等のハーネスでスライド作成
    • 小さな修正でもコード編集 が必要、編集のたびに手間が発生
  • Bento の導入で
    • ノーコード で編集可能
    • オフライン での作業・発表に完全対応
    • 共同編集 や ファイル共有 も容易に実現
    • pptx変換 や アニメーション も標準搭載

Bentoの利用方法・体験リンク

  • エディタ直行 ：https://bento.page/slides/
  • ライブ共同編集体験 ：https://bento.page/guestbook/
  • サンプルギャラリー ：https://bento.page/
  • ソースコード・ライセンス ：https://github.com/nyblnet/bento

まとめ

  • Bento は オフライン・インストール不要・共同編集対応 の新世代スライドツール
  • ノーコード編集、 ファイル共有、 pptx変換、 MITライセンス など多彩な特徴
  • Webブラウザのみ で完結する利便性とセキュリティ

Hackerたちの意見

こんにちは、Bentoのクリエイターです。GitHubに書いてあること以外にも、どうやって作ったかを少しシェアしたいと思います。ファイルは大体二つのセクションに分かれています。ファイルの上の方にはスライドデータが入った普通のJSONブロックがあります。これを読んだり、grepしたり、ハーネスを使ったりできます。アプリ自体はbase64のblobで、ちょっとしたshimを通して読み込まれ、ブラウザ内でDecompressionStreamで解凍されます。これによりパッケージが小さく保たれ、実行時に外部ファイルを取得する必要がなくなります。JSONの書き戻しにはFile System Access APIを使っていて、これは普通のダウンロードにフォールバックします。すべての更新はECDSAで署名されています。最初はreveal.jsをベースにして、アニメーションを扱うためにGSAP/Flipを組み込みました。それからechartsでチャート機能を追加しましたが、サイズや動作に関するいくつかの問題があったので、結局両方を再実装しました。最も満足しているのは、CRDTがどれだけシームレスに動作するかです。ブラインドリレーはCloudflare Durable Objects上で動作する小さなファイルで、クライアントからの暗号化されたデータしか見えません。コラボはアプリ内でセッションを開始して招待ファイルを共有するまでオフになっています。その後、一部のキーセットが生成されます。アクセスはユーザーキーで管理され、読み取り専用のユーザーも作れますし、ユーザーごとにライブコラボのアクセスを取り消すこともできます。

└

これが一番の疑問でした。事前に答えてくれてありがとう（そして誇りに思っているのも！）。これをいじっているとき、すぐにTiddlyWikiを思い出しました。ずっと好きだったんですが、うまく使えなかったんです。でも、簡単に編集できるプレゼンテーション、これは理解できるユースケースですね。単一ファイルで作業しているときにCDRTがどうなっているのか見えなかったんです。サーバーがどこにあるのかを探していました。つまり、これはみんなのためにオンになっているんですか？Cloudflareのアカウントがこれで叩かれることを心配していますか？

└

これはパワーポイントじゃなくてスライドショーって呼ぶかな。サタニックなオフィスフォーマットで動かすのは地獄への道だからね。こういうシンプルなフォーマットが標準になって、古いのは消えてくれればいいな。

└

いいアイデアだね。v2にアップグレードしたら、v1のスライドデッキはどうなるの？アップグレードをクリックしたら、JSONスライドデッキデータがv2シェルにエクスポートできるのかな？

すごいですね。この種のシングルファイルWebアプリをコンセプトとして広めようと頑張っています。提案されたWikipediaのページにこれを追加してもいいですよ：https://en.wikipedia.org/wiki/Draft:Single_File_Web_Apps

└

共有してくれてありがとう！ちょっと見てみます。Bentoを始めた頃はTiddlyWikiのことしか知らなかったんです。

└

https://hyperclay.com/ もそこに載っているかもしれませんね。

└

mdwiki [0] は多分該当すると思う。ちなみに、2013年に作ってリリースしたんだ。いつも冗談で「初の本当のシングルページアプリケーション」って呼んでたよ。すべての画像、アイコン、スタイルが同じ.htmlファイルにインラインで入ってるオフライン対応の単一の.htmlファイルだったからね。[0]: https://mdwiki.info

└

http://beyondloom.com/decker/

└

Ilographの図はスタンドアロンのHTMLファイルにエクスポートできるよ（この例みたいに：[0]）。偶然にも、スライドもあるし（ちょっとだけど）、サイズは約560KBだよ。[0] https://www.ilograph.com/demo/intelligentDocumentProcessing....

いいですね。最近数ヶ月でClaudeとQwenを使ってシングルファイルのHTMLデッキを作りました。HTMLデッキの一番いいところは、デッキを送るだけでなく、プロトタイプやデモを同じファイルに統合してデッキの流れに組み込めるところです。そんな機能があったら嬉しいです。

└

ありがとう。それはクールな機能で、確実に可能です。現在、データをJSON形式でエクスポート・インポートできる機能はすでにあります。あとは、フロントエンド全体を詰め込む方法を見つけるだけです。

Hacker Newsで議論の続きを見る