プライバシーポリシーなどの画面を作る

[haino357]

概要

アプリにBottomNavigationBarを導入し、設定タブからプライバシーポリシー・利用規約・アプリ情報などの法的・情報ページを表示できるようにする。

背景・動機

• App Store / Google Play へのリリースにはプライバシーポリシーの掲載が必須
• 広告導入（広告表示機能の導入を検討・実装する #35）やクラウド同期（クラウド同期機能を追加 #28）を将来的に実装する場合、個人情報の取扱いについて明示する必要がある
• ユーザーがアプリのバージョンや問い合わせ先を確認できる場所がない
• 現在アプリにはナビゲーション構造がなく、設定画面も存在しない

実装内容

1. BottomNavigationBarの導入

現在はホーム画面のみの単一画面構成のため、BottomNavigationBarを導入してタブ切り替え構造にする。

┌──────────────────────────────┐
│                               │
│        （各タブの画面）         │
│                               │
├──────────────────────────────┤
│  📚 本の一覧  │  ⚙ 設定       │
└──────────────────────────────┘

• 本の一覧タブ: 既存の HomeScreen（書籍一覧・検索・フィルター）
• 設定タブ: 新設の SettingsScreen

補足: 将来的に統計ダッシュボード（#20）やカレンダー（#31）をタブとして追加することも想定した構造にする。

ルート画面の構成

class MainScreen extends StatefulWidget {
  // BottomNavigationBar で本の一覧 / 設定 を切り替える
  // IndexedStack または PageView で画面状態を保持
}

2. 設定画面の構成

┌──────────────────────────────┐
│ 設定                          │
├──────────────────────────────┤
│                               │
│ ── アプリ情報 ──               │
│ > バージョン情報       v1.0.0  │
│ > ライセンス情報               │
│                               │
│ ── 法的情報 ──                 │
│ > プライバシーポリシー          │
│ > 利用規約                     │
│                               │
│ ── サポート ──                 │
│ > お問い合わせ                  │
│ > レビューを書く                │
│                               │
│ ── 将来的に追加 ──（別Issue）    │
│ > データのエクスポート (#24)    │
│ > アカウント管理 (#28)         │
│ > 広告設定 (#35)               │
└──────────────────────────────┘

3. 各画面の詳細

プライバシーポリシー画面

アプリ内WebViewまたはMarkdownで表示する。以下の項目を含める。

• 収集する情報
  • 現在: 個人情報は収集していない（すべてローカル保存）
  • 将来: Firebase利用時はアカウント情報（メールアドレス等）を収集
  • 広告導入時は広告IDの取扱いを追記
• 情報の利用目的
  • 書籍データの管理・表示のため
  • Google Books APIへの検索クエリ送信（書籍検索時のみ）
• 第三者提供
  • 現在: 第三者への提供なし
  • 広告導入時: 広告配信パートナーへのデータ共有について追記
• データの保存場所
  • 端末内のローカルデータベース（SQLite）
• データの削除
  • アプリのアンインストールで全データが削除される
  • アプリ内から個別の書籍データを削除可能
• お問い合わせ先
  • 連絡先メールアドレス

利用規約画面

• 免責事項（データの損失等に関する責任範囲）
• 禁止事項
• 著作権について（Google Books APIの書影の取扱い等）
• 規約の変更について

バージョン情報画面（Aboutダイアログ）

Flutter標準の showAboutDialog または showLicensePage を活用する。

showAboutDialog(
  context: context,
  applicationName: '読書管理',
  applicationVersion: 'v1.0.0',
  applicationIcon: /* アプリアイコン */,
  applicationLegalese: '© 2026 開発者名',
  children: [/* 追加情報 */],
);

• アプリ名・バージョン
• 著作権表示
• 使用ライブラリのライセンス一覧（Flutter標準の LicensePage で自動収集）

お問い合わせ

• メールアプリを起動する（url_launcher でmailtoリンクを開く）
• 件名にアプリ名とバージョンを自動入力
  • 例: mailto:xxx@example.com?subject=【読書管理 v1.0.0】お問い合わせ

レビューを書く

• App Store / Google Play のアプリページを開く（url_launcher）
• または in_app_review パッケージでアプリ内レビューダイアログを表示

4. プライバシーポリシーの表示方式

方式	メリット	デメリット
アプリ内Markdown表示	オフラインで閲覧可能、外部依存なし	更新時にアプリのアップデートが必要
WebView（外部URL）	更新が容易（サーバー側で変更）	オフライン時に閲覧不可、ホスティングが必要
ハイブリッド	バンドル版+最新版チェック	実装が複雑

→ 初期実装はアプリ内Markdown表示を推奨（サーバー不要で #28 導入前にも対応可能）

実装タスク

BottomNavigationBar導入

• MainScreen の作成（BottomNavigationBar + IndexedStackでタブ切り替え）
• 既存の HomeScreen を「本の一覧」タブとして配置
• main.dart のエントリーポイントを HomeScreen → MainScreen に変更

設定画面

• 設定画面（SettingsScreen）の作成
• プライバシーポリシーのMarkdownコンテンツ作成
• プライバシーポリシー表示画面の作成（flutter_markdown でレンダリング）
• 利用規約のMarkdownコンテンツ作成
• 利用規約表示画面の作成
• Aboutダイアログ（showAboutDialog / showLicensePage）の実装
• お問い合わせ（メールアプリ起動）の実装
• レビュー導線の実装（url_launcher or in_app_review）
• package_info_plus でアプリバージョンを動的取得

技術的な検討事項

パッケージ

• flutter_markdown（Markdown表示）
• package_info_plus（アプリバージョン取得）
• url_launcher（メール・ストアページへの遷移）
• in_app_review（アプリ内レビュー、任意）

BottomNavigationBarの設計

• IndexedStack で各タブの状態を保持（タブ切り替え時にスクロール位置や検索状態が失われない）
• 将来のタブ追加（統計 読書統計ダッシュボードを追加 #20、カレンダー 読書カレンダー機能: 毎日の読書記録をカレンダーで管理 #31）を考慮し、3〜4タブ程度まで拡張可能な構造にしておく

ストアリリース要件

• Google Play: プライバシーポリシーのURLが必須（Data Safety Section）
• App Store: プライバシーポリシーのURLが必須（App Privacy）
• アプリ内表示とは別に、Web上にもプライバシーポリシーを公開する必要がある（GitHub Pagesなどで対応可能）

優先度

高（ストアリリースの前提条件）

関連Issue

• 広告表示機能の導入を検討・実装する #35 広告表示機能の導入を検討・実装する（広告導入時にプライバシーポリシーの更新が必要）
• クラウド同期機能を追加 #28 クラウド同期機能を追加（Firebase導入時にプライバシーポリシーの更新が必要）
• データのエクスポート/インポート機能を追加 #24 データのエクスポート/インポート機能を追加（設定画面にエクスポートボタンを配置）
• 読書統計ダッシュボードを追加 #20 読書統計ダッシュボードを追加（将来的にBottomNavigationBarのタブとして追加）
• 読書カレンダー機能: 毎日の読書記録をカレンダーで管理 #31 読書カレンダー機能（将来的にBottomNavigationBarのタブとして追加）

[haino357]

プライバシーポリシー・利用規約の表示方式比較

方式A: アプリ内Markdown表示

アプリにMarkdownコンテンツをバンドルし、flutter_markdown 等で表示する方式。

メリット

• サーバー・ホスティング不要で追加コストゼロ
• オフラインでも閲覧可能
• 実装がシンプル（パッケージ1つ + Dartファイルにコンテンツ記述）

デメリット

• 内容を更新するたびにアプリのアップデート（ストア審査）が必要
• ストア申請時に求められる「プライバシーポリシーのURL」を別途用意する必要がある（アプリ内表示だけでは不十分）

方式B: 外部Webホスティング + url_launcher

プライバシーポリシー・利用規約をWebページとして公開し、アプリからブラウザで開く方式。

メリット

• 内容の更新がアプリのアップデートなしで即時反映できる
• ストア申請に必要な「プライバシーポリシーURL」をそのまま使える
• WebとアプリでURLを共有でき、一元管理が容易

デメリット

• ホスティング環境の用意が必要
• オフライン時に閲覧不可
• ユーザーがアプリから離脱する（ブラウザに切り替わる）

ストア要件

ストア	要件
Google Play	Data Safety SectionにプライバシーポリシーのURLが必須
App Store	App PrivacyにプライバシーポリシーのURLが必須

→ どちらの方式を選んでも、最終的にはWeb上にURLとしてプライバシーポリシーを公開する必要がある

方式Bに必要なもの

1. ホスティングサービスの選定（以下のいずれか）

   • GitHub Pages（無料）— リポジトリにMarkdown/HTMLを置くだけ。独自ドメインも設定可能
   • Cloudflare Pages（無料枠あり）— GitHub連携でデプロイ自動化
   • Firebase Hosting（無料枠あり）— 将来的に クラウド同期機能を追加 #28 クラウド同期でFirebaseを使うなら親和性が高い
   • Notion / Google Sites（無料）— 最も手軽だが、デザインの自由度は低い

2. コンテンツの作成

   • プライバシーポリシーのHTML/Markdownページ
   • 利用規約のHTML/Markdownページ

3. アプリ側の実装

   • url_launcher パッケージ（現在のPRで追加済み）
   • 定数ファイルにURLを定義（現在のPRで追加済み）

結論・推奨

観点	推奨
ストアリリースを見据えた場合	方式B（外部Web） — ストア申請URLをそのまま利用でき二重管理を避けられる
最小工数で進めたい場合	GitHub Pages + url_launcher が最もシンプル
将来Firebase導入予定の場合	Firebase Hosting にまとめると管理が一元化できる

現在のPR #53 では方式B（外部URL）のアプリ側実装は完了しているため、残作業は以下のみ：

• ホスティングサービスを選定
• プライバシーポリシー・利用規約のWebページを作成・公開
• app_constants.dart のプレースホルダーURLを実際のURLに差し替え

[haino357]

GitHub Pagesによる法的文書のホスティング方針

決定事項

プライバシーポリシー・利用規約の表示方式として GitHub Pages（外部Web）+ url_launcher を採用。

理由:

• App Store / Google Playの申請に必要な「プライバシーポリシーURL」をそのまま利用でき、二重管理を避けられる
• コンテンツの更新がアプリのアップデートなしで即時反映できる
• 追加コストゼロ（GitHub Pages無料）

実装内容（PR #53）

ディレクトリ構成

docs/
├── privacy-policy.html    ← プライバシーポリシー
└── terms-of-service.html  ← 利用規約

公開URL

• プライバシーポリシー: https://haino357.github.io/book_manager/privacy-policy.html
• 利用規約: https://haino357.github.io/book_manager/terms-of-service.html

GitHub Pagesの有効化手順

リポジトリの Settings → Pages → Source で以下を設定:

• Branch: develop
• Directory: /docs
• Save

残タスク（設定画面関連のチェックリスト更新）

• MainScreen の作成（BottomNavigationBar + IndexedStack）— PR #41で完了
• 設定画面（SettingsScreen）の作成 — PR #41で完了
• バージョン情報・ライセンス情報の表示 — PR feat: 設定画面にプライバシーポリシー・利用規約・サポート導線を追加 #53
• プライバシーポリシーの表示（GitHub Pages + url_launcher）— PR feat: 設定画面にプライバシーポリシー・利用規約・サポート導線を追加 #53
• 利用規約の表示（GitHub Pages + url_launcher）— PR feat: 設定画面にプライバシーポリシー・利用規約・サポート導線を追加 #53
• お問い合わせ（メールアプリ起動、バージョン・OS情報付与）— PR feat: 設定画面にプライバシーポリシー・利用規約・サポート導線を追加 #53
• レビュー導線（in_app_review + ストアURLフォールバック）— PR feat: 設定画面にプライバシーポリシー・利用規約・サポート導線を追加 #53
• package_info_plus でアプリバージョンを動的取得 — PR #41で完了
• GitHub Pagesの有効化（リポジトリ設定）
• ストア申請時にプライバシーポリシーURLを登録