Show HN: HNのリンクごとにタブを2つずつ開くのにうんざりして、userscriptを作りました

 (github.com/twalichiewicz)
1 ポイント 投稿者 GN⁺ 4 시간 전 | 1件のコメント | WhatsAppで共有
  • HNewhereは、記事ページを離れることなく Hacker News の議論を一緒に見られる軽量な userscriptです
  • 現在の記事に一致する Hacker News ストーリーを自動検出し、コメントをサイドバーに読み込みます
  • Hacker News で開いたリンクを追跡し、サイドバーのサイズ調整・コメントの折りたたみ・幅の保存をサポートします
  • 返信リンクは Hacker News に直接つながっており、利用には userscript マネージャーが必要です
  • Hacker News API と HN Algolia Search API にアクセスできるブラウザで動作し、MIT Licenseで配布されています

HNewhereの動作

  • 記事の横に Hacker News の議論を開き、ページ移動や別タブなしでコメントを閲覧できます
  • 現在の記事に関連する Hacker News ストーリーを自動で見つけ、コメントをサイドバーに表示します
  • Hacker News でユーザーが開いたリンクを追跡します

インターフェース機能

  • サイドバーのサイズを調整でき、設定した幅を保存します
  • コメントを折りたたんだり展開したりできます
  • 返信リンクを押すと、その Hacker News ページへ直接移動します

インストールと要件

  • HNewhereをインストール リンクを使うか、HNewhere.user.js を userscript マネージャーに貼り付けてインストールします
  • Safari の Userscripts、Tampermonkey、Violentmonkey などの userscript マネージャーが必要です
  • userscript をサポートし、次の API にアクセス可能なブラウザが必要です
    • Hacker News API
    • HN Algolia Search API
  • Hacker News の議論がある記事を訪れると利用でき、MIT Licenseが適用されています

関連記事

1件のコメント

 
GN⁺ 4 시간 전
Hacker Newsのコメント

  • Firefoxを使っているなら、以前作ったブラウザー拡張機能 hackernews-button もかなり使える。
    この拡張機能は、アクセスしたすべてのページをAlgolia検索APIに送るユーザースクリプトとは違って、ブルームフィルタで投稿済みかどうかを確認するため、ボタンを押すまでは外部リクエストが発生しない。サイドバーにコメントは表示しないが、過去の議論を探して読んだり、まだHNに投稿されていない良いサイトを見つけたりするのに役立つ

  • 機能2は技術文書のHN議論をすぐ見つけられるのでとても便利で、ときにはその議論が本文の中心的な主張に反論していることもある。
    機能1は、ウィンドウ管理がうまくできない問題をアプリケーションレベルで解決しているように見えるので、それほど有用には感じない。重なったウィンドウの代わりにタブを作り、2つの画面を同時に見られるようタブ内に分割ビューまで追加したが、優れたウィンドウマネージャーがあればどちらも不要だ。今は Forge を使っているが、メンテナンスが止まりつつあるのは残念だ

    • タブではなくウィンドウを使うやり方には賛成しにくい。いつも数百個のタブを開き、そのうち数十個を読み込んだままにしているので、同じ文脈を別ウィンドウで管理するには、Sideberyのツリー型タブと分割ウィンドウの両方を提供するほど優秀なウィンドウマネージャーが必要になる。
      各アプリケーション開発者が、そのアプリの要件に合ったタブを実装するほうが常に簡単だ

  • かなりスムーズに動く。スクリプトのファイル名を .user.js で終えるようにすれば、Tampermonkeyでクリックするだけで自動インストールしやすくなる。
    モバイルで このページ を開いたとき、サイドバーが広すぎて縮小用の (-) ボタンを見るために右へスクロールしなければならなかった。先に記事を読めるよう、最初は縮小状態で始まってもよいし、スクリプトを自分で修正するのも簡単だ

    • Chrome拡張機能より優れているかは分からない。ユーザーが先にTampermonkeyをインストールしなければならないので、導入のハードルが少し高い。
      Chromeがユーザースクリプト機能を標準で提供すれば、セキュリティリスクの高いコードを避けつつ、もっと簡単に配布できそうだ

  • Firefoxの新しい分割ビューもこういう用途には便利だが、リンクをクリックしたあと open in split view (M) を選び、もう一度リンクを押さなければならない。
    昔の一部ブラウザーでは href="tab1.html|tab2.html" のように2つのタブを開くリンクを作れたが、今でも可能なのか、あるいはホームページ設定にしか適用されなかったのかは分からない

    • Vivaldiは何年も前から tiles という分割ビューを提供している。リンクを右クリックして follower tab で開くよう指定すると、一方のタイルでクリックしたすべてのリンクがもう一方のタイルで開き、HNでよく使っている
    • Firefoxのアップデート案内画面を誤って閉じてしまい、再び開けなかった。Firefox 153.0.1 リリースノート ではなさそうだが、別に複製されたページがあるのか気になる
    • 普段はHNのコメントリンクを開き、記事に移動して読んでから、戻ってコメントを読む。
      分割ビューのほうが便利か試してみるつもりだが、縦分割より横分割のほうを好みそうだ
    • Firefoxの分割ビューはこういう用途に便利だ。Vim系の拡張機能がリンクを開くことと画面分割の両方をサポートし、分割画面内での操作まで許可してくれればさらに良い
    • 左クリックで合っているのか疑問だ

  • ユーザースクリプトが好きなので、新しいスクリプトが作られ続けているのを見るのはうれしい。最近はGreasy Forkへのアップロードが減っている気がする

  • 別の拡張機能として作ったほうがよいのではと思う。説明を読まずに見ると、このツールをどう使うのか、ユーザースクリプトやTampermonkey・Violentmonkeyが何なのか理解しづらい

    • 小さなWebサイト改善ごとに拡張機能を1つずつ入れるより、複数のユーザースクリプトを読み込む1つの拡張機能だけをインストールするやり方を好む。
      ラッパーコードの中から実際の動作を探さなければならない拡張機能より、ユーザースクリプトのほうが何をするのか素早く確認しやすい

  • ユーザースクリプトの例を自分で読んでみる気になったのが一番よかった。除外パターンは *.bank.com と *bank.com のどちらを意図していたのか、それとも *bank*.* のようにもっと広くブロックしたかったのか気になる

  • 現状ではアクセスしたすべてのページを問い合わせるため、ブラウザーのURL・クエリ文字列・フラグメントが hn.algolia.com に漏れる。
    自動問い合わせではなくHNewsをクリックしたときと手動実行時だけ動くようにするか、少なくとも問い合わせ値をオリジンとパスに限定して整形したほうがよい

    • この問題は検討中で、進捗は GitHub issue で確認できる

  • 記事とHNコメントを2つのタブで同時に開く拡張機能を作っていて、現在のユーザーはなんと6人いる。
    Chrome ウェブストア からインストールできる