[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"chrome-reviews:carousel:ja:12:true":3,"blog-article-ja-how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet":64,"chrome-reviews:banner:ja":176},[4,9,14,19,24,29,34,39,44,49,54,59],{"reviewer":5,"reviewText":8},{"name":6,"avatarURL":7},"Annisa Nur Adri Muttaqin","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocLwAiQe2hXdgJ6T0CNwL4ILLx1f1z26OivbySNJMupeMoZO3A=s32-mo","The best highlighter by far!",{"reviewer":10,"reviewText":13},{"name":11,"avatarURL":12},"Aaron","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUMkiTLo1UibMiFm1S8LJPLbBg_xUXfv5bZh4rLavKNkIcU2c7s=s32","Great tool for research.",{"reviewer":15,"reviewText":18},{"name":16,"avatarURL":17},"Rania Kisar","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocL-b0VkPgQsZir7UNektHSfjELeiLkoMHs-HjO-EOie2iPpKg=s32-mo","Best highlighter so far.",{"reviewer":20,"reviewText":23},{"name":21,"avatarURL":22},"leonard ikeh","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjV-iTOEJHxQWkJnDFnqCaeVvBuwkxNrAewAyfhHS5nbdAvWCh3k=s32","Excellent for research.",{"reviewer":25,"reviewText":28},{"name":26,"avatarURL":27},"Swaroop Meher","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXwtJgaZFrnTb9NxIrapeVM7nKDdJ5mKWXpt1ejSVk3jb4=s32","Best highlighter tool.",{"reviewer":30,"reviewText":33},{"name":31,"avatarURL":32},"김선홍","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjV2GXeUWrZtuHjrxdSGFxzt6dO5xbyJBg7EnrtLuKvRb08bJClc=s32","The best highlighter!",{"reviewer":35,"reviewText":38},{"name":36,"avatarURL":37},"Rahul Gupta","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjWgVgTuBHK-Puz3JQZZ15i4PyUpJDrylAuwvBULt475l-2up7l2=s32","Its a awesome note taking app,loved it",{"reviewer":40,"reviewText":43},{"name":41,"avatarURL":42},"Alexandra Sint Nicolaas","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocK3xTdgznDB6jKZPs9yo7aGt6BJ7EEJp3R63G53qRufIaYoEg=s32-mo","works amazingly!! love the tagging system",{"reviewer":45,"reviewText":48},{"name":46,"avatarURL":47},"Samiksha Kharat","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXO8lhqr0kkokrwZUZhYA2xCPcf-MIh8geCpOcvWYJ-PN_aU9IL=s32","its a perfect highlighter! love it!!",{"reviewer":50,"reviewText":53},{"name":51,"avatarURL":52},"erick Chavez","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJI4mgTLDa5jn7vBTvDeNZN73N4mMhNsH7_F35tM52Z=s32-mo","great for studying and doing research!!",{"reviewer":55,"reviewText":58},{"name":56,"avatarURL":57},"INVESTMENT PAN","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUknwd-xEsNN_rkChUmQWwmIXrcNifsgK14FpafA3TunYO-1uxt=s32","毎日使ってます。使いやすい。",{"reviewer":60,"reviewText":63},{"name":61,"avatarURL":62},"太郎丸","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjVbVUC5UDGxKGomgrO3a_WtAtTFlHpmZ7nWsNgC9xmYKe6OSr8K=s32","論文読解に革命が起きた",{"meta":65,"html":102,"authorName":103,"authorFacebookUrl":104,"authorProfileImage":105,"authorWebsite":106,"authorJobTitle":107,"authorTwitterUrl":108,"wordCount":109,"recommended":110},{"id":66,"slug":67,"type":68,"title":69,"excerpt":70,"metaTitle":71,"metaDescription":72,"canonicalUrl":73,"featureImage":74,"publishedAt":80,"createdAt":81,"updatedAt":82,"featured":83,"readingTime":84,"tags":85,"author":101,"recommendedSlugs":73,"contentUpdatedAt":73,"faq":73},"630efb34c7d492db47c420b3","how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet","post","ウェブページのテキストをハイライト・メモする方法：Web Highlights の使い方","本にマーカーを引くように、ウェブページのテキストをハイライトしてメモやタグを残せます。Web Highlights の使い方を、インストールからウェブアプリでの検索・フィルター、エクスポート、AI 要約、間隔反復学習まで紹介します。","ウェブページをハイライト・メモ｜Web Highlights の使い方","Web Highlights でウェブページのテキストをハイライトし、メモやタグを付ける方法を解説。検索・フィルターやエクスポート、AI 要約も紹介します。",null,{"url":75,"alt":76,"caption":77,"width":78,"height":79},"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet.jpg","紙の上でテキストにハイライトを引き、メモやスケッチを書き込む手","\u003Cspan style=\"white-space: pre-wrap;\">写真：\u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F@amayli?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Amélie Mourichon\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap;\"> \u002F \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Unsplash\u003C\u002Fspan>\u003C\u002Fa>",1200,630,"2026-10-05T12:00:00.000+00:00","2022-08-31T06:09:56.000+00:00","2026-10-05T16:00:00.000+00:00",true,13,[86,89,92,95,98],{"name":87,"slug":88},"FAQ, Tutorials, and Help","faq",{"name":90,"slug":91},"Web Highlights","web-highlights",{"name":93,"slug":94},"Productivity","productivity",{"name":96,"slug":97},"Software","software",{"name":99,"slug":100},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  ウェブページのテキストをハイライトして、メモを残したい——数年前の私がまさにそうでした。そこで始めたのが、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\">Web Highlights\u003C\u002Fa> というブラウザ拡張機能の開発です。当時はネットで多くの記事を読んでいたのに、内容を整理できず、必要なときに情報を探し直すのにいつも苦労していました。\n\u003C\u002Fp>\n\u003Cp>\n  求めていたのは、本にマーカーを引くのと同じ感覚で\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fhighlight-webpages\">ウェブサイト上のテキストをハイライト\u003C\u002Fa>し、そのハイライトにどこからでもアクセスできる方法です。ツールはいくつかありましたが、どれもしっくりきませんでした。それで自分で作ったのが \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\" rel=\"noopener\">Web Highlights\u003C\u002Fa> です。\n\u003C\u002Fp>\n\u003Cp>\n  今では数十万人のユーザー（私を含む）が毎日この\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\">オンラインハイライター\u003C\u002Fa>を使っていて、私自身、これなしの仕事は考えられません。この記事では、使い始め方と効率よく使いこなすコツを紹介します。基本のハイライトから、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fweb-app-grid-and-filters\">高度な検索とフィルター\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fai-summary\">AI による要約\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fspaced-repetition-learning\">間隔反復（spaced repetition）学習\u003C\u002Fa>まで順に見ていきます。\n\u003C\u002Fp>\n\u003Chr \u002F>\n\u003Ch2 id=\"setup\">セットアップ\u003C\u002Fh2>\n\u003Cp>\n  まずはブラウザ拡張機能をインストールします。Web Highlights は \u003Cstrong>Chrome\u003C\u002Fstrong>、\u003Cstrong>Edge\u003C\u002Fstrong>、\u003Cstrong>Brave\u003C\u002Fstrong> などの Chromium ベースのブラウザに加え、\u003Cstrong>Firefox\u003C\u002Fstrong> にも対応しています。\n\u003C\u002Fp>\n\u003Cp>\n  Web Highlights の拡張機能は、\u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >Chrome ウェブストア\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fweb-highlights-pdf-we\u002Fghdpaajjhmlfkogblgeibaabcpjfgldn\">Microsoft Edge アドオン\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Faddons.mozilla.org\u002Ffirefox\u002Faddon\u002Fweb-highlights-pdf-web-highlig\u002F\" rel=\"noopener\">Firefox アドオン\u003C\u002Fa>から入手できます。\n\u003C\u002Fp>\n\u003Cp>\n  手順を一つずつ確認したい場合は、ドキュメントの\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintroduction\u002Finstallation\">インストールガイド\u003C\u002Fa>を参照してください。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp\"\n    class=\"kg-image\"\n    alt=\"Chrome に Web Highlights をインストール\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"569\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n      \u003Cspan style=\"white-space: pre-wrap\">Chrome に Web Highlights をインストール\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  右上の「Chrome に追加」ボタンをクリックするだけです。インストールが終わると\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\u002Fextensions\u002Fpdf-web-highlighter\u002Fwelcome\" rel=\"noreferrer\">ウェルカムガイド\u003C\u002Fa>が開き、セットアップを順に案内してくれます。\n\u003C\u002Fp>\n\u003Cp>\n  最初に、拡張機能のアイコンを固定しておくと便利です。ブラウザ右上の「拡張機能」アイコンをクリックし、ピンの形をした「固定」アイコンをクリックすれば、いつでもすぐに使えます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*HGduMUoanT31y8OZJBXn7g.png\"\n    class=\"kg-image\"\n    alt=\"スクリーンショット：拡張機能を固定する方法\"\n    loading=\"lazy\"\n    width=\"706\"\n    height=\"546\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">固定した\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">拡張機能\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\u003C\u002Fp>\n\u003Ch2 id=\"optional-account-creation\">アカウント作成は任意\u003C\u002Fh2>\n\u003Cp>\n  このハイライターのいいところは、アカウントを作らなくてもすぐに使い始められることです。Web Highlights の機能の多くは無料で、アカウントなしで使えます。たとえば次の機能です。\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>🖋️ ウェブサイトと \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fhighlight-pdfs\">PDF\u003C\u002Fa> をハイライト\u003C\u002Fli>\n  \u003Cli>🎨 複数のハイライトカラー\u003C\u002Fli>\n  \u003Cli>🔖 ブックマークを保存\u003C\u002Fli>\n  \u003Cli>✍️ メモを取る\u003C\u002Fli>\n  \u003Cli>🏷️ タグを作成\u003C\u002Fli>\n  \u003Cli>📤 Markdown へエクスポート\u003C\u002Fli>\n  \u003Cli>💾 調べた内容をバックアップ\u003C\u002Fli>\n  \u003Cli>⚡ 作業効率を最大限に高めるキーボードショートカット\u003C\u002Fli>\n  \u003Cli>\n    📖 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Freader-mode\">リーダーモード\u003C\u002Fa>——ページを余計なもののない読みやすいドキュメントとして保存できます\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  ほかの機能には無料のアカウントが必要で、その多くは有料の Premium・Ultimate \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\u002Fpricing\">プラン\u003C\u002Fa>に含まれます。有料プランは 7 日間無料で試せます。詳しくはドキュメントの\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintroduction\u002Fgetting-started\">「はじめに」\u003C\u002Fa>を参照してください。アカウントと有料プランで使えるようになる主な機能は次のとおりです。\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>🔄 ハイライトを同期して、どのデバイスからでもアクセス\u003C\u002Fli>\n  \u003Cli>\n    👨🏼‍💻 グリッド・リスト・タイル表示に対応した\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fweb-app-grid-and-filters\">高機能なウェブアプリ\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📷 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">画像のハイライト\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    𝐓 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fhighlight-webpages\u002Fformatted-highlighting\">書式つきハイライト\u003C\u002Fa>——見出し、箇条書き、コードブロックなどをそのまま残せます\n  \u003C\u002Fli>\n  \u003Cli>\n    🧠 無制限の\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fspaced-repetition-learning\">間隔反復学習\u003C\u002Fa>——ハイライトを単語カードにして、読んだ内容を覚えられます（無料プランと Premium では単語カード 10 枚まで）\n  \u003C\u002Fli>\n  \u003Cli>\n    🤖 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fai-summary\">AI 要約\u003C\u002Fa>と \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fai-chat\">AI チャット\u003C\u002Fa>——ブラウザの内蔵 AI で要約を作成し、内容についてチャットできます（無料プランと Premium では 1 日 1 回、Ultimate ならさらに多く使えます）\n  \u003C\u002Fli>\n  \u003Cli>\n    📄 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintegrations\u002Fnotion-export\">Notion へ直接エクスポート\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📘 Markdown 経由で \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\">Obsidian へエクスポート\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintegrations\u002Fcapacities-export\">Capacities へエクスポート\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>📑 PDF・HTML ファイルへエクスポート\u003C\u002Fli>\n  \u003Cli>📱 スマートフォンからページをブックマークとして保存\u003C\u002Fli>\n  \u003Cli>\n    🎬 無制限の \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fyoutube-highlighting\">YouTube のハイライト\u003C\u002Fa>——YouTube 動画の文字起こしをハイライトしてメモを付けられます（無料プランと Premium では 1 日 1 本）\n  \u003C\u002Fli>\n  \u003Cli>\n    ⏰ \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">メールのリマインダーを設定\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📚 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-kindle-highlights-and-notes-to-notion\u002F\">Kindle のハイライトとメモをインポート\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔎 AND\u002FOR 条件、表示項目のカスタマイズ、クイックフィルター構文に対応した\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fweb-app-grid-and-filters\">高度なフィルター\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fsharing-public-pages\">ハイライトを共有\u003C\u002Fa>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  アカウントの作成は無料です。クラウド同期を使うと、ハイライトはクラウドにバックアップされ、どのデバイスからでも \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa> のウェブアプリで調べた内容を開けます。同期は 7 日間のトライアル中は無料で、その後は Premium と Ultimate の機能になります。アップグレードしなくてもハイライトはそのまま残り、止まるのは同期だけです。\n\u003C\u002Fp>\n\u003Ch3 id=\"how-to-create-account\">アカウントの作成方法\u003C\u002Fh3>\n\u003Cp>\n  メールアドレスでアカウントを作成するか、\u003Cem>「Google でログイン」\u003C\u002Fem>をクリックします。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights のアカウントを作成\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"859\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights のアカウントを作成\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Web Highlights は\u003Cstrong>データのプライバシー\u003C\u002Fstrong>を非常に重視しており、データについて次のことを明言しています。\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fwebstore\u002Fprogram_policies\u002F#limited_use\" rel=\"noopener\">承認された用途\u003C\u002Fa>以外で第三者に販売しないこと\n  \u003C\u002Fli>\n  \u003Cli>拡張機能の中核となる機能と関係のない目的で使用・移転しないこと\u003C\u002Fli>\n  \u003Cli>信用力の判断や融資の目的で使用・移転しないこと\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  データのプライバシーについて詳しくは、Web Highlights の\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Flegal\u002Fprivacy-policy\" rel=\"noopener\">プライバシーポリシー\u003C\u002Fa>（英語）または \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >Chrome ウェブストア\u003C\u002Fa>をご覧ください。\n\u003C\u002Fp>\n\u003Ch2 id=\"start-highlighting\">ハイライトを始める\u003C\u002Fh2>\n\u003Cp>\n  アカウントなしで使っていても、アカウントを作成していても関係ありません。どのウェブサイトや PDF でも、テキストをハイライトしてすぐに使い始められます。\n\u003C\u002Fp>\n\u003Cp>\n  好きなサイトを開いてテキストを選択すると、ハイライトアイコンが表示され、ハイライトの色を選べます。ハイライトのさまざまな方法は、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fhighlight-webpages\">公式のハイライトガイド\u003C\u002Fa>にすべてまとめています。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp\"\n    class=\"kg-image\"\n    alt=\"ウェブサイト上のテキストをハイライト\"\n    loading=\"lazy\"\n    width=\"970\"\n    height=\"428\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp           970w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">ウェブサイト上のテキストをハイライト\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  たとえば、私のように何かのテーマについて記事を書くとします。最近書いた記事のひとつは Web Components がテーマでした。そのためにネットで資料を探し、記事の中の大事な一節に印を付けていきます。やり方は簡単で、目的のテキストを選択して Web Highlights のハイライトアイコンをクリックするだけです。アイコンをクリックすれば既定の色で、横に並んだ色をクリックすればその色でハイライトできます。\n\u003C\u002Fp>\n\u003Cp>\n  動画で見たい方へ。この短い動画では、最初のハイライトから、このあと紹介するメモ、タグ、ダッシュボードまで、一連の流れを紹介しています。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-embed-card\">\n  \u003Ciframe\n    width=\"560\"\n    height=\"315\"\n    src=\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FFsjHgjO5SQc\"\n    frameborder=\"0\"\n    loading=\"lazy\"\n    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n    referrerpolicy=\"strict-origin-when-cross-origin\"\n    allowfullscreen=\"\"\n    title=\"ウェブサイトのテキストをハイライトする方法\"\n  >\u003C\u002Fiframe>\n\u003C\u002Ffigure>\n\u003Cp>\n  ポップアップが表示されないほうがいい場面もあるでしょう。そんなときは、設定の「ハイライトポップアップ」で\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintroduction\u002Fhelpful-settings\">自動ポップアップを無効\u003C\u002Fa>にできます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp\"\n    class=\"kg-image\"\n    alt=\"設定でハイライトポップアップを無効にする\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1004\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp            2016w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">設定でハイライトポップアップを無効にする\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  でも、心配はいりません。ポップアップを無効にしていても、テキストを選択して右クリックすればハイライトできます。コンテキストメニューに Web Highlights のアイコンが表示されるので、「\u003Cstrong>\u003Cem>選択したテキストをハイライト\u003C\u002Fem>\u003C\u002Fstrong>」をクリックします。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*45pk7DvDQazr3zCVIcW_dQ.png\"\n    class=\"kg-image\"\n    alt=\"Web Highlights のコンテキストメニュー\"\n    loading=\"lazy\"\n    width=\"1506\"\n    height=\"698\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">のコンテキストメニュー\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fkeyboard-shortcuts\">キーボードショートカット\u003C\u002Fa>も使えます。ショートカットは、アドレスバーに chrome:\u002F\u002Fextensions\u002Fshortcuts を貼り付けて設定できます。\n\u003C\u002Fp>\n\u003Cp>\n  長い記事をハイライトするなら、サイドパネルのヘッダーからクイックハイライトをオンにしてください（Alt+Q、Mac では Option+Q）。選択したテキストが、そのつど現在の色ですぐにハイライトされます。ポップアップも追加のクリックもいりません。\n\u003C\u002Fp>\n\u003Ch3 id=\"create-tags-notes\">タグとメモを付ける\u003C\u002Fh3>\n\u003Cp>\n  ハイライトするとポップアップが表示され、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Ftags-and-organization\">タグ\u003C\u002Fa>を付けたり\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fnotes\">メモ\u003C\u002Fa>を書いたりできます。私の場合は、たとえば「\u003Cstrong>\u003Cem>mental-health\u003C\u002Fem>\u003C\u002Fstrong>」というタグを付けました。こうしておけば、あとでウェブアプリからハイライトとメモを簡単に見つけられます。ハイライトは\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fsidebar\">サイドパネル\u003C\u002Fa>でも確認・編集できます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights でハイライト\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"760\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">でハイライト\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  タグをクリックすれば、そのタグが付いたハイライトとページをいつでもまとめて表示できます。サイドパネルでは次のように表示されます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp\"\n    class=\"kg-image\"\n    alt=\"タグごとにまとめたハイライトとページ\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1031\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">タグごとにまとめたハイライトとページ\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"find-your-highlights-in-the-web-app\">ウェブアプリでハイライトを探す\u003C\u002Fh3>\n\u003Cp>\n  いくつかのページにハイライトしたら、\u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa> にログインすれば、いつでもどこからでもハイライトを見つけられます。\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>ℹ️ ウェブアプリを使えるのは、上で説明したとおりアカウントを作成した場合だけです。\u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Cp>ダッシュボードはこんな画面です。すでにかなりの数のハイライトがあるのがわかると思います。\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cimg\n  src=\"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fscreenshots\u002Fcypress\u002Fweb-app\u002Fdashboard-overview.png\"\n  alt=\"Web Highlights のダッシュボード\"\n\u002F>\n\u003C!--kg-card-end: html-->\n\u003Cp>\n  ハイライトしたページは、初期設定では日付ごとにまとめられ、作成日順に並びます。ウェブサイトごとにまとめることも、グループ化をオフにすることもできます。\n\u003C\u002Fp>\n\u003Cp>\n  ウェブアプリは「\u003Cstrong>グリッド\u003C\u002Fstrong>」「\u003Cstrong>リスト\u003C\u002Fstrong>」「\u003Cstrong>タイル\u003C\u002Fstrong>」の 3 つのレイアウトに対応しています。選んだ表示はセクションごとに記憶されるので、「ページ」はリスト、「ハイライト」はグリッド、という使い分けも毎回設定し直す必要はありません。ハイライトしたページをクリックすると、そのページで作成したハイライトがすべて表示されます。\n\u003C\u002Fp>\n\u003Cp>\n  たとえば、Tiago Forte が考案した強力な整理術、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">PARA メソッド\u003C\u002Fa>についての記事でのハイライトがこちらです。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp\"\n    class=\"kg-image\"\n    alt=\"ハイライトしたページ：PARA メソッド\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1070\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">ハイライトしたページ：\u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">\u003Cspan style=\"white-space: pre-wrap\">PARA メソッド\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  左のナビゲーションでは、ハイライトしたページとハイライトを切り替えられます。「ページ」にはハイライトしたページが表示され、「ハイライト」に切り替えると、ページを開かなくてもすべてのハイライトを一覧できます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp\"\n    class=\"kg-image\"\n    alt=\"グリッド表示のハイライト\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1012\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp            2000w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">グリッド表示のハイライト\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  「ページ」と「ハイライト」のほかにも、ナビゲーションから「\u003Cstrong>メモ\u003C\u002Fstrong>」「\u003Cstrong>タグ\u003C\u002Fstrong>」「\u003Cstrong>ウェブサイト\u003C\u002Fstrong>」「\u003Cstrong>著者\u003C\u002Fstrong>」「\u003Cstrong>カラー\u003C\u002Fstrong>」「\u003Cstrong>AI 要約\u003C\u002Fstrong>」「\u003Cstrong>AI チャット\u003C\u002Fstrong>」「\u003Cstrong>ドキュメント\u003C\u002Fstrong>」「\u003Cstrong>画像\u003C\u002Fstrong>」「\u003Cstrong>コレクション\u003C\u002Fstrong>」を表示できます。それぞれに専用の表示と並べ替えのオプションがあります。全体像は\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fweb-app-grid-and-filters\">ウェブアプリのグリッドとフィルターのドキュメント\u003C\u002Fa>を参照してください。\n\u003C\u002Fp>\n\u003Ch3 id=\"find-related-highlights-using-tags\">タグで関連するハイライトを探す\u003C\u002Fh3>\n\u003Cp>\n  では、先ほど作成した「mental-health」タグで検索してみましょう。このタグで絞り込むと一覧が更新され、そのタグを付けたページやハイライトだけが表示されます。これなら情報をとても簡単に見つけ直せます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights のダッシュボード\"\n    loading=\"lazy\"\n    width=\"1842\"\n    height=\"1080\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp            1842w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">のダッシュボード\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  「\u003Cstrong>\u003Cem>mental-health\u003C\u002Fem>\u003C\u002Fstrong>」タグの付いたハイライトが 2 件あるのがわかります。\n\u003C\u002Fp>\n\u003Ch4 id=\"advanced-filters-with-and-or-logic\">AND\u002FOR 条件の高度なフィルター\u003C\u002Fh4>\n\u003Cp>\n  タグは便利ですが、調べた内容を絞り込むために複数の条件を組み合わせたいこともあります。そこで役立つのが\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fweb-app-grid-and-filters\">高度なフィルター\u003C\u002Fa>です。これは Ultimate プランの機能です。\n\u003C\u002Fp>\n\u003Cp>\n  ウェブアプリで\u003Cstrong>フィルターバー\u003C\u002Fstrong>を開き、タグ、ウェブサイト、著者、色、日付の範囲などの条件を追加します。特に便利なのは、フィルターを \u003Cstrong>AND\u003C\u002Fstrong> または \u003Cstrong>OR\u003C\u002Fstrong> で組み合わせられることです。\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Cstrong>AND\u003C\u002Fstrong>——有効なフィルターの\u003Cem>すべて\u003C\u002Fem>に一致する項目だけを表示します（結果を絞り込む）\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>OR\u003C\u002Fstrong>——有効なフィルターの\u003Cem>いずれか\u003C\u002Fem>に一致する項目を表示します（結果を広げる）\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  私はよく、2 つのタグを AND で同時に絞り込み、ちょうど重なる部分を探します。検索入力欄では\u003Cstrong>クイックフィルター構文\u003C\u002Fstrong>も直接使えます。たとえば \u003Ccode>tag:mental-health\u003C\u002Fcode> と入力して Enter キーを押すだけです。大幅な時短になります。\n\u003C\u002Fp>\n\u003Cp>\n  さらに、\u003Cstrong>表示項目のカスタマイズ\u003C\u002Fstrong>で、グリッドに表示するメタデータの項目を選べます。タイトルと日付だけに絞ることも、必要に応じて詳しい情報を増やすこともできます。\n\u003C\u002Fp>\n\u003Ch4 id=\"page-filter\">ウェブサイトで絞り込む\u003C\u002Fh4>\n\u003Cp>\n  特定のウェブサイトで絞り込むこともできます。左のナビゲーションで「ウェブサイト」を開くと、これまでにハイライトしたすべてのウェブサイトの一覧が表示されます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp\"\n    class=\"kg-image\"\n    alt=\"ハイライトしたウェブサイトの一覧\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1007\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp            2264w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">ハイライトしたウェブサイトの一覧\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  たとえば「medium.com」を選ぶと、これまでに注釈を付けたりブックマークしたりしたページがすべて表示されます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp\"\n    class=\"kg-image\"\n    alt=\"medium.com でハイライトしたページ\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1057\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp            2296w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">medium.com でハイライトしたページ\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch4 id=\"search-filter\">検索で絞り込む\u003C\u002Fh4>\n\u003Cp>探している情報をいちばん手早く見つけられるのが、強力な全文検索です。\u003C\u002Fp>\n\u003Cp>\n  ウェブアプリの左のナビゲーションで「検索」をクリックし（拡張機能のサイドパネル内の検索でもかまいません）、入力を始めます。検索画面には\u003Cstrong>すべての種類がまとめて\u003C\u002Fstrong>表示されます。ページ、ハイライト、タグ、ウェブサイト、著者、カラー、画像、AI 要約、AI チャットまで、検索語に一致するものを丸ごと見渡せます。\n\u003C\u002Fp>\n\u003Cp>\n  たとえば、「\u003Cstrong>habit\u003C\u002Fstrong>」を含む結果をすべて表示するとこうなります。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp\"\n    class=\"kg-image\"\n    alt=\"検索キーワード「Habit」で絞り込んだダッシュボード\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"739\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">検索キーワード「Habit」で絞り込んだダッシュボード\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  ここから「\u003Cstrong>種類\u003C\u002Fstrong>」のフィルターを追加して、結果を絞り込めます。矢印キーでフィルターのドロップダウンを移動し、Enter キーで適用します。検索入力欄にクイック構文を直接入力することもできます。\n\u003C\u002Fp>\n\u003Cp>\n  たとえば \u003Ccode>type:highlights\u003C\u002Fcode> と入力すると、ハイライトだけが表示されます。ハイライトとページを同時に表示するなど、複数のフィルターを重ねることもできます。\n\u003C\u002Fp>\n\u003Cp>\n  有効なフィルターはフィルターバーに\u003Cstrong>バッジ\u003C\u002Fstrong>として表示されるので、何が適用されているかがひと目でわかります。バッジの ✕ をクリックするとそのフィルターを解除でき、すべて解除すれば元の結果に戻ります。キーボードだけですばやく操作できるので、調べた内容の中から特定の情報を見つけるのがとても楽になります。\n\u003C\u002Fp>\n\u003Ch3 id=\"saving-bookmarks\">ブックマークを保存する\u003C\u002Fh3>\n\u003Cp>\n  Web Highlights はテキストのハイライトだけに使うものではありません。\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fsave-bookmarks-with-web-clipper\">ページをブックマークとして保存\u003C\u002Fa>しておくのもとても便利です。あとでハイライトの続きをしたり、そのページをもう一度見つけたりできます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp\"\n    class=\"kg-image\"\n    alt=\"ブックマークを保存\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"657\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">ブックマークを保存\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>テキストを選択せずにウェブサイト上で右クリックし、「ページをブックマークとして保存」を選ぶこともできます。\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp\"\n    class=\"kg-image\"\n    alt=\"右クリックでブックマークを保存\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"896\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">右クリックでブックマークを保存\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"practical-example-save-page-to-reading-list\">実践例：ページを「あとで読む」リストに保存する\u003C\u002Fh3>\n\u003Cp>\n  私がよくやるのは、気になった記事をブックマークとして保存し、「ToRead」タグを付けておく方法です。あとでウェブアプリに戻り、そのタグが付いたページをまとめて絞り込みます。\n\u003C\u002Fp>\n\u003Cp>これが私の「あとで読む」リストです。\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp\"\n    class=\"kg-image\"\n    alt=\"私の「あとで読む」リスト\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"726\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">私の「あとで読む」リスト\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  さらに一歩進めて、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\u003Cstrong>リマインダーを設定\u003C\u002Fstrong>しておけば、記事のことを忘れずに済みます\u003C\u002Fa>。ハイライトしたページの時計アイコンをクリックして、日時を選ぶだけです。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp\"\n    class=\"kg-image\"\n    alt=\"メールのリマインダーを設定\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"695\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp            2048w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n      \u003Cspan style=\"white-space: pre-wrap\">メールのリマインダーを設定\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>指定した日時に、その記事のことを知らせるメールが届きます。\u003C\u002Fp>\n\u003Ch2 id=\"reader-mode-saving-documents\">リーダーモードとドキュメントの保存\u003C\u002Fh2>\n\u003Cp>\n  私がほぼ毎日使っている機能のひとつが\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Freader-mode\">リーダーモード\u003C\u002Fa>です。あとで読みたい記事や、気を散らさずに読みたい記事を見つけたら、サイドパネルから直接ドキュメントとして保存できます。Web Highlights が広告、ポップアップ、Cookie バナーなどの余計な要素を取り除き、すっきり読みやすいページにしてくれます。\n\u003C\u002Fp>\n\u003Cp>\n  読み心地も自分好みに調整できます。「文字サイズ」「行の高さ」「レイアウト幅」を変えたり、「ライトモード」「ダークモード」「セピアモード」「コントラストモード」から選んだりできます。保存したドキュメントはウェブアプリの「ドキュメント」から開けるので、どのデバイスからでも、オフラインでも読み返せます。\n\u003C\u002Fp>\n\u003Ch2 id=\"ai-summary-ai-chat\">AI 要約と AI チャット\u003C\u002Fh2>\n\u003Cp>\n  Chrome または Microsoft Edge を、内蔵 AI に対応したパソコンで使っているなら、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fai-summary\">AI 要約\u003C\u002Fa>と \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fai-chat\">AI チャット\u003C\u002Fa>はきっと気に入るはずです。AI 要約は、ハイライトとページの内容を簡潔にまとめます。処理はすべてデバイス上で行われるので、データがパソコンの外に出ることはありません。\n\u003C\u002Fp>\n\u003Cp>\n  AI チャットはさらに一歩進んで、内容について対話できます。追加で質問したり、特定の部分を掘り下げたり、難しいテーマを説明してもらったりできます。要点だけ押さえたい長めの研究論文では、特に重宝しています。\n\u003C\u002Fp>\n\u003Ch2 id=\"youtube-highlighting\">YouTube のハイライト\u003C\u002Fh2>\n\u003Cp>\n  何年も前からあったらよかったのに、と思う機能が \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fyoutube-highlighting\">YouTube のハイライト\u003C\u002Fa>です。Web Highlights は YouTube 動画の文字起こしを取り込み、ふつうの記事と同じようにハイライトしたりメモを付けたりできます。文字起こしのどこかをクリックすると、動画がちょうどその場面にジャンプします。学習系の動画をよく見るなら、使い方ががらりと変わるはずです。\n\u003C\u002Fp>\n\u003Ch2 id=\"exporting-highlights\">ハイライトのエクスポート\u003C\u002Fh2>\n\u003Cp>\n  調べもののハイライトがたまってきたら、\u003Cstrong>Notion\u003C\u002Fstrong> や \u003Cstrong>Obsidian\u003C\u002Fstrong> などのツールにエクスポートしたくなるかもしれません。\n\u003C\u002Fp>\n\u003Cp>\n  そのために、Web Highlights にはさまざまなエクスポート機能があります。普段使っているリサーチツールへ、メモを簡単に移せます。\n\u003C\u002Fp>\n\u003Cp>選べるエクスポートの方法は次のとおりです。\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>Markdownをコピー\u003C\u002Fli>\n  \u003Cli>HTMLをコピー\u003C\u002Fli>\n  \u003Cli>PDF ファイルへエクスポート\u003C\u002Fli>\n  \u003Cli>HTML ファイルへエクスポート\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintegrations\u002Fcapacities-export\">Capacities へエクスポート\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintegrations\u002Fnotion-export\">Notion へエクスポート\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"\u002Fja\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F\">Obsidian へエクスポート\u003C\u002Fa>（Markdown 経由）\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  Markdown や HTML としてのコピーはどのプランでも使えますが、PDF・HTML ファイルへのエクスポートには Ultimate が必要です。これらのオプションは、ハイライトしたページの三点アイコンをクリックすると表示されます。ここでは例として、調べた内容を Markdown でエクスポートし、Notion のようなナレッジ管理ツールに取り込む方法を紹介します。\n\u003C\u002Fp>\n\u003Ch3 id=\"example-copy-markdown\">例：Markdown をコピーする\u003C\u002Fh3>\n\u003Cp>\n  ウェブアプリで、ハイライトしたページの「\u003Cstrong>\u003Cem>Markdownをコピー\u003C\u002Fem>\u003C\u002Fstrong>」をクリックするだけです。メタデータも含めて、そのページのハイライトがすべてコピーされます。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp\"\n    class=\"kg-image\"\n    alt=\"Markdownをコピー\"\n    loading=\"lazy\"\n    width=\"1904\"\n    height=\"972\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp            1904w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Markdownをコピー\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>コピーした Markdown を、たとえば Notion に貼り付けると、次のように表示されます。\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp\"\n    class=\"kg-image\"\n    alt=\"Notion のスクリーンショット\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1238\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp            2272w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Notion のスクリーンショット\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\" rel=\"noopener\">Web Highlights\u003C\u002Fa>\n  は、画像、タイトル、タグ、ハイライト、メモなど、ページの情報をすべて引き継ぎます。\n\u003C\u002Fp>\n\u003Ch2 id=\"remember-what-you-read\">読んだ内容を覚えておく\u003C\u002Fh2>\n\u003Cp>\n  正直なところ、ネットで読んだ内容を 1 週間後にどれだけ覚えているでしょうか。ヘルマン・エビングハウスの古典的な記憶実験では、新しく覚えた内容の約 3 分の 2 が、復習しないと 1 日で失われていました。だからこそ、Web Highlights に\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fspaced-repetition-learning\">間隔反復学習\u003C\u002Fa>を組み込みました。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights の間隔反復ダッシュボード\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"675\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights の間隔反復ダッシュボード\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  仕組みはシンプルです。ハイライトが単語カードになり、科学的に最適化された間隔で復習するよう Web Highlights が知らせてくれます。内部では \u003Cstrong>SuperMemo（SM-2）アルゴリズム\u003C\u002Fstrong>を使っています。Anki のような単語カードアプリの、従来型スケジューラーの基になっている方式です。よく覚えている項目は次の復習までの間隔が延び、苦手な項目は早めに戻ってきます。\n\u003C\u002Fp>\n\u003Cp>\n  興味があれば、このテーマを掘り下げた記事もどうぞ（英語）：\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fspaced-repetition-how-to-make-your-readings-stick-in-long-term-memory\u002F\">Spaced Repetition — How to Make Your Readings Stick in Long-Term Memory\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Ch2 id=\"final-thoughts\">まとめ\u003C\u002Fh2>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\" rel=\"noopener\">Web Highlights\u003C\u002Fa>\n  を使えば、調べものの整理がぐっと効率的になります。テキストをハイライトしてタグを付けておけば、ネットで出会った情報をいつでも簡単に見つけ直せます。メモを取れば考えを整理でき、エクスポート機能で Notion、Obsidian、Capacities などのお気に入りのツールへ成果を移せます。\n\u003C\u002Fp>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fweb-app-grid-and-filters\">AND\u002FOR 条件の高度なフィルター\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Freader-mode\">集中して読めるリーダーモード\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fai-summary\">AI による要約\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fyoutube-highlighting\">YouTube の文字起こしのハイライト\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Ffeatures\u002Fspaced-repetition-learning\">間隔反復学習\u003C\u002Fa>といった機能が加わり、Web Highlights はシンプルなハイライターをはるかに超えて、ネットで本格的に調べものをする人のための知識管理ツールになりました。\n\u003C\u002Fp>\n\u003Cp>\n  もっと知りたい方は、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fja\u002Fintroduction\u002Fgetting-started\">ドキュメント\u003C\u002Fa>をひととおり読むか、ほかの\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fja\u002Fuse-cases\">活用例\u003C\u002Fa>もご覧ください。\n\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cp>\n  ご連絡は\n  \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\" rel=\"me\">LinkedIn\u003C\u002Fa>\n  から、フォローは\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"me\">Twitter\u003C\u002Fa>\n  でどうぞ。\n\u003C\u002Fp>\n\u003C!--kg-card-end: html-->\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",559,[111,144,160],{"id":112,"slug":113,"title":114,"description":115,"url":116,"publishedAt":117,"createdAt":118,"updatedAt":117,"featured":119,"readingTime":120,"tags":121,"imageUrl":125,"imageAlt":126,"faviconUrl":127,"publishedAtString":117,"category":128,"readTimeString":143},"3d7a95c1e264b08fa7c31de9","best-pdf-chrome-extensions","Top 10 Chrome PDF Extensions: The Great Comparison","Compare the 10 best PDF extensions for Chrome. We tested Web Highlights, Smallpdf, Adobe Acrobat, Kami and more on reading, editing and signing.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-pdf-chrome-extensions\u002F","2026-08-28T10:00:00.000+00:00","2026-08-28T08:30:00.000+00:00",false,23,[122,123,124],"Chrome Extension","comparison","Tools","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F08\u002Fbest-pdf-chrome-extensions.jpg","Top 10 Chrome PDF Extensions","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[129,136],{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.",{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},"highlighting","Highlight Websites & PDFs in Chrome","Highlighting","mark-icon","From PDF highlighters to Chrome extensions—see how Web Highlights makes highlighting fast, colorful, and organized across the sites you read every day.","Highlighting should feel as natural as a physical marker, but with superpowers: multi-color marks, notes, tags, and sync. Web Highlights is built for both web pages and PDFs, so you can keep one workflow instead of juggling separate “PDF only” or “website only” tools.","23 min read",{"id":145,"slug":146,"title":147,"description":148,"url":149,"publishedAt":150,"createdAt":151,"updatedAt":150,"featured":119,"readingTime":152,"tags":153,"imageUrl":154,"imageAlt":155,"faviconUrl":127,"publishedAtString":150,"category":156,"readTimeString":159},"6a44e3e8909b7209ced49a7e","free-online-pdf-highlighter-highlight-any-pdf-no-install","Free Online PDF Highlighter — Highlight Any PDF, No Install","You can't highlight a PDF in Chrome. You can open one and read it, sure. But try to mark a sentence, and there's nothing there to do it with.\n\nI built a PDF highlighter tool, so I hear about this one a lot. My usual answer was: install my browser extension, or install something like Acrobat. Fine advice — unless you've got a single PDF to mark up and no interest in installing anything for it.\n\nSo I built a version that skips all that. It's a web page: open it, drop in a PDF, and highlight away. ","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ffree-online-pdf-highlighter-highlight-any-pdf-no-install\u002F","2026-07-01T10:01:26.000+00:00","2026-07-01T09:54:48.000+00:00",5,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fpdf-upload-thumbnail.png","Free Online PDF Highlighter that works without installing any software right in your browser",[157,158],{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"5 min read",{"id":161,"slug":162,"title":163,"description":164,"url":165,"publishedAt":166,"createdAt":167,"updatedAt":168,"featured":119,"readingTime":169,"tags":170,"imageUrl":171,"imageAlt":163,"faviconUrl":127,"publishedAtString":166,"category":172,"readTimeString":175},"69247fac2ed30b09fb978171","best-adobe-pdf-alternatives","10 Best Adobe PDF Alternatives","Looking for a lightweight Adobe PDF alternative? Compare the best tools for reading, annotating, editing, and summarizing PDF files in your browser.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-adobe-pdf-alternatives\u002F","2025-12-01T07:21:55.000+00:00","2025-11-24T15:54:20.000+00:00","2026-10-05T10:00:00.000+00:00",11,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fbest-adobe-pdf-alternatives.jpg",[173,174],{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"11 min read",[177,179,181,186,191,196],{"reviewer":178,"reviewText":63},{"name":61,"avatarURL":62},{"reviewer":180,"reviewText":58},{"name":56,"avatarURL":57},{"reviewer":182,"reviewText":185},{"name":183,"avatarURL":184},"Maria Mills","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKhTUz6aTHCJj3pErsWdRnTKqWmbnWhlQzCMPG0RM3O0EpC9A=s32-mo","As someone who has struggled with both ADHD and dyslexia, I can say with absolute certainty that Web Highlights has been a true game-changer in my life. It has had a profound impact on my ability to manage the challenges associated with my disabilities. …",{"reviewer":187,"reviewText":190},{"name":188,"avatarURL":189},"Ian Schnee","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjVm-Xwq3SExdsSuzvKDBdzjtDtJLXZmFsCC5YHSmNrnu2E=s32","Amazing Chrome extension--has my vote for one of the best things on the internet that's still free. If you want the added features of a paid account, like synching and backups, the cost is reasonable. …",{"reviewer":192,"reviewText":195},{"name":193,"avatarURL":194},"Syed Azhar Hussain Shah","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXNpiQz6OeNK_-V8nQIKkEp86eyaHynjjD5IUsL7Pqhd2QOdcxxKA=s32","Excellent extension. I needed a program that I could use to highlight passages from different news articles for my research project. Web Highlighter became a life saver. There were other highlighter extensions, but only this had the options to save passages and add tags to them. …",{"reviewer":197,"reviewText":200},{"name":198,"avatarURL":199},"Isabella Frias","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjU7y1PlNcZWfyuKKbdN6l6NcK1naQflzJOdefq4yGLn7HM=s32","LOVE LOVE LOVE! I'm a college student and most professors assign readings that are available online now. I also have ADHD and highlighting (and color coding) are a must, so I make sure I understood what I read. …"]