Porthole は、任意のWebページやローカルHTMLファイルの一部をキャプチャして、macOSの通知センターウィジェットに表示するメニューバーアプリです。
クイックスタート
- Portholeを起動します。初回起動時にサンプルクリップが自動作成されます。
- メニューバーから Porthole設定... を開きます。
- サンプルクリップを選択するか、+ で新規クリップを追加します。
- ソース にURLを入力するか、ローカルHTML ファイルを選択します。
- プレビュー上の矩形をドラッグしてキャプチャ範囲を決めます。
- 設定を保存 してから クリップを最新化 をクリックし、最初のスナップショットを撮影します。
- 通知センターに Web Clip ウィジェットを追加し、表示するクリップを選択します。
メニューバー
| 項目 | 説明 |
|---|---|
| Porthole設定... | 設定ウィンドウを開く |
| クリップを最新化 | 選択中のクリップを撮影してウィジェット画像を更新する |
| ログイン時に起動 | macOSログイン項目への登録を切り替える |
| Portholeについて... | 標準のAboutパネルを開く |
| 終了 | アプリを終了する |
設定ウィンドウ
クリップリスト(サイドバー)
- + — 新規クリップを追加
- − — 選択中のクリップを削除
- クリップをクリックして選択・編集
基本設定
| 項目 | 説明 |
|---|---|
| 名前 | ウィジェット選択画面に表示されるクリップ名 |
| ソース | URL(リモートWebページ)または ローカルHTML(ローカルファイル) |
| URL | ページのURL(URLソースのみ) |
| 更新間隔 | クリップが自動再撮影されるまでの間隔(秒) |
描画設定
| 項目 | 説明 |
|---|---|
| Viewport 幅 / 高さ | ページ描画に使用するブラウザビューポートのサイズ |
| 撮影遅延 | ページ読み込み完了後、スナップショット撮影を開始するまでの待機秒数。非同期でコンテンツを描画するページで読み込み中プレースホルダーを避ける際に使用します(デフォルト: 0) |
クリッピング設定
| 項目 | 説明 |
|---|---|
| モード | 矩形 は固定範囲を撮影、セレクタ はCSS要素を対象に撮影 |
| セレクタ | キャプチャ対象のCSSセレクタ(セレクタモードのみ) |
| フォールバック矩形 | セレクタが見つからない場合に使用する矩形 |
矩形
プレビュー 上のオーバーレイをドラッグしてキャプチャ範囲を設定するか、X / Y / 幅 / 高さ に直接値を入力します。
プレビュー
- 再読み込み — プレビューのWebViewを再読み込み
- 要素を選択 — プレビュー上の要素をクリックしてCSSセレクタを自動入力
- 設定を保存 — 現在のクリップ設定を保存
- クリップを最新化 — 今すぐ新しいスナップショットを撮影
クリッピングモード
矩形モード
X / Y / 幅 / 高さで指定した固定の範囲をピクセル単位でキャプチャします。プレビュー上のオーバーレイをドラッグして移動、右下ハンドルをドラッグしてリサイズできます。
セレクタモード
CSSセレクタに一致する最初の要素の領域をキャプチャします。要素を選択 でプレビュー上の要素をクリックするとセレクタが自動入力されます。要素が見つからない場合はフォールバック矩形を使用します。
ローカルHTMLファイル
- ソース を
ローカルHTMLに切り替えます。 - HTMLを選択 をクリックし、ファイルピッカーでHTMLファイルを選択します。
- 相対パスのアセットを読み込む必要がある場合は 読み取りアクセスルート を設定します。
- ファイルパスはセキュリティスコープブックマークとして保存され、アプリ再起動後に再選択する必要はありません。
ウィジェット
通知センターに Web Clip ウィジェットを追加します(通知センター → ウィジェットを編集 → "Web Clip" を検索)。
- 小 / 中 / 大 の3サイズに対応しています。
- ウィジェットの設定をタップして表示するクリップを選択できます。
- URLクリップのウィジェットをクリックすると、元のページがデフォルトブラウザで開きます。
- スナップショットがまだ撮影されていない場合はプレースホルダーが表示されます。
- スナップショットはウィジェット領域いっぱいに表示されます。横長・縦長のクリップは余白ではなく中央基準でトリミングされます。
- ウィジェット背景には、スナップショット外周から抽出した代表色を使用します。
- タイムラインは選択クリップの更新間隔に合わせて再読み込みされます。
自動更新
- アプリ起動中は、各クリップが設定した 更新間隔 で自動再撮影されます。
- 更新間隔を超えたクリップは、アプリ起動時とMacのスリープ解除後に再撮影されます。
- アプリが起動していない間、スナップショットは更新されません。
注意 / トラブルシューティング
- ウィジェットにプレースホルダーが表示される — アプリを開いて クリップを最新化 で最初のスナップショットを撮影してください。
- ローカルHTMLの参照が無効 — ファイルが移動またはブックマークが失効しています。HTMLを選択 からファイルを再選択してください。
- セレクタが見つからない — ページ読み込み時に要素が存在していない可能性があります。セレクタを確認するか、矩形モードに切り替えてください。
- ウィジェットが更新されない — macOSによってウィジェット更新が間引かれる場合があります。アプリを起動して手動でキャプチャをトリガーしてください。
- ログイン項目の承認が必要 — macOS 13以降では、システム設定 → 一般 → ログイン項目での確認が必要な場合があります。