50 Essential Developer Bookmarks for 2026 — txt1.ai

私のキャリアを変えたブックマークフォルダー

3年前、私はブラウザタブに溺れていました。シリーズBのフィンテックスタートアップのシニアフルスタックエンジニアとして、私は4つのブラウザウィンドウで247のタブを開いていました。私のラップトップのファンはジェットエンジンのような音を立て、WebAssemblyの最適化について見た記事や、React Server Componentsに関する特定のStack Overflowの回答を探すのに1日あたり約23分を費やしていました。

その後、私は思い切ったことをしました。すべてを消去し、キュレーションされたブックマークシステムで新たにスタートしました。結果は？2023年第3四半期には第2四半期と比べて34%多くの機能をリリースし、コードレビューのターンアラウンドタイムが4.2時間から1.8時間に短縮され、やっとオープンソースプロジェクトに再び貢献するための精神的余裕が得られました。

私はマーカス・チェンで、11年間にわたり3つの大陸でプロダクションコードを書いてきました。IoTデバイスの組み込みシステムから、1日50百万リクエストを処理するクラウドネイティブマイクロサービスまで、さまざまなものに取り組んできました。過去18ヶ月間、私は開発者のブックマークコレクションを徹底的に洗練させ、ツールをテストし、文書サイトを読み、実際に生産性を向上させるリソースの評価を行ってきました。

これは「Product Huntで見つけたクールなツールのリスト」ではありません。ここにあるすべてのブックマークは、私の作業を少なくとも2時間短縮したか、少なくとも1つのプロダクションインシデントを防いでいます。私はそれらを実際の開発ワークフローを反映するカテゴリに整理し、各ブックマークがなぜ私のブラウザのブックマークバーにその位置を得たのかの理由を共有しています。

平均的な開発者は、2024年のStack Overflow調査によると、月に127のユニークなドメインを訪れますが、その中でブックマークするのは3〜5だけです。私たちは生産性を無駄にしています。それを修正しましょう。

文書と参照: あなたの第二の脳

文書は、ほとんどの開発者が研究時間の40〜60%を費やす場所ですが、私たちはそれを後回しにしています。良い文書ブックマークと優れた文書ブックマークの違いは、包括性だけでなく、検索可能性、例、およびバージョン管理です。

"シニア開発者とジュニア開発者の違いは、コードの質だけでなく、30秒以内に答えを見つける場所を正確に知っているかどうかです."

MDN Web Docs (developer.mozilla.org)は、ウェブプラットフォーム文書の金の基準です。MDNの特徴は、インタラクティブな例や、新しいリリースから48時間以内に更新されるブラウザ互換性表です。私は特定のディープリンクパターンをブックマークしています: JSリファレンスのための/en-US/docs/Web/JavaScript/Reference、Web APIのための/en-US/docs/Web/API。プロのヒント: URLに"?retiredLocale=en-US"を追加すると、ブラウザのロケールが異なっていても英語の文書を強制できます。

DevDocs.ioは、オフライン文書のための私の秘密兵器です。500以上の文書セットを集約し、インターフェースは非常に高速で、ファジー検索が可能です。TypeScript、Node.js、PostgreSQL、Dockerのタブを常に開いています。キーボードショートカット（検索するために文字を打ち始めるだけで済む）により、Array.prototype.flatMap()を2秒以内で調べることができます。私はこれを測定しました: DevDocsはGoogle検索および公式文書へのクリックより6.7倍速いです。

Can I Use (caniuse.com)は、キャリアの中で約14のプロダクションバグを防ぎました。これは、ブラウザの互換性問題を出荷前にキャッチすることによってです。私は頻繁に参照する特定の機能ページをブックマークしています: CSS Grid、WebP画像、ES2022機能。この「Usage relative」ビューは、StatCounterから毎月更新されるリアルワールドのブラウザ市場シェアデータを示しています。

Regex101.comは、regexが一度書けば永遠にデバッグされるコードであるため、永久的なブックマークに値します。リアルタイムの説明パネル、ユニットテスト機能、ライブラリ特有のフレーバー（PCRE、JavaScript、Python）が、私の時間を無駄にすることを防いでくれました。私は最も使用するパターンのブックマークフォルダーを持っています: メールバリデーション、セマンティックバージョニング、ログ解析。

ExplainShell.comは、複雑なbashワンライナーを解読するために非常に貴重です。READMEでfind . -type f -name "*.js" -not -path "./node_modules/*" -exec grep -l "useState" {} \;のようなコマンドに遭遇したとき、私はそれをExplainShellに貼り付け、各フラグとパイプの視覚的な内訳を得ます。これにより、私のDevOps学習曲線が数ヶ月加速されました。

コード検索と例: 本番コードから学ぶ

他の人のプロダクションコードを読むことは、あなたが中級からシニア開発者に進化する方法です。これらのブックマークは、コンテキストを持つ何百万行もの戦闘テスト済みコードへのアクセスを提供します。

GitHub Code Search (github.com/search?type=code)は、2023年に正規表現サポートとシンボル検索で大幅にアップグレードされました。私はそれを使用して、考慮中のパターンの実際の実装を見つけます。たとえば、「language:TypeScript path:**/*.test.ts useQuery」を検索すると、50,000以上のリポジトリがReact Queryテストをどのように構造化しているかがわかります。フィルターは強力です: stars:>1000は人気のあるリポジトリに絞り込み、pushed:>2024-01-01で最近のコードを表示します。

Sourcegraph.comは、クロスリポジトリシンボルナビゲーションとバッチ変更でコード検索をさらに進めます。私は「context:global repo:^github\.com/vercel/ useEffect」のような特定の検索をブックマークして、VercelのエンジニアリングチームがReactフックスをどのように使用しているかを研究します。「ノートブック」機能を使って、注釈付きの検索を保存できます。私はエラー処理からデータベースマイグレーションに至るまでのパターンをカバーする23のノートブックを持っています。

grep.appは、GitHubコード検索の強化版で、クリーンなインターフェースと高速な結果を持っています。500,000以上のリポジトリをインデックス化し、500ミリ秒未満で結果を返します。私は速やかに「人々がXをどのように実装しているか」を調べるために使用します。最近の検索:「fetch retry exponential backoff」は847の実装を私が比較できるように返しました。

CodeSandbox.io/examplesとStackBlitz.com/editは、私のお気に入りのインタラクティブな例です。ライブラリをテストするためにリポジトリをローカルに複製する代わりに、CodeSandboxをフォークすれば8秒で作動環境にアクセスできます。私は頻繁に参照する特定の例をブックマークしています: React Server Componentsのセットアップ、Vite + TypeScript設定、Tailwind + Next.jsスターター。

npm.runkit.comを使えば、インストールせずにREPLで任意のnpmパッケージをテストできます。特定のパッケージ名を追加してこれをブックマークしています: npm.runkit.com/date-fns、npm.runkit.com/zod。これにより、APIをテストするために100以上のパッケージをインストールする必要がなくなりました。

パフォーマンスと最適化: スピードは機能である

パフォーマンス最適化は、良い開発者が優れた開発者になる場所です。これらのツールは、ユーザーが実際に感じるメトリクスを測定、分析、改善する手助けをします。

"私は、エンジニアが既に存在する解決策を再構築するために全スプリントを無駄にするのを見たことがあります。あなたのブックマークバーは、あなたの競争上の優位点です."

WebPageTest.orgは、最も包括的なパフォーマンステストツールです。Lighthouseとは異なり、実際のデバイスとネットワークからテストを行います。私はカスタムテスト設定をブックマークしています: モバイルテスト用の「バージニアのMoto G4で3G」、ヨーロッパのユーザー用の「ロンドンのデスクトップChrome」。フィルムストリップビューやウォーターフォールチャートは、過去1年で23のパフォーマンスボトルネックを特定するのに役立ちました。その中には、サードパーティの分析スクリプトによる4.2秒の遅延も含まれています。

Bundlephobia.comは、任意のnpmパッケージを追加する前に確認する必要があります。依存関係の実際のコスト、バンドルサイズ、遅い3Gでのダウンロード時間、ツリーシェイキングの効果を示します。私は2026年だけで、影響を見て8つのライブラリを拒否しました: 1つの日時ライブラリはminifiedで67KBでしたが、date-fnsはツリーシェイキングで12KBでした。