Webページをスタイルや画像ごと保存し、自己完結型の単一HTMLファイルにするブラウザー拡張機能。
medyo/hackertab.dev
新しいタブを開発者向けニュース、ツール、求人、イベントのフィードに変えるChrome・Firefox拡張機能です。
- スター
- 776
- フォーク
- 93
- 未解決の Issue
- 15
- 最終コミット
- 2 か月前
これは何?
Hackertab.devは、新しいタブページをカスタマイズ可能な開発者向けコンテンツのフィードに置き換えるブラウザー拡張機能です。GitHub Trending、Hacker News、DevTo、Hashnode、Lobsters、Product Hunt、Reddit、Medium、Confs.techのカンファレンス一覧などの情報源をまとめ、プログラミング言語、フレームワーク、トピックで絞り込めます。
フォローする情報源を選んだり、あとで読む項目をブックマークしたり、ダークモードに切り替えたりできます。独自のRSSフィードを情報源として追加することも可能です。Web版も用意されており、ユーザーの好みに合わせてコンテンツを表示するAIベースのレコメンド機能も備えています。
コードベースはTypeScriptで、ViteとYarnを使用して構築されています。Web、Chrome、Firefox向けに個別のビルドをサポートしています。ライセンスはApache-2.0です。
主な機能
- 01新しいタブページを開発者向けニュースやツールのフィードに置き換えます。
- 02プログラミング言語、フレームワーク、トピックでコンテンツを絞り込めます。
- 03GitHub Trending、Hacker News、Reddit、Product Huntなどの情報源をまとめます。
- 04あとで読む項目をブックマークできます。
- 05ダークモードと独自のRSSフィードに対応しています。
- 06好みに合わせたAIベースのレコメンドを提供します。
ユースケース
- 毎日の仕事を始めるときに、ブラウザーで最新の開発者向けニュースをチェックする。
- 特定の言語やフレームワークの技術トレンドを追う。
- 新しいオープンソースツールやカンファレンスを一か所で見つける。
クイックスタート
- 1
Chrome ウェブストアから拡張機能をインストールする
- 2
リポジトリをクローンする
git clone https://github.com/medyo/hackertab.dev.git - 3
Yarn で依存関係をインストールする
yarn - 4
開発サーバーを起動する
yarn start
使う前に知っておきたいこと
- 開発環境のセットアップには Node.js バージョン 18 が必要です。一部の機能では .env ファイルも任意で必要になります。
- 認証機能には Firebase API キーが必要ですが、このリポジトリには含まれていません。
収録されている特集
トピック
よくある質問
- hackertab.dev とは?
- 新しいタブを開発者向けニュース、ツール、求人、イベントのフィードに変えるChrome・Firefox拡張機能です。 Hackertab.devは、新しいタブページをカスタマイズ可能な開発者向けコンテンツのフィードに置き換えるブラウザー拡張機能です。GitHub Trending、Hacker News、DevTo、Hashnode、Lobsters、Product Hunt、Reddit、Medium、Confs.techのカンファレンス一覧などの情報源をまとめ、プログラミング言語、フレームワーク、トピックで絞り込めます。
- hackertab.dev は無料で使えますか?ライセンスは?
- hackertab.dev は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- hackertab.dev は今もメンテナンスされていますか?
- 半年以内に更新あり。hackertab.dev の最終コミットは 2026年8月24日 です。
- hackertab.dev は何に使えますか?
- 毎日の仕事を始めるときに、ブラウザーで最新の開発者向けニュースをチェックする。 特定の言語やフレームワークの技術トレンドを追う。 新しいオープンソースツールやカンファレンスを一か所で見つける。
- hackertab.dev のインストール方法は?
- Chrome ウェブストアから拡張機能をインストールする リポジトリをクローンする: git clone https://github.com/medyo/hackertab.dev.git Yarn で依存関係をインストールする: yarn 開発サーバーを起動する: yarn start
- hackertab.dev はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/medyo/hackertab.dev
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
目の疲れを軽減するため、Chrome、Firefox、Safari、Edge、ThunderbirdでWebページをダークモードにするブラウザー拡張機能。
2021年にYouTubeの画面から削除された低評価数を再び表示するブラウザー拡張機能。
チャットボックスやページ要約、選択範囲ツールを通じて、ChatGPTなどのAIチャットモデルをあらゆるWebページで使えるブラウザー拡張機能。
Webページ、ハイライト、選択範囲をObsidian用のMarkdownノートに保存するブラウザー拡張機能。
対応サイトで画像や動画にカーソルを合わせると、拡大表示するChrome、Firefox、Edge向け拡張機能です。