ダウンロード用ペーストの技術的側面

PasteSave は、ページを配信する小さなサーバーと、ファイル処理をすべてブラウザ内で行うツール群の組み合わせです。

仕組み

どのツールも同じ 4 ステップで動きます:

  1. ローカルのファイルを貼り付けるか選択します。
  2. ブラウザ API がデコードして内容を調べます。
  3. ツールに応じて Canvas、WebAssembly、ONNX Runtime Web、PDF ライブラリが端末上で処理します。
  4. ブラウザが結果を組み立ててローカルに保存します。

この流れの間、ファイルの内容はブラウザ内にとどまり、処理のために当サイトのサーバーへアップロードされることはありません。

私たちの技術スタックには以下が含まれます:

  • UI は Vanilla JavaScript + Alpine.js
  • 画像処理は Canvas API と WebAssembly コーデック
  • AI ツール(背景削除・アップスケール・インペインティング)は ONNX Runtime Web のモデル
  • PDF とパッケージングは pdf-lib と JSZip
  • スタイルは Tailwind CSS。一部のライブラリやモデルは初回利用時に CDN から読み込まれます

セキュリティとプライバシー

私たちはユーザーのセキュリティとプライバシーを非常に重視しています。本プロジェクトの設計はこれらの原則に従っています:

  • ファイルはローカルで処理 - 選んだファイルはブラウザ内で処理され、処理のためにアップロードされません
  • サイトの保存領域とファイルは別物 - サイトはテーマや言語などの小さな設定をブラウザに保存します。画像や PDF の内容が当サイトのサーバーに書き込まれることはありません
  • 依存ライブラリは必要時に読み込み - サードパーティのライブラリや AI モデルは、ツールが必要とした時に CDN から読み込まれます。実行はブラウザ内で行われ、ファイルがそれらへアップロードされることはありません

技術的制限

純粋なフロントエンド技術を使用しているため、このプロジェクトにはいくつかの技術的制限があります:

  • モダンブラウザで動作します。一部ツールは新しい API(WebAssembly、利用可能なら WebGPU)が必要です
  • 大きなファイルや大量の一括処理は端末のメモリに制限されます
  • 各ツールには明示的なファイルサイズ/ピクセル上限があります。特殊なフォーマット変種はデコードに失敗することがあります
  • いくつかのライブラリと AI モデルは初回利用時にネットワークからダウンロードされます(最大 ~40 MB)
  • AI の結果はベストエフォートです — エッジ、細かいテクスチャ、複雑なシーンは常に完璧とは限りません

現在ツールでできること

14 のツールすべてが公開中・無料・ブラウザ内完結です:

コア貼り付けツールの初期バージョンはGitHub でオープンソースとして公開されています。 ツールの処理はすべてブラウザ内で実行されるため、ネットワークの通信内容や配信された JavaScript はいつでも確認できます。 技術的な実装に関してご質問やご提案がございましたら、以下までご連絡ください: [email protected]