Repolode
baotlake

baotlake/office-website

WebAssemblyで文書をローカル処理する、ブラウザベースのWord・Excel・PowerPointビューア兼エディタ。

代替できる製品:Microsoft OfficeGoogle Docs

スター
1,473
フォーク
196
未解決の Issue
21
最終コミット
6 か月前

これは何?

ZIZIYI Officeは、.docx、.xlsx、.pptxファイルをブラウザ上で直接プレビュー・編集できるWebアプリケーションです。文書はクライアント側で処理されるためサーバーにアップロードされず、機密文書のプライバシーを守りたいユーザーに適しています。

エディタはNext.js 15を基盤とし、状態管理にZustand、コンポーネントにRadix UIを使用しています。開いたファイルはIndexedDBに保存されるため、同じブラウザで後からも利用できます。Uppyを通じてGoogle Drive、Dropbox、OneDriveからファイルを選択することもできます。

編集エンジンにはONLYOFFICE web appsと、文書変換に使われるx2tのWebAssemblyビルドが活用されています。プロジェクトはCloudflare Pagesにデプロイされており、アジア太平洋地域のユーザー向けにEdgeOneでホストされた別ドメインも提供しています。

主な機能

  • 01ブラウザ上でWord、Excel、PowerPointファイルを開いて編集できます。
  • 02文書をローカルで処理するため、ファイルの内容はアップロードされません。
  • 03ファイルをIndexedDBに保存し、ローカルで管理できます。
  • 04Uppyを通じてGoogle Drive、Dropbox、OneDriveからファイルをインポートできます。
  • 05スタートリンクから新規の空のWord、Excel、PowerPoint文書を作成できます。

ユースケース

  • 機密性の高い契約書や財務スプレッドシートを、サードパーティのサーバーにアップロードせずに編集する。
  • デスクトップ版Officeのインストールが現実的でないマシンで、Officeファイルをプレビューする。
  • チームや個人で使う、プライベートなブラウザベースのOfficeエディタをセルフホストする。

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone <repository-url>
  2. 2

    プロジェクトディレクトリに移動する

    cd website
  3. 3

    依存関係をインストールする

    pnpm install
  4. 4

    開発サーバーを起動し、http://localhost:3000 を開く

    pnpm dev

使う前に知っておきたいこと

  • Node.js 22 以降と pnpm が必要です。
  • AGPL v3 のライセンスが適用されます。派生したネットワークサービスはソースコードを公開する必要があります。
  • README には編集機能の詳細が記載されていないため、編集機能がどこまで実装されているかは不明です。

トピック

よくある質問

office-website とは?
WebAssemblyで文書をローカル処理する、ブラウザベースのWord・Excel・PowerPointビューア兼エディタ。 ZIZIYI Officeは、.docx、.xlsx、.pptxファイルをブラウザ上で直接プレビュー・編集できるWebアプリケーションです。文書はクライアント側で処理されるためサーバーにアップロードされず、機密文書のプライバシーを守りたいユーザーに適しています。
office-website は無料で使えますか?ライセンスは?
office-website は AGPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
office-website は今もメンテナンスされていますか?
半年以内に更新あり。office-website の最終コミットは 2026年4月25日 です。
office-website は何に使えますか?
機密性の高い契約書や財務スプレッドシートを、サードパーティのサーバーにアップロードせずに編集する。 デスクトップ版Officeのインストールが現実的でないマシンで、Officeファイルをプレビューする。 チームや個人で使う、プライベートなブラウザベースのOfficeエディタをセルフホストする。
office-website のインストール方法は?
リポジトリをクローンする: git clone <repository-url> プロジェクトディレクトリに移動する: cd website 依存関係をインストールする: pnpm install 開発サーバーを起動し、http://localhost:3000 を開く: pnpm dev
office-website はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/baotlake/office-website

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト