projects
personal project
ココソコ (Koko Soko)
Webページ上の好きな範囲、またはページ全体を、スクロールしながら継ぎ目なく1枚のPNGとして保存できるChrome拡張機能。撮影・合成のすべてをブラウザ内で完結させ、外部サーバーへのデータ送信は一切行いません。
tech stack
TypeScriptChrome Extension (Manifest V3)ViteCanvas API
story
画面に収まりきらない長い表やチャットのやり取りを、何枚もスクショを撮ってつなぎ合わせる手間をなくしたいと思い作成。固定ヘッダーの自動退避や最小権限（activeTab + scripting）など、実運用に耐える細部にもこだわりました。
highlights
- —範囲指定 × 自動スクロール撮影で、画面外にはみ出す範囲も1枚のPNGに合成
- —固定ヘッダー・サイドバーを撮影中だけ自動的に一時退避し、合成画像への写り込みを防止
- —権限はactiveTab + scriptingのみの最小権限設計