会話まとめ：OneDrive・GitHub・Cloudflare Pages連携設定

日時	2026-04-19
目的	ローカルのまとめHTMLをiPadでも閲覧できるようにする
キーワード	OneDrive GitHub Cloudflare Pages WSL2 Stop hook git push

背景・問題

ローカルの /home/kishu/test-project/ に蓄積したHTMLまとめを外出先のiPadでも閲覧したいという要望が発端。

OneDriveアプリでHTMLを開いても、ページ内のリンクが機能しない（アプリの仕様上の制限）
iPadのブラウザでローカルファイルを開いてもセキュリティ制限でリンクが機能しない
根本原因：HTMLファイルはウェブサーバー経由でないとリンクナビゲーションが正しく動作しない

解決策：Cloudflare Pagesでウェブサイトとして公開

PC（作業場所）
/home/kishu/test-project/ ← ここで作業（変わらず）
↓ Stop hook（自動・毎応答後）
OneDrive/test-project/ ← Windowsと同期
↓ Stop hook（自動・毎応答後）
GitHub（非公開リポジトリ） ← ファイル保管
↓ 自動デプロイ
Cloudflare Pages ← ウェブサイトとして配信
https://test-project-7hr.pages.dev/
↓
iPadのSafariで閲覧可能

実施した作業

OneDriveへのrsync同期をStop hookに設定（~/.claude/settings.json）
GitHubアカウント作成（ochokodao）・非公開リポジトリ作成
GitHub CLIインストール・認証設定
test-projectをGitHubにpush（197ファイル）
Cloudflareアカウント作成・Cloudflare PagesとGitHub連携
Stop hookにgit push自動化を追加
index.htmlにCloudflare PagesへのリンクボタンをOneDrive用に追加

各サービスの役割

GitHub：ファイルの保管場所（非公開リポジトリ）
Cloudflare Pages：GitHubのファイルをウェブサイトとして配信
OneDrive：PCとWindowsのバックアップ兼同期

Stop hookの設定内容

~/.claude/settings.json に以下の2つのhookが設定済み：

OneDriveへrsync同期
GitHubへgit push（変更がある場合のみ自動コミット＆push）

      今後は /home/kishu/test-project/ で作業するだけで、OneDrive・GitHub・Cloudflare Pagesがすべて自動更新される。
    

セキュリティ

GitHubリポジトリは非公開（private）
Cloudflare PagesのURLはランダム文字列含む（test-project-7hr.pages.dev）
URLを知っている人なら誰でも閲覧可能な状態（Cloudflare Accessによる認証は未設定）
学習まとめ用途のため実用上問題なしと判断

同期の仕組みの整理

/home/kishu/test-project/ ← 唯一の作業場所
↓ hook① rsync
OneDrive/test-project/ ← バックアップ・PDF直接閲覧用
↓ hook② git push
GitHub（非公開） ← ファイル保管
↓ 自動デプロイ
Cloudflare Pages ← iPad閲覧用

OneDriveとGitHubはどちらも/home/kishu/test-project/から直接同期
OneDriveの内容をGitHubに上げているわけではない
GitHubにあるのはtest-project内のファイルのみ。OneDrive全体は含まない