ようこそ
このアプリケーションは、Markdownファイルを安全に表示するためのPWAです。
主な機能:
- ✅ Markdownファイルの表示
- ✅ ZIPアーカイブの展開
- ✅ マルチエンコーディング対応(UTF-8, Shift_JIS, GB18030等)
- ✅ オフライン動作
- ✅ インストール可能
ファイルアップロード
ここにファイルをドロップ、またはクリックしてファイルを選択
.md, .markdown, .zip ファイル対応
本棚は空です
ファイルをアップロードして本棚に追加しましょう
Markdown Reader PWAとは
Markdown Reader PWAは、ブラウザで動作する無料のMarkdownリーダー・Markdownビューアーです。技術文書やドキュメントを効率的に閲覧するためのオンラインツールとして設計されています。
このオフライン対応のPWA Markdownツールは、ネットワーク接続がなくても完全に動作します。一度ファイルを読み込めば、オフラインでもMarkdownファイルを閲覧できます。プライバシーとセキュリティを重視し、すべての処理はブラウザ内で完結します。
ブラウザMarkdownツールとして、インストール不要で即座に利用開始できます。また、PWA(Progressive Web App)としてインストールすることで、ネイティブアプリのように使いやすくなります。
使い方
1. ファイルのアップロード
ドロップゾーンにMarkdownファイル(.md、.markdown)をドラッグ&ドロップするか、クリックしてファイルを選択します。複数のファイルを一度にアップロードすることも可能です。
2. ZIPアーカイブの展開
ZIPアーカイブをアップロードすると、自動的に展開されます。ZIP展開機能により、複数のMarkdownファイルや画像を含むドキュメントセットを一度に読み込めます。フォルダ構造も保持されるため、相対パスで参照される画像も正しく表示されます。
3. 本棚機能でファイルを管理
アップロードしたファイルは「本棚」に保存されます。本棚からファイルを選択すると、Markdownプレビューが表示されます。Markdown表示はGitHub Flavored Markdown(GFM)形式でレンダリングされ、見出し、リスト、コードブロック、テーブルなどが適切にフォーマットされます。
4. PWAとしてインストール
ブラウザのアドレスバーに表示されるインストールアイコンをクリックするか、メニューから「インストール」を選択すると、ホーム画面にアプリを追加できます。インストール後は、オフラインでもアクセスできます。
主な機能
ZIPアーカイブ対応
複数のMarkdownファイルを含むZIPアーカイブを一度に読み込めます。ZIP展開機能により、ドキュメントセット全体を効率的に管理できます。画像ファイル(PNG、JPG、GIF、SVG、WebP、BMP)も自動的に展開され、Markdown内の相対パス参照が正しく解決されます。
マルチエンコーディング対応
日本語Markdownファイルを含む、様々なエンコーディング形式に対応しています。Shift_JIS(CP932)、UTF-8、GB18030/GBK(簡体字中国語)、Big5(繁体字中国語)、EUC-KR(韓国語)など、多くのエンコーディングを自動検出・変換します。マルチエンコーディング対応により、レガシーな日本語ドキュメントも正しく表示できます。
完全オフライン動作
オフラインMarkdownリーダーとして、Service Workerとキャッシュ機能により、ネットワーク接続がなくても完全に動作します。一度ファイルを読み込めば、フライト中やネットワーク環境の悪い場所でも、Markdownビューアーとして機能します。
本棚機能によるファイル管理
アップロードしたファイルは、IndexedDBとlocalStorageに保存され、ブラウザを閉じても保持されます。本棚機能により、保存済みのファイルを簡単に閲覧・管理できます。ファイル管理機能により、複数のドキュメントを効率的に扱えます。
使用している技術
Markdown Reader PWAは、モダンなWeb技術を活用して構築されています。
- Astro: 静的サイト生成フレームワーク。パフォーマンスを重視した設計
- Preact: 軽量なReact代替。インタラクティブなUIコンポーネントに使用
- PWA: Progressive Web App技術により、オフライン動作とインストール機能を実現
- Service Worker: キャッシュ戦略により、完全なオフライン動作を実現
- IndexedDB: 大容量ファイルの保存に使用。ブラウザ内データベース
- localStorage: メタデータと設定の保存に使用
- marked.js: GitHub Flavored Markdownのレンダリング
- DOMPurify: XSS攻撃を防ぐためのHTMLサニタイゼーション
- JSZip: ZIPアーカイブの展開処理
- encoding-japanese: 日本語を含むマルチエンコーディングの変換
なぜオフライン対応なのか
プライバシーの保護
すべてのファイル処理はブラウザ内で完結し、サーバーには一切送信されません。オフライン対応により、機密情報や個人情報を含むドキュメントも安心して閲覧できます。ファイルはブラウザのローカルストレージにのみ保存されます。
セキュリティの向上
ファイルが外部に送信されないため、セキュリティリスクが大幅に削減されます。ネットワーク経由でのデータ漏洩の心配がありません。ブラウザMarkdownツールとして、クライアントサイドで完結する設計により、セキュリティが確保されています。
ネットワーク不要
一度アプリを読み込み、ファイルをアップロードすれば、その後はネットワーク接続がなくても利用できます。フライト中、電車内、ネットワーク環境の悪い場所でも、Markdownリーダーとして機能します。オフライン環境でも、ドキュメント閲覧が可能です。
パフォーマンス
ローカル処理により、サーバーへの通信が不要なため、応答速度が速く、データ使用量も削減されます。オンラインMarkdownツールでありながら、オフラインでも快適に動作します。
よくある質問(FAQ)
Markdown Reader PWAとは何ですか?
Markdown Reader PWAは、ブラウザで動作する無料のMarkdownリーダー・Markdownビューアーです。ZIPアーカイブ対応、Shift_JISなどのマルチエンコーディング対応、完全オフライン動作のPWAとして設計されています。日本語Markdownファイルの閲覧に最適です。
なぜオフライン対応が必要なのですか?
オフライン対応により、プライバシーが保護され(ファイルがサーバーに送信されない)、セキュリティが向上し(機密情報が外部に送信されない)、ネットワーク接続がなくても利用できます。フライト中やネットワーク環境の悪い場所でも、一度読み込んだファイルを閲覧できます。
どのようなエンコーディングに対応していますか?
UTF-8、Shift_JIS/CP932(日本語)、GB18030/GBK(簡体字中国語)、Big5(繁体字中国語)、EUC-KR(韓国語)、ISO-8859-1、Windows-1252、UTF-16LE/UTF-16BEなど、多くのエンコーディングに自動対応しています。マルチエンコーディング対応により、様々な言語のドキュメントを扱えます。
ZIPアーカイブにはどのようなファイルを含められますか?
ZIPアーカイブには、Markdownファイル(.md、.markdown)と画像ファイル(PNG、JPG、GIF、SVG、WebP、BMP)を含めることができます。ZIP展開機能により、フォルダ構造も保持されます。
PWAとしてインストールする方法は?
対応ブラウザ(Chrome、Edge、Safari等)で、ブラウザのアドレスバーに表示されるインストールアイコンをクリックするか、メニューから「インストール」を選択します。インストール後は、ホーム画面からアプリのように起動できます。PWA Markdownツールとして、ネイティブアプリのような体験を提供します。
データはどこに保存されますか?
すべてのファイルとデータは、ブラウザのIndexedDBとlocalStorageに保存されます。サーバーには一切送信されません。プライバシーとセキュリティが完全に保護されます。
どのようなMarkdown形式に対応していますか?
GitHub Flavored Markdown(GFM)形式に対応しています。見出し、リスト、コードブロック、テーブル、リンク、画像など、標準的なMarkdown要素をサポートしています。Markdownプレビューとして、適切にフォーマットされたMarkdown表示を提供します。