さとまたwiki
代替案

Web技術アプローチ

既にWeb開発経験がある場合の選択肢

注意: Web技術での動画編集ソフト開発は可能ですが、 Python + DearPyGuiの方がシンプルで、 Claude Codeでの開発効率も高いです。

Web技術のメリット・デメリット

既にWeb開発(React, Vue, Svelte等)の経験がある場合は、その知識を活かせます。 ただし、デスクトップアプリ化にはElectronやTauriが必要になり、複雑さが増します。

メリット

  • ✓ Claude Codeの高い精度
  • ✓ 豊富なUIライブラリ
  • ✓ 迅速なプロトタイピング
  • ✓ クロスプラットフォーム
  • ✓ 活発なエコシステム

デメリット

  • ✗ ネイティブより低いパフォーマンス
  • ✗ メモリ使用量が大きい(Electron)
  • ✗ 動画処理に限界がある
  • ✗ ファイルシステムアクセスに制限

主要な技術選択肢

Tauri + SvelteKit

非推奨

TypeScript + Rustのデュアル言語構成がClaude Codeの処理を遅くします。 実体験で問題が確認されています。

詳細を見る →

Electron + React/Vue/Svelte

Web経験者向け

LosslessCutが採用。JavaScriptのみで完結するため、Tauriよりは良い選択。 ただしPython + DearPyGuiの方がシンプル。

純粋なWebアプリ

ブラウザ完結

デスクトップアプリを作らず、Webアプリとして提供する方法。 ffmpeg.wasmでブラウザ内動画処理も可能(パフォーマンスは劣る)。

動画処理技術

FFmpeg(デスクトップ)

Node.jsからchild_processで呼び出し。 全フォーマット対応、高パフォーマンス。

詳細を見る →

ffmpeg.wasm(ブラウザ)

FFmpegのWebAssembly版。 ブラウザ内で完結するがパフォーマンスは劣る。

WebCodecs API

ブラウザネイティブの動画処理API。 ハードウェアアクセラレーション対応だがChrome限定。

Canvas / WebGL

リアルタイムエフェクト、プレビュー用。 GPUを活用した高速描画。

推奨構成

video-editor/
├── src-tauri/           # Tauriバックエンド (Rust)
│   ├── src/
│   │   ├── ffmpeg.rs    # FFmpeg連携
│   │   ├── lib.rs       # エントリー
│   │   └── commands.rs  # IPCコマンド
│   └── Cargo.toml
│
├── src/                 # SvelteKitフロントエンド
│   ├── lib/
│   │   ├── components/
│   │   │   ├── Timeline.svelte
│   │   │   ├── VideoPlayer.svelte
│   │   │   └── EffectPanel.svelte
│   │   ├── stores/
│   │   │   └── project.ts
│   │   └── utils/
│   │       └── ffmpeg.ts
│   └── routes/
│       └── +page.svelte
│
├── package.json
└── tauri.conf.json

この記事はClaude Opus 4.6によって作成されました