Audio Track Extractor

Audio Track Extractorは、SvelteKitを使用して構築されたウェブアプリケーションで、音声トラックの抽出機能を提供します。このプロジェクトは、FFmpegライブラリを活用して音声ファイルを処理します。

プロジェクト概要

• 技術スタック: SvelteKit, TypeScript, TailwindCSS, DaisyUI, FFmpeg
• 主要機能:
  • 音声ファイルのアップロード
  • 音声トラックの抽出とプレビュー
  • GitHub Pages へのデプロイ対応
• テスト: Vitest（ユニットテスト）、Playwright（E2Eテスト）

セットアップ方法

必要なツール

• Node.js（推奨バージョン: 16以上）
• pnpm（パッケージマネージャ）

インストール手順

1. リポジトリをクローンします。

   git clone <リポジトリURL>
   cd audio-track-extractor
   

2. 依存関係をインストールします。

   pnpm install
   

3. 多言語対応ファイルを生成します。

   pnpm run inlang
   

4. 開発サーバーを起動します。

   pnpm run dev
   

   ブラウザで http://localhost:5173 を開いてアプリケーションを確認できます。

ビルドとデプロイ

1. プロダクションビルドを作成します。

   pnpm run build
   

2. GitHub Pagesにデプロイします。

   pnpm run deploy
   

多言語対応 (i18n)

このプロジェクトでは、paraglide-js を使用して多言語対応（i18n）を行っています。以下の点に注意して開発を行ってください。

構成と運用

• 翻訳ファイル: messages/ ディレクトリ内の en.json（英語）や ja.json（日本語）で管理されています。
• 自動生成: vite.config.ts に設定されたプラグインにより、開発サーバー起動中やビルド時に src/paraglide/ ディレクトリへ型安全なコードが自動生成されます。
• 設定ファイル: 言語設定やパスの設定は project.inlang/settings.json に記述されています。

注意事項

1. 直接編集禁止: src/paraglide/ 内のファイルは自動生成されるため、手動で編集しないでください。
2. コミット: src/paraglide/ ディレクトリは .gitignore に含まれていません。翻訳ファイル（messages/*.json）を更新した際は、自動生成されたファイルの変更も忘れずにコミットしてください。
3. 新しいメッセージの追加: messages/en.json などにキーとテキストを追加すると、Svelte コンポーネント内でインポートして利用できるようになります。

開発計画

1. FFmpeg機能の実装: [x]

   • 音声トラックの抽出ロジックを作成。
   • @ffmpeg/ffmpeg と @ffmpeg/util を活用。

2. UIの構築: [x]

   • TailwindCSSとDaisyUIを使用して、直感的なインターフェースをデザイン。
   • 音声ファイルのアップロードとプレビュー機能を追加。

3. テストの整備: [x]

   • ユニットテスト（Vitest）とE2Eテスト（Playwright）を設定。
   • 主要な機能のテストケースを作成。

4. GitHub Pagesへのデプロイ準備: [x]

   • デプロイ設定を確認。

5. ドキュメントの整備: [ ]

   • READMEに使用方法と開発手順を追記。

詳細なドキュメントやサポートについては、プロジェクトのGitHubリポジトリをご覧ください。