😤『毎回全部ビルドするのもったいない！』から生まれたスマートデプロイシステムの奇跡

// 「何か変わった？」とGitに聞く
const changedFiles = execSync('git diff --name-only').toString();

// 「記事ファイル(.mdx)が変わった？」
const changedMdxFiles = changedFiles.filter(file => 
  file.startsWith('content/articles/') && file.endsWith('.mdx')
);

// 改良版：安全な処理でエラーを防ぐ
const getGitFiles = (command) => {
  try {
    const output = execSync(command, { encoding: 'utf8' });
    const trimmed = output.trim();
    if (!trimmed) return []; // 空文字列は早期リターン
    return trimmed.split('\n').filter(file => file.length > 0);
  } catch (error) {
    return []; // エラー時は空配列を返す
  }
};

const stagedFiles = getGitFiles('git diff --cached --name-only');

// 「今、編集中のファイルある？」
const workingFiles = getGitFiles('git diff --name-only');

// 「最後のコミットから何か変わった？」（他に変更がない場合のみ）
if (changedFiles.size === 0) {
  const commitFiles = getGitFiles('git diff HEAD~1 --name-only');
}

import { execSync } from 'child_process';

async function deployWithBuild() {
  try {
    console.log('🚀 Starting smart deploy...');
    
    // Git で変更されたファイルを取得（複数のソースから）
    const changedFiles = new Set();
    
    // ヘルパー関数: Gitコマンドの出力を安全に処理
    const getGitFiles = (command) => {
      try {
        const output = execSync(command, { encoding: 'utf8' });
        const trimmed = output.trim();
        if (!trimmed) return [];
        return trimmed.split('\n').filter(file => file.length > 0);
      } catch (error) {
        return [];
      }
    };
    
    // 1. ステージングされた変更
    const stagedFiles = getGitFiles('git diff --cached --name-only');
    stagedFiles.forEach(file => changedFiles.add(file));
    
    // 2. 作業ディレクトリの変更（未ステージング）
    const workingFiles = getGitFiles('git diff --name-only');
    workingFiles.forEach(file => changedFiles.add(file));
    
    // 3. 最新コミットとの差分（他に変更がない場合のみ）
    if (changedFiles.size === 0) {
      const commitFiles = getGitFiles('git diff HEAD~1 --name-only');
      commitFiles.forEach(file => changedFiles.add(file));
      
      if (commitFiles.length === 0) {
        console.log('⚠️ No git changes detected from any source...');
      }
    }
    
    const changedFilesArray = Array.from(changedFiles);
    
    // MDXファイルの変更をチェック
    const changedMdxFiles = changedFilesArray.filter(file => 
      file.startsWith('content/articles/') && file.endsWith('.mdx')
    );
    
    if (changedMdxFiles.length > 0) {
      console.log(`📝 Found ${changedMdxFiles.length} changed MDX files:`);
      changedMdxFiles.forEach(file => console.log(`   - ${file}`));
      
      // 記事ビルドスクリプトを実行
      console.log('🔄 Running article build script...');
      execSync('node scripts/build-articles.mjs', { stdio: 'inherit' });
      
      // 変更されたファイルを再ステージング（JSONファイルが更新されたため）
      console.log('📦 Staging updated JSON files...');
      execSync('git add app/data/articles.generated.json public/data/articles.json', { stdio: 'inherit' });
      
    } else {
      console.log('ℹ️ No MDX files changed, skipping article build...');
    }
    
    // デプロイ実行
    console.log('🌐 Deploying to Cloudflare Pages...');
    execSync('npx wrangler pages deploy', { stdio: 'inherit' });
    
    console.log('✅ Deploy completed successfully!');
    
  } catch (error) {
    console.error('❌ Deploy failed:', error.message);
    process.exit(1);
  }
}

// 実行
deployWithBuild().catch(console.error);

{
  "scripts": {
    "deploy": "npm run build && wrangler pages deploy",
    "deploy:smart": "node scripts/deploy-with-build.mjs"
  }
}

# 🐌 従来方式（全部ビルド）
npm run deploy

# ⚡ スマート方式（変更部分のみ）
npm run deploy:smart

import { execSync } from 'child_process';

async function smartDeploy() {
  console.log('🚀 Smart deploy starting...');
  
  // あなたのプロジェクトに合わせて変更検知ロジックを調整
  const changedFiles = execSync('git diff --name-only', { encoding: 'utf8' })
    .trim().split('\n').filter(file => file);
  
  // 特定のファイルタイプが変更された時だけビルド
  const needsBuild = changedFiles.some(file => 
    file.endsWith('.md') || 
    file.endsWith('.mdx') ||
    file.startsWith('src/content/')
  );
  
  if (needsBuild) {
    console.log('📝 Content changed, building...');
    execSync('npm run build', { stdio: 'inherit' });
  } else {
    console.log('ℹ️ No content changes, skipping build...');
  }
  
  // あなたのデプロイコマンドに変更
  console.log('🌐 Deploying...');
  execSync('npm run deploy:static', { stdio: 'inherit' });
}

smartDeploy().catch(console.error);

{
  "scripts": {
    "deploy:smart": "node scripts/deploy-with-build.mjs"
  }
}

npm run deploy:smart

const changes = {
  articles: changedFiles.filter(f => f.includes('/articles/') && f.endsWith('.mdx')),
  images: changedFiles.filter(f => f.includes('/images/')),
  styles: changedFiles.filter(f => f.endsWith('.css') || f.endsWith('.scss'))
};

if (changes.articles.length > 0) {
  execSync('node scripts/build-articles.mjs');
}

if (changes.images.length > 0) {
  execSync('node scripts/optimize-images.mjs');
}

if (changes.styles.length > 0) {
  execSync('npm run build:css');
}

const env = process.env.NODE_ENV || 'production';

if (env === 'development') {
  console.log('🔧 Development deploy - minimal processing');
  // 開発環境は最小限の処理
} else {
  console.log('🚀 Production deploy - full optimization');
  // 本番環境は最適化も含む
}

if (changedMdxFiles.length > 0) {
  console.log(`📢 Updated articles: ${changedMdxFiles.join(', ')}`);
  
  // Slack通知やメール通知などを追加
  // await notifySlack(`記事更新: ${changedMdxFiles.length}件`);
}

// 初回かチェック
const hasBuiltBefore = fs.existsSync('build/timestamp');

if (!hasBuiltBefore) {
  console.log('🏗️ First time build - processing all files');
  execSync('npm run build', { stdio: 'inherit' });
  fs.writeFileSync('build/timestamp', Date.now().toString());
} else {
  // スマートデプロイロジック
}

const configChanged = changedFiles.some(file => 
  file === 'package.json' ||
  file === 'vite.config.js' ||
  file === 'remix.config.js'
);

if (configChanged) {
  console.log('⚙️ Config changed - full rebuild required');
  execSync('npm run build', { stdio: 'inherit' });
  return;
}

try {
  execSync('git diff --name-only', { encoding: 'utf8' });
} catch (error) {
  console.log('⚠️ Git not available, defaulting to full build');
  execSync('npm run build', { stdio: 'inherit' });
}