An open API service indexing awesome lists of open source software.

https://github.com/fromkk/screenshotmaker


https://github.com/fromkk/screenshotmaker

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

          

# ScreenShotMaker

App Store Connect 用スクリーンショットを簡単に作成・管理・エクスポートできる macOS アプリ。

[English](README.md)

## 課題

App Store Connect のスクリーンショット作成は手間がかかります:

- デバイスの種類ごとに異なるスクリーンショットサイズが必要
- 複数言語に対応すると作業量が倍増する
- 各組み合わせに対して手動で画像を編集するのは非効率でミスが起きやすい
- アプリの更新ごとにスクリーンショットを再作成するのが面倒

## 解決策

ScreenShotMaker は、App Store 用のスクリーンショットを視覚的にデザイン・エクスポートできるネイティブ macOS アプリです。作業内容をプロジェクトファイルとして保存・再利用できるため、新しいリリースのスクリーンショット更新が数分で完了します。

## 機能

### 対応デバイス

全ての Apple プラットフォームに対応:

- iPhone(3.5" 〜 6.9" の全ディスプレイサイズ)
- iPad(9.7" 〜 13" の全ディスプレイサイズ)
- Mac(16:10 アスペクト比)
- Apple Watch(Series 3 〜 Ultra 3)
- Apple TV(1080p / 4K)
- Apple Vision Pro

### 多言語対応

- 複数言語のスクリーンショットセットを管理
- Apple Translation フレームワークによる翻訳機能を内蔵
- 言語ごとのテキストカスタマイズ

### 背景カスタマイズ

- 単色
- グラデーション(線形・放射状)
- 背景画像

### スクリーンショットレイアウト

各画面に1枚のスクリーンショット画像をアップロードし、オプションでテキストキャプションを追加できます。レイアウトプリセットから選択:

| プリセット | 説明 |
|---|---|
| テキスト上部 | テキストを上部、スクリーンショットを下部に配置 |
| テキストオーバーレイ | スクリーンショットを中央に、テキストを重ねて表示 |
| テキスト下部 | スクリーンショットを上部、テキストを下部に配置 |
| テキストのみ | テキストのみ表示 |
| スクリーンショットのみ | スクリーンショットのみ表示 |

### デバイスフレーム

スクリーンショットにリアルなデバイスフレーム(iPhone、iPad、Mac、Apple Watch など)を重ねて表示し、プロフェッショナルな仕上がりに。

### 一括エクスポート

全デバイスサイズ・全言語のスクリーンショットを JPEG または PNG 形式で一括エクスポート。デバイス・言語別のフォルダに整理して出力します。

### 自動スケーリング

最大サイズで1つデザインすれば、他のデバイスサイズに自動でリサイズ・スケーリングします。

### テンプレートギャラリー

よく使われるスクリーンショットスタイルのビルトインテンプレートですぐに作業を開始できます。

### プロジェクトファイル

作業内容を `.ssmaker` プロジェクトファイルとして保存。チームメンバーと共有したり、アプリ更新時に再利用できます。

## スクリーンショットサイズ一覧

全サイズは [Apple 公式仕様](https://developer.apple.com/help/app-store-connect/reference/app-information/screenshot-specifications) に準拠。形式:JPEG または PNG、1セットあたり1〜10枚。

### iPhone

| ディスプレイ | 対応デバイス | 縦向き | 横向き |
|---|---|---|---|
| 6.9" | iPhone Air, 17 Pro Max, 16 Pro Max, 16 Plus, 15 Pro Max, 15 Plus, 14 Pro Max | 1260 x 2736 | 2736 x 1260 |
| 6.5" | iPhone 14 Plus, 13 Pro Max, 12 Pro Max, 11 Pro Max, 11, XS Max, XR | 1284 x 2778 | 2778 x 1284 |
| 6.3" | iPhone 17 Pro, 17, 16 Pro, 16, 15 Pro, 15, 14 Pro | 1179 x 2556 | 2556 x 1179 |
| 6.1" | iPhone 16e, 14, 13 Pro, 13, 12 Pro, 12, 11 Pro, XS, X | 1170 x 2532 | 2532 x 1170 |
| 5.5" | iPhone 8 Plus, 7 Plus, 6S Plus | 1242 x 2208 | 2208 x 1242 |
| 4.7" | iPhone SE (第3/2世代), 8, 7, 6S | 750 x 1334 | 1334 x 750 |
| 4" | iPhone SE (第1世代), 5S, 5C, 5 | 640 x 1136 | 1136 x 640 |
| 3.5" | iPhone 4S, 4 | 640 x 960 | 960 x 640 |

### iPad

| ディスプレイ | 対応デバイス | 縦向き | 横向き |
|---|---|---|---|
| 13" | iPad Pro (M5〜第1世代), iPad Air (M3, M2) | 2064 x 2752 | 2752 x 2064 |
| 12.9" | iPad Pro (第2世代) | 2048 x 2732 | 2732 x 2048 |
| 11" | iPad Pro (M5〜第1世代), Air (M3〜第4世代), iPad (A16, 第10世代), mini (A17 Pro, 第6世代) | 1488 x 2266 | 2266 x 1488 |
| 10.5" | iPad Pro, iPad Air (第3世代), iPad (第9〜7世代) | 1668 x 2224 | 2224 x 1668 |
| 9.7" | iPad Pro, iPad Air 1/2, iPad (第6〜3世代), mini (第5〜2世代) | 1536 x 2048 | 2048 x 1536 |

### Mac

| アスペクト比 | サイズ |
|---|---|
| 16:10(最小) | 1280 x 800 |
| 16:10 | 1440 x 900 |
| 16:10 | 2560 x 1600 |
| 16:10(最大) | 2880 x 1800 |

### Apple Watch

| デバイス | サイズ |
|---|---|
| Ultra 3 | 422 x 514 |
| Ultra 2, Ultra | 410 x 502 |
| Series 11, 10 | 416 x 496 |
| Series 9, 8, 7 | 396 x 484 |
| Series 6, 5, 4, SE 3, SE | 368 x 448 |
| Series 3 | 312 x 390 |

### Apple TV

| 解像度 | サイズ |
|---|---|
| HD | 1920 x 1080 |
| 4K | 3840 x 2160 |

### Apple Vision Pro

| 解像度 | サイズ |
|---|---|
| 標準 | 3840 x 2160 |

## 技術スタック

- **言語**: Swift
- **UI フレームワーク**: SwiftUI
- **プラットフォーム**: macOS 15.0+
- **翻訳**: Apple Translation Framework

## ロードマップ

- [ ] **Phase 1**: 基本機能 - プロジェクト管理、画像配置、テキスト編集、単体エクスポート
- [ ] **Phase 2**: デバイスフレーム、テンプレートギャラリー
- [ ] **Phase 3**: 自動スケーリング、翻訳機能
- [ ] **Phase 4**: 一括エクスポート、高度なカスタマイズ

## ビルド

```bash
# リポジトリをクローン
git clone https://github.com/fromkk/ScreenShotMaker.git
cd ScreenShotMaker

# Xcode で開く
open ScreenShotMaker.xcodeproj
```

Xcode 16.0+ と macOS 15.0+ が必要です。

## ライセンス

MIT License。詳細は [LICENSE](LICENSE) を参照してください。