safariで画面を確認する時の設定

viteを使用していてCSSが適用されていない場合

viteのポートが別のポートを使用していることが原因そう
vite.config.tsを書き換える

server: {
    hmr: {
        host: 'localhost',
    },
},

「サーバーが見つかりません」が表示される場合

名前解決できていないことが原因そう
hostsファイルにIPアドレス（半角スペース）ドメイン名を追加する

方法1. コマンドで編集

$ cd /etc
$ sudo vi hosts // IPアドレス（半角スペース）ドメイン名を追加

方法2. 直接編集（mac）

1. finderを押下して上のバーにある移動からフォルダへ移動
2. private/etcを入力
3. hostsをデスクトップにドラッグ&ドロップ
4. テキストエディットなどで開きIPアドレス（半角スペース）ドメイン名を追加
5. private/etcにhostsをドラッグ&ドロップし、置き換えるを押下

他の端末でもローカルの動作確認をする方法

macで開発中の画面をwindowsからも見る場合

macで開発していて、動作確認をwindowsでもしたい場合
前提としてviteを使用。

1. 自分のIPアドレスをチェック ipconfig getifaddr en0
2. vite.config.tsを書き換える

server: {
    hmr: {
        host: ~自分のIP~,
    },
    host: ~自分のIP~,
    https: false,
    watch: {
        userPolling: true,
    },
}