ハクソク

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

Show HN: Extend UI – 現代のドキュメントアプリ向けオープンソースUIキット

2026年6月11日原文(extend.ai)

概要

  • PDF、DOCX、XLSX対応のReactコンポーネント群をオープンソース化
  • バウンディングボックス引用・ファイルアップロード・電子署名など多機能
  • MITライセンスでカスタマイズ可能
  • 内部利用から発展し、外部要望に応え公開
  • ドキュメント処理やユーザー向けワークフロー、社内ツール開発に最適

React向けドキュメントビューワー＆ツールコンポーネント集

  • PDF Viewer、 DOCX Viewer、 XLSX Viewer など主要ファイル形式対応
  • バウンディングボックス引用 機能によるドキュメント内範囲指定
  • ファイルアップロード や 電子署名(E-signature) などの実用機能
  • ファイルサムネイル表示 や 画像ビューア、 スキーマビルダー など補助機能も充実
  • ドキュメント分割表示 や レイアウトブロック 機能による柔軟なUI設計
  • MITライセンス 採用で商用・非商用問わず利用可能
  • 完全カスタマイズ対応 による独自UI・ワークフロー構築
  • デモ動画 および フルサンプルコード 公開: https://share.extend.ai/kRmSGKRF

開発背景と特徴

  • 市販・既存の ファイルビューワー/ドキュメントコンポーネント では要件を満たせず独自開発
  • extend.ai 内部ツールとして誕生、顧客からの要望でオープンソース化決定
  • 数百万ページ/日 規模で運用し、実運用で発生した多数のエッジケースに対応済み
  • ドキュメント処理エージェント や リアルタイムのユーザー向けドキュメント受付フロー、 社内向けツール 開発に最適
  • 拡張性 重視、今後もコミュニティと共に進化を継続予定

主な利用シーン

  • ユーザーからの 書類提出・署名 を受け付けるフロントエンド
  • ドキュメント内容の可視化・レビュー、AIエージェントによる自動処理
  • 社内バックオフィス の書類管理・処理フロー効率化
  • カスタムワークフロー や 独自ドキュメント管理ツール の迅速開発

まとめ

  • Reactベース の多機能ドキュメントコンポーネント集
  • オープンソース で利用・拡張が容易
  • ドキュメント関連の UI/UX課題解決 に最適な選択肢

Hackerたちの意見

これ、ほんとにウェブコンポーネントにすべきだよね。React以外のフレームワークを全部省くのは、ウェブにとって良くないと思う。

└

それは公平だし、将来的にサポートできるかもしれないね。shadcnやtailwindに慣れてるモデルがあるからReactから始めたんだけど、これがReactで開発する人たちに役立つといいな！

└

じゃあ、自分で作ればいいじゃん。彼らは無料で働いて、世界に提供してるのに、あなたの反応は「自分のやり方でやれ」ってこと？

あのバウンディングボックスのデモはまあまあだね。運命のいたずらで、ここ2日間pdfjsでいろいろプロトタイピングしてたんだ。ページのズームや解像度の違いに対処するためのプランを考えてるところなんだけど、コンポーネントがページを仮想化してるかどうかは書いてないみたいだね（ドキュメントページがスクロールする時にDOM要素を再利用するってこと）。明日何を探るか、ちょっと分かった気がする…。

└

そうだよ、pdf/docxビューワーはreact-virtualを使ってページを仮想化してる。ズームはバウンディングボックスのハイライトと一緒に機能するはずだよ。今、回転サポートを追加する作業をしてるところ。

なんでどこにもこれがReactコンポーネントだって書いてないんだろう？

└

ランディングページやイントロダクションページで、もっと分かりやすくするようにするよ！

└

Reactだけじゃなくて、どうやらpackage.jsonの中でNext.jsにも依存してるみたいだよ。 - https://github.com/extend-hq/ui/blob/main/apps/v4/package.js... 一部のコンポーネントの依存関係: - https://github.com/extend-hq/ui/blob/main/apps/v4/components... - https://github.com/extend-hq/ui/blob/main/apps/v4/components...

超クールだね。ドキュメントワークフローの自動化のために特化したローカルAIツールを作ってるんだけど（コンテキスト＝画面/ウェブ/フォルダ/ファイル）、これがめっちゃ役立ちそう。PDF/DOCXなどのパースはほとんどRustでネイティブにやってるんだけど、WordやPowerPointを立ち上げずに出力を見る方法があるのは大きな進歩だよ。公開してくれてありがとう。

└

いいね！PDF/DOCX用にカスタムパーサーを書いたの？こっちはsheet JSでイベントループの問題にぶつかって、XLSX用に書いたよ。

いいプロジェクトだね！Excelビューワーで遊んでたんだけど、ドキュメントには「シートやセル範囲を横断して検索」と書いてあるのに、検索機能がうまく動かないんだ。ブラウザの検索バーでもセルの内容が見つからないし。これって既知の問題なの？

見た目はいいけど、僕のM1 ProのMacBookでホームページがめっちゃ重いんだ。もしかしたら、すべてのコンポーネントを最初から読み込むんじゃなくて、遅延読み込みにした方がいいかもね。

Hacker Newsで議論の続きを見る