1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ブラウザだけで動く無料のファイル変換ツール「OpenFile」を作った話 (WebAssemblyで360種類以上)

1
Posted at

og-hero-1200x630.png

はじめに

PDFや画像、動画を変換するたびに、ファイルをサーバーにアップロードするサイトを使うのが嫌になって、OpenFile というツールを作りました。MITライセンスの無料オープンソースで、すべての処理をブラウザの中で行います。ファイルは端末の外に出ません。

何ができるか

  • PDFの結合、分割、圧縮、署名
  • 画像、動画、音声の変換と編集
  • フォント、アーカイブ、電子書籍、データ、コードのツール
  • 合計360種類以上、261フォーマットに対応
  • ローカルで動くAIツール(Web Worker上で実行)
  • 会員登録なし、透かしなし、回数制限なし

技術構成

React 19、TypeScript、Vite、Tailwind 4、WebAssembly を使っています。重い処理は Web Worker に逃がして、画面が固まらないようにしています。PWAとしてインストールでき、オフラインでも動きます。デスクトップ版(Windows、macOS、Linux)とAndroid版もあります。

作ってみて分かったこと

  • WebAssembly を使えば、動画変換のような重い処理もブラウザだけで十分に動きます。
  • ファイルをアップロードしない設計にすると、プライバシーの説明がとても簡単になります。
  • ツールを増やすときは、共通のファイル入出力の仕組みを先に作っておくと楽でした。

おわりに

感想や、追加してほしいツールがあれば、GitHub の Issue で教えてください。スターも励みになります。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?