iOSとAndroidにウェブメールをPWAでインストール

TrekMailウェブメールにはスマートフォン向けのレスポンシブ画面があり、対応ブラウザーではProgressive Web App (PWA)としてインストールできます。ホーム画面やデスクトップのショートカットと独立ウィンドウが作成されますが、メールボックスがオフライン対応のメールクライアントになるわけではありません。

モバイルブラウザーでウェブメールを使う

trekmail.net/webmail/またはプロバイダーのブランド付きウェブメールURLを開き、メールボックスのアドレスとパスワードでログインします。

狭い画面では次のように表示されます。

• フォルダーとメールボックスのサイドバーが折りたたまれ、メッセージ一覧が画面幅全体を使います。
• メッセージを開くと一覧に代わって本文が表示され、戻る操作が用意されます。
• フローティング作成ボタンからモバイル版の作成画面が開きます。
• 設定は最初に全画面のセクション一覧を開き、その後に選択したパネルを表示します。
• IDカード、署名、Fromアドレスの選択肢、返信ポリシーの操作項目は、モバイル向けのタップ領域で縦に並びます。
• ライトテーマとダークテーマは同じレスポンシブレイアウトを使います。

表示されているメッセージ操作と選択チェックボックスを使用してください。現在、設定可能なアーカイブや既読のスワイプ操作、メッセージの長押しメニューはありません。

PWAとしてインストールする

PWAのインストールにはHTTPSとインストール対応ブラウザーが必要です。ブラウザーメニューの文言は、OSやブラウザーのバージョンによって異なる場合があります。

iPhoneまたはiPad

1. SafariでウェブメールURLを開きます。
2. 共有をタップします。
3. ホーム画面に追加を選択します。
4. 名前を確認して追加をタップします。

新しいアイコンを開くと、通常のSafariアドレスバーがない独立ウィンドウでウェブメールが動作します。ホーム画面に追加がない場合は、アプリ内ブラウザーではなくSafariでページを開いていることを確認してください。

Android

1. Chromeまたはインストール対応ブラウザーでウェブメールを開きます。
2. ブラウザーメニューを開きます。
3. アプリをインストールまたはホーム画面に追加を選択します。
4. インストールを確定します。

インストール項目がない場合はブラウザーを更新し、HTTPSでウェブメールを再読み込みして、もう一度ブラウザーメニューを確認してください。独立PWAではなく、通常のホーム画面ブックマークを作成するブラウザーもあります。

デスクトップ

Chromium系のデスクトップブラウザーでは、アドレスバーやアプリケーションメニューにインストール操作が表示される場合があります。最近のmacOSのSafariではファイル → Dockに追加を利用できます。ブラウザーがインストールに対応していない場合は通常のブックマークを使ってください。

インストールによって変わること

Service Workerは、認証済みページ、メッセージ本文、添付ファイル、連絡先、メールボックスAPIの応答を意図的にキャッシュしません。すべてのメールボックス操作に接続が必要です。これにより、個人のメールボックスデータが一般的なPWAキャッシュに保存されるのを防ぎます。

オフラインページは記憶されたライトまたはダークテーマに従い、アラビア語とヘブライ語のRTLレイアウトを含む13のウェブメール言語に対応します。ブラウザーがネットワーク復旧を報告すると再試行します。キャッシュするのは、この公開ページとブランド画像だけです。

インストールマニフェストは、アプリ名、アイコン、色、開始ページ、独立表示モードを端末やブラウザーに伝える小さなファイルです。ダウンロードや設定は不要で、開いたドメインに合うマニフェストが自動的に配信されます。

通知

ウェブメールページを開いたままポーリングしている間は、新着メールやカレンダーのリマインダーをブラウザー通知で表示できます。設定 → プロフィール → デスクトップ通知で有効にし、ブラウザーの権限を許可してください。

これはService Workerによるバックグラウンドプッシュではありません。ブラウザーやPWAを閉じたり、OSが一時停止したりすると確認も止まります。インストール済みPWAをバックグラウンドの新着通知に使用しないでください。バックグラウンド同期と通知が不可欠な場合は、IMAP/SMTPでネイティブメールクライアントに接続してください。

White Labelでの動作

有効なWhite Label Liteホストでは、ログイン、稼働中のウェブメール、インストール、通知、オフラインページに、プロバイダーが設定したブランドが使われます。

• インストール済みアプリの名前にはプロバイダーのブランド名が使われます。
• インストールと通知のアイコンにはアップロード済みfaviconが使われます。ない場合はブランドのメインカラーを使った汎用メールアイコンが作成されます。
• オフラインページにはプロバイダー名、メインカラー、ライトロゴ、ダークロゴが使われます。ダークロゴがなければライトロゴを使い、どちらもなければブランドカラーの汎用メールアイコンを使います。
• オフラインレイアウトでも、選択したテーマ、モバイルの安全領域、現在の言語、該当時のRTL方向が維持されます。
• 独立アプリは同じブランドホストを開き、そのセッションをTrekMailホストや別のプロバイダーホストから分離します。

アイコンが正しいオリジンとセッションを開くよう、実際に使っているウェブメールURLからインストールしてください。TrekMail URLとプロバイダーURLの両方をインストールすると、二つのアイコンと別々のブラウザーセッションが作成されます。

プロバイダーがブランドを変更すると、次回ウェブメールへのアクセスに成功した後、公開オフラインシェルが更新されます。端末のOSが既存アプリの古いホーム画面名やアイコンを保持する場合は、ショートカットを削除して再インストールしてください。

現在のPWAの制限

• オフラインでの閲覧、検索、作成、送信待ちはできません。
• Service Workerによるバックグラウンドプッシュ通知はありません。
• ファイルやテキストを作成画面に送るOSの共有ターゲット連携はありません。
• 認証済みアプリシェルはキャッシュされず、プライバシーと鮮度のためナビゲーションはネットワーク優先のままです。

トラブルシューティング

アイコンが通常のブラウザータブを開く： ショートカットを削除し、ブラウザーのPWAインストールまたは「ホーム画面に追加」で再インストールします。通常のブックマークは独立モードで開かない場合があります。

他のサイトは使えるのに「接続が切れました」と表示される： 再試行をタップします。続く場合はVPNやコンテンツブロッカーを一時停止し、通常のタブでURLを試して、正しいブランドホストが引き続き解決されるか確認します。

更新後にアプリが止まる： 完全に閉じて開き直します。必要ならアプリを削除し、そのホストのサイトデータを消去して、再度アクセスしてインストールします。

通知が表示されない： ウェブメールを開いたままにして、設定 → プロフィール → デスクトップ通知と、そのホストに対するブラウザーおよびOSの権限を確認します。PWAをインストールしただけでは通知は有効になりません。

オフラインでメッセージを読めない： 正常な動作です。キャッシュされるのは公開の接続切断ページとブランド画像だけです。オフラインメールが必要なら、独自のオフライン同期機能を持つネイティブIMAPクライアントを使ってください。

ネイティブのカレンダー、連絡先、メールアプリ

OSのカレンダーと連絡先を同期するにはCalDAVとCardDAVを使います。

• iPhoneとiPadを接続する
• DAVx⁵でAndroidを接続する

ネイティブのメール通知とオフライン同期については、モバイルメールアプリでTrekMailを設定するをご覧ください。