包括的な発売前準備完了チェックリスト生成ツール

# 打ち上げ前チェックリスト ## 機能性 - [ ] **すべての主要ユーザーフローがエンドツーエンドで動作する** 、 主要なユーザージャーニーを最初から最後までテストする - [ ] **すべてのフォームが正しく送信され、適切なフィードバックを表示する** 、 各フォームを送信し、成功/エラーメッセージを確認する - [ ] **支払いフローが機能する（該当する場合）、 実際のサンドボックスでテストする** 、 サンドボックス環境でテスト取引を実行する - [ ] **認証が機能する（ログイン、ログアウト、パスワードリセット、セッション期限切れ）** 、 各認証シナリオをテストする - [ ] **メール通知が正しく送信される（スパムフォルダを確認）** 、 テストメールを送信し、受信トレイとスパムフォルダを確認する - [ ] **サードパーティ統合が正しく応答する** 、 各統合の応答をテストする - [ ] **エラーハンドリングが機能する（問題発生時の挙動）** 、 意図的にエラーを発生させ、ユーザー向けのフィードバックを確認する ## コンテンツとコピー - [ ] **Lorem ipsumが残っていない** 、 サイト全体を検索してプレースホルダーテキストを確認する - [ ] **すべてのリンクが機能する（404がない）** 、 サイトをクロールして壊れたリンクを確認する - [ ] **法的ページが存在する（プライバシーポリシー、利用規約、Cookie同意）** 、 各ページが存在し、リンクされていることを確認する - [ ] **連絡先情報が正しい** 、 連絡先ページとフッターを確認する - [ ] **著作権年が最新である** 、 フッターの年を確認する - [ ] **ソーシャルメディアリンクが正しいプロフィールを指している** 、 各リンクをクリックして確認する - [ ] **すべての画像にaltテキストがある** 、 画像を監査してalt属性を確認する - [ ] **ファビコンが設定されている（すべてのサイズ）** 、 ブラウザタブとブックマークで確認する ## ビジュアルプレースホルダースキャン ### コードベーススキャン - [ ] **プレースホルダー画像URLがコードベースに存在しない** 、 `placeholder`、`via.placeholder.com`、`placehold.co`、`picsum.photos`、`unsplash.it/random`、`dummyimage.com`、`placekitten`、`placebear`、`fakeimg` を検索する - [ ] **プレースホルダー画像ファイル名が存在しない** 、 `placeholder`、`dummy`、`sample`、`example`、`temp`、`test-image`、`default-`、`no-image` を含むファイルを検索する - [ ] **Next.js/Vercelのデフォルト画像が削除されている** 、 `public/next.svg`、`public/vercel.svg`、`public/thirteen.svg`、`app/favicon.ico`（Next.jsデフォルトのままの場合）を確認する - [ ] **フレームワークのボイラープレート画像が`public/`フォルダに残っていない** 、 `public/`フォルダの内容を確認する - [ ] **ハードコードされた寸法で実際の画像がない箇所がない** 、 `width={400} height={300}` がグレーのdivやsrc欠落とペアになっていないか確認する - [ ] **インラインSVGプレースホルダーパターンがない** 、 一時的な画像フィルとして使用されるインラインSVG（中央にアイコンがあるグレーの長方形）を確認する ### コンポーネントレベルチェック - [ ] **アバターコンポーネントのフォールバックが意図的にデザインされている** 、 ライブラリのデフォルトではなく、デザインされたフォールバックが表示されることを確認する - [ ] **カードコンポーネントの画像なし時の空状態がデザインされている** 、 `image?: string` プロップが未指定の場合のレンダリングを確認する - [ ] **ヒーロー/バナーセクションの背景画像が最終版である** 、 開発用サンプルではないことを確認する - [ ] **製品/ポートフォリオグリッドがすべて実画像を使用している** 、 繰り返しのテスト画像がないことを確認する - [ ] **ロゴコンポーネントが最終ロゴファイルを使用している** 、 テキストプレースホルダーではないことを確認する - [ ] **OG画像（`og:image`メタタグ）がデザイン済みアセットである** 、 フレームワーク/ホスティングのデフォルトではないことを確認する ### サードパーティおよびCDNチェック - [ ] **開発専用CDNから画像が読み込まれていない** 、 `picsum.photos` などの開発専用CDNを確認する - [ ] **ストックフォトの透かしが表示されていない** 、 500kbを超える画像を確認し、未購入のストック画像がないか確認する - [ ] **altテキストに`lorem`や`test`が含まれる画像がない** 、 画像のaltテキストを監査する ### プレースホルダー表 | # | ファイルパス | 行 | タイプ | 現在の値 | 重大度 | 必要なアクション | |---|-----------|------|------|---------------|----------|---------------| | 1 | `src/app/page.tsx` | 42 | 画像URL | `via.placeholder.com/800x400` | 重大 | ヒーロー画像に置き換える | | 2 | `public/favicon.ico` | - | フレームワークデフォルト | Next.jsデフォルトファビコン | 重大 | ブランドファビコンに置き換える | | 3 | `src/components/Card.tsx` | 18 | フォールバック欠落 | 画像なし = レイアウト崩れ | 高 | 空状態をデザインする | 重大度レベル: - 重大: 主要ページ（ヒーロー、ファーストビュー、OG画像）でユーザーに表示される - 高: 通常使用でユーザーに表示される（カード、アバター、コンテンツ画像） - 中: エッジケースで表示される（空状態、エラーページ、フォールバック） - 低: コード内のみでユーザーに表示されない（テストフィクスチャ、開発専用ルート） ## SEOとメタデータ - [ ] **ページタイトルが一意で説明的である** 、 各ページのタイトルタグを確認する - [ ] **各ページにメタディスクリプションが書かれている** 、 各ページのメタディスクリプションを確認する - [ ] **ソーシャル共有用のOpen Graphタグがある（共有デバッガーでテスト）** 、 OGタグを検証ツールでテストする - [ ] **robots.txtが正しく設定されている** 、 robots.txtの内容を確認する - [ ] **sitemap.xmlが存在し、提出されている** 、 sitemap.xmlの存在と検索コンソールへの提出を確認する - [ ] **正規URLが設定されている** 、 各ページのcanonicalタグを確認する - [ ] **構造化データ/スキーママークアップ（該当する場合）** 、 構造化データを検証ツールでテストする ## パフォーマンス - [ ] **Lighthouseスコアが目標を達成している** 、 Lighthouse監査を実行する - [ ] **画像が最適化され、レスポンシブである** 、 画像サイズとフォーマットを確認する - [ ] **フォントが効率的に読み込まれている** 、 フォントの読み込み方法を確認する - [ ] **本番ビルドにコンソールエラーがない** 、 ブラウザコンソールを確認する - [ ] **アナリティクスがインストールされ、トラッキングされている** 、 テストイベントが記録されることを確認する ## セキュリティ - [ ] **HTTPSが強制されている（混合コンテンツがない）** 、 すべてのリソースがHTTPSで読み込まれることを確認する - [ ] **環境変数が本番環境に設定されている** 、 本番環境の環境変数を確認する - [ ] **フロントエンドコードにAPIキーが露出していない** 、 コードベースを検索してAPIキーを確認する - [ ] **フォームにレート制限がある（スパム防止）** 、 レート制限設定を確認する - [ ] **CORSが正しく設定されている** 、 CORS設定を確認する - [ ] **CSPヘッダー（該当する場合）** 、 CSPヘッダーを確認する ## クロスプラットフォーム - [ ] **Chrome、Safari、Firefox（最新版）でテスト済み** 、 各ブラウザでテストする - [ ] **iOS Safari、Android Chromeでテスト済み** 、 モバイルブラウザでテストする - [ ] **主要ブレークポイントでテスト済み** 、 モバイル、タブレット、デスクトップでテストする - [ ] **印刷スタイルシート（ユーザーが印刷する可能性がある場合）** 、 印刷プレビューを確認する ## インフラストラクチャ - [ ] **ドメインが接続され、SSLがアクティブである** 、 SSL証明書の状態を確認する - [ ] **www/non-wwwのリダイレクトが設定されている** 、 リダイレクトをテストする - [ ] **404ページがデザインされている（デフォルトではない）** 、 存在しないURLにアクセスして確認する - [ ] **エラーページがデザインされている（500、メンテナンス）** 、 エラーページを確認する - [ ] **バックアップが設定されている（データベース、該当する場合）** 、 バックアップ設定を確認する - [ ] **モニタリング/アップタイムチェックが設定されている** 、 モニタリングツールを確認する ## 引き渡し（クライアントプロジェクトの場合） - [ ] **クライアントがすべてのアカウントにアクセスできる（ホスティング、ドメイン、アナリティクス）** 、 アクセス情報を確認する - [ ] **ドキュメントが完了している（FORGOKBEY.mdまたは同等のもの）** 、 ドキュメントの完全性を確認する - [ ] **トレーニングが予定されているか、録画されている** 、 トレーニング資料を確認する - [ ] **サポート/保守契約が明確である** 、 契約内容を確認する