Koko Soko - ココソコ

🇬🇧 English Koko Soko lets you drag-select any area of a web page and captures it as one seamless scrolling screenshot. Long tables, full articles, and long chat threads in apps like Slack or Chatwork — anything that doesn't fit on one screen — can be saved as a single PNG, without taking several screenshots and stitching them together by hand. ■ Two capture modes ・Select Area Just drag to select the region you want. Even if it extends beyond the viewport, the extension scrolls automatically and stitches everything into ・Full Page Captures the entire page in one shot, from top to bottom. In apps where the page itself doesn't scroll, the main scrollable area (such as a message lis bottom instead. ■ Features ・Works inside scrollable areas, too In web apps such as Slack, Chatwork, Discord, Notion, and Gmail, a message list or panel scrolls instead of the page itself. Start dragging inside that aret for you and captures it as one image. The target area is outlined with an orange dashed frame. ・Clean, seamless results Fixed headers and sidebars are temporarilo they don't appear repeated throughout thestitched image. Scrolling is paused while capturing, so an accidental mouse-wheel move won't break the image. ・Fully local Capturing and stitching both happen insidand no page content, is ever sent to anyserver. ・Minimal permissions Only activeTab and scripting. No broad, aite you visit. ■ How to use 1. Click the toolbar icon 2. Choose "Full Page" or "Select Area" 3. When capturing finishes, a PNG file is d Press Esc while selecting to cancel. You do while capturing. ■ Before you install ・It does not work on chrome:// pages, the xtensions management page (Chrome forbidsextensions from running there) ・Horizontal scrolling is not supported; onptured ・If content changes during capture (for example, older messages loading in), the image may be misaligned. In apps with long histories, only the messagesed ・Elements inside iframes are not supported ・Sites that use smooth-scrolling librariesher) may come out blank (support is planned) ・On very long pages, the stitched image may exceed the browser's maximum canvas size and fail with an error (an option to continue at a reduced resolution ■ Open source Released under the MIT License. https://github.com/enknot96/kokosoko ========== 🇯🇵 日本語 「ココソコ」は、Webページ上の好きな範囲をド囲をスクロールしながら継ぎ目なく1枚のスクリーンショットに合成してくれる拡張機能です。 画面に収まりきらない長い表や記事の全文、Slack や Chatwork の長いやり取りなどを、何枚もスクショを撮っ しに、1枚のPNGとして保存できます。 ■ 2つの撮影モード ・Select Area（範囲を選ぶ） ドラッグで撮影したい範囲を選択するだけ。選んだ範囲が画面の外まで続いていても、自動でスクロールしながら撮影して1 枚に合成します。 ・Full Page（ページ全体） ページの先頭から末尾まで、まるごと1枚で撮影します。ページ自体がスクロールしないアプリでは、メッセージ一覧などの メインのスクロール領域を、上から下まで撮影 ■ 特徴 ・スクロールする領域にも対応 Slack、Chatwork、Discord、Notion、Gmail などのWebアプリでは、ページ全体ではなくメッセージ一覧などの「特定の領域 」がスクロールします。その領域の中でドラッ ールしながら1枚に撮影できます。撮影の対象になった領域は、オレンジの点線の枠で示されます。 ・継ぎ目のないきれいな仕上がり 固定表示のヘッダーやサイドバーは撮影中だ 合成画像に同じヘッダーが何度も写り込みません。撮影中はスクロール操作を自動で止めるので、うっかりマウスホイールに触れても画像が崩れません。 ・完全にローカルで完結 撮影も画像の合成もブラウザ内で行います。 バーに送信されることは一切ありません。 ・最小限の権限 要求するのは activeTab と scripting のみ。訪問するすべてのサイトを常時読み書き ません。 ■ 使い方 1. ツールバーのアイコンをクリック 2. 「Full Page」か「Select Area」を選ぶ 3. 撮影が終わるとPNGファイルが自動的にダウ 範囲選択中に Esc キーを押すとキャンセルできずにお待ちください。 ■ ご利用にあたって ・chrome:// で始まるページ、Chromeウェブストア、拡張機能の管理画面では動作しません（Chromeがこれらのページでの拡張機能の実行を禁じているためです） ・横スクロールには対応していません。撮影さ です ・撮影中に内容が増減すると（過去のメッセージが読み込まれるなど）、ずれることがあります。履歴の長いアプリでは、撮 影の時点で読み込まれている分までが撮影され ・iframe の中の要素には対応していません ・滑らかスクロールのライブラリ（GSAP Scrollなど）を使うサイトでは、画像が真っ白になることがあります（対応を予定しています） ・非常に長いページでは、合成後の画像がブラ てエラーになることがあります（画質を落として続行できるようにする予定です） ■ オープンソース MITライセンスで公開しています。 https://github.com/enknot96/kokosoko