Tailscale 経由でスマホから Happier にアクセスする方法：ポート開放なしで HTTPS 接続

セルフホストした Happier スタックに初めてスマホからアクセスすると、わかりにくいブラウザの制約に引っかかることがよくあります。

http://localhost なら問題なく動きます。

ところが、次のようなアドレスに切り替えた途端に：

一部のブラウザは、それを セキュアコンテキスト として扱わなくなります。

Happier はセキュアコンテキストが必要なブラウザ機能（WebCrypto）を使っているため、「読み込めるのに何かがおかしい」という失敗が実際に起こります。

安定して動く設定は Tailscale Serve です。tailnet の中からだけアクセスできる HTTPS の *.ts.net URL が手に入ります。

要点

LAN の IP + ポート：手軽ですが HTTPS ではなく、セキュアコンテキストの要件を満たせないことがあります。
Tailscale の IP + ポート：デフォルトではやはり HTTPS ではないため、同じ問題にぶつかります。
Tailscale Serve：インターネットにポートを開けずに、本当にほしい HTTPS の URL が手に入ります。トレードオフ：各デバイスに Tailscale をインストールしてサインインしておく必要があります。

Happier は、Claude Code、Codex、OpenCode などの AI コーディングエージェント向けの オープンソースのコンパニオンアプリ（モバイル / Web / デスクトップ）です。

ここでのワークフローは、信頼できるマシンで Happier を動かし、安定した HTTPS リンクでスマホからアクセスするというものです。

セットアップ：

ブラウザは http://localhost を安全なものとして扱いますが、任意の http://<ip>:<port> は同じようには扱いません。

そのため、リモートアクセスには HTTPS が必要です。

Tailscale Serve は、これを手間をかけずに解決します。tailnet の中でだけ使える HTTPS の URL を用意してくれます。

Happier を動かしているマシンで：

hstack tailscale enable
hstack tailscale url

スマホで：

ヒント：iOS の Safari では「ホーム画面に追加」を使うと、よりアプリに近い感覚で使えます。

Serve がすでに設定されていれば、hstack start は正規リンクや共有リンクに https://*.ts.net の URL を優先して使えます。

セルフホストのサーバーでは、HAPPIER_PUBLIC_SERVER_URL を設定しておくと、ディープリンクや QR コードが HTTPS の URL を指すようになります。

考えられる原因：

対処：