jpskill.com
🛠️ 開発・MCP コミュニティ

tauri-react-nest-lan-migration

ReactとNestJS、Postgresで構築されたWebアプリを、Tauriを使ってLAN環境で動作するデスクトップアプリに移行する際に、ローカルバックエンド、固定IPでのリモートDB接続、安定したサイドカー、起動ログ診断などを考慮して計画・実装・検証・リリース準備を支援するSkill。

📜 元の英語説明(参考)

Migrar aplicaciones React + NestJS + Postgres desde web a desktop con Tauri en entornos LAN. Usar cuando se necesite planificar, implementar, verificar y preparar release con backend local en 127.0.0.1, base remota por IP fija, sidecar estable y diagnostico de logs de arranque.

🇯🇵 日本人クリエイター向け解説

一言でいうと

ReactとNestJS、Postgresで構築されたWebアプリを、Tauriを使ってLAN環境で動作するデスクトップアプリに移行する際に、ローカルバックエンド、固定IPでのリモートDB接続、安定したサイドカー、起動ログ診断などを考慮して計画・実装・検証・リリース準備を支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o tauri-react-nest-lan-migration.zip https://jpskill.com/download/10607.zip && unzip -o tauri-react-nest-lan-migration.zip && rm tauri-react-nest-lan-migration.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/10607.zip -OutFile "$d\tauri-react-nest-lan-migration.zip"; Expand-Archive "$d\tauri-react-nest-lan-migration.zip" -DestinationPath $d -Force; ri "$d\tauri-react-nest-lan-migration.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して tauri-react-nest-lan-migration.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → tauri-react-nest-lan-migration フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Tauri React + Nest LAN 移行

Web -> Desktop への移行におけるリスクを最小限に抑えるために、このフローを順番に適用してください。

推奨フロー

  1. 移行を計画する
  2. backend/frontend/tauri に変更を実装する
  3. セットアップ、ログイン、CRUD をログで検証する
  4. インストール可能なリリースを準備する

必須の LAN ルール

  • デスクトップのバックエンドは常にローカル: 127.0.0.1
  • リモートデータベース: サーバーの固定 IP アドレスを database.host に設定
  • LAN クライアントで DB のホストとして localhost を使用しない

最初に確認するログ

  • %APPDATA%/sistema-caja/debug_startup.log
  • %APPDATA%/sistema-caja/logs/error-YYYY-MM-DD.log
  • %APPDATA%/sistema-caja/logs/application-YYYY-MM-DD.log

よくあるエラーの迅速な診断

  • Cannot POST /api/config/test

    • バックエンドがセットアップモードではなく、通常モードになっている

  • failed to fetch

    • バックエンドがダウンしているか、再起動中 (起動時の競合)

  • config をパースする際の Unexpected token

    • BOM 付きのファイル (例: config.json)

  • os error 2

    • サイドカーのパスまたは名前が正しく解決されていない

  • os error 32

    • 抽出/使用中にファイルがロックされている

  • Nest can't resolve JwtAuthGuard (JwtService)

    • auth モジュールが、該当箇所でインポート/エクスポートされていない

最小限の検証チェックリスト

  • 初期セットアップが開き、設定を保存する
  • ログインがバックエンドのサイドカーで機能する
  • 重要な CRUD が IP アドレスによるリモート DB で機能する
  • スタートアップログに致命的なエラーがない

Go/No-Go 基準

  • Go: セットアップ + ログイン + CRUD + ログが安定している
  • No-Go: サイドカーのエラー、バックエンドのダウン、または auth/DB の失敗
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Tauri React + Nest LAN Migration

Aplicar este flujo en orden para minimizar riesgos en migraciones Web -> Desktop.

Flujo recomendado

  1. Planificar migracion
  2. Implementar cambios en backend/frontend/tauri
  3. Verificar setup, login y CRUD con logs
  4. Preparar release instalable

Reglas LAN obligatorias

  • Backend desktop siempre local: 127.0.0.1
  • Base de datos remota: IP fija del servidor en database.host
  • No usar localhost como host de DB en clientes LAN

Logs a revisar primero

  • %APPDATA%/sistema-caja/debug_startup.log
  • %APPDATA%/sistema-caja/logs/error-YYYY-MM-DD.log
  • %APPDATA%/sistema-caja/logs/application-YYYY-MM-DD.log

Diagnostico rapido de errores frecuentes

  • Cannot POST /api/config/test

    • Backend en modo normal y no en setup

  • failed to fetch

    • Backend caido o reiniciando (race de arranque)

  • Unexpected token al parsear config

    • Archivo con BOM (ej. config.json)

  • os error 2

    • Path o nombre de sidecar mal resuelto

  • os error 32

    • Archivos bloqueados durante extraccion/uso

  • Nest can't resolve JwtAuthGuard (JwtService)

    • Modulo de auth no importado/exportado donde corresponde

Checklist de verificacion minima

  • Setup inicial abre y guarda configuracion
  • Login funciona con backend sidecar
  • CRUD critico funciona con DB remota por IP
  • No hay errores bloqueantes en logs de startup

Criterio Go/No-Go

  • Go: setup + login + CRUD + logs estables
  • No-Go: errores de sidecar, caidas de backend, o fallas en auth/DB