Spec Sketch のアイテムロゴ画像

Spec Sketch

拡張機能ツール4 ユーザー
Spec Sketch のアイテム メディア 3 のスクリーンショット
Spec Sketch のアイテム メディア 1 のスクリーンショット
Spec Sketch のアイテム メディア 2 のスクリーンショット
Spec Sketch のアイテム メディア 3 のスクリーンショット
Spec Sketch のアイテム メディア 1 のスクリーンショット
Spec Sketch のアイテム メディア 1 のスクリーンショット
Spec Sketch のアイテム メディア 2 のスクリーンショット
Spec Sketch のアイテム メディア 3 のスクリーンショット

概要

SpecSketch lets you easily create screenshots with numbered elements on a webpage.

UIに連番バッジ+注釈、フル/ビューポートのスクショをワンタップで。 Spec Sketch は、ページ上の要素をクリックして枠線+連番バッジを重ね、コメントなどの注釈を素早く追加できるツールです。見た目の調整(色・形・サイズ・ラベル形式)、可視/不可視、位置、グループ、コメントはサイドパネルで一括編集。迷わず操作でき、変更はすぐ画面に反映されます。フルページ/ビューポート撮影に対応し、注釈を焼き込んだ画像としてそのまま保存・共有できます。 🧩 できること ・🖱 クリックで選択:要素をクリック → 枠線+連番バッジを表示(再クリックで解除) ・🛠 サイドパネル編集:色/形/サイズ/ラベル形式/可視性/位置/グループ/コメントを一括調整 ・↕ 並び替え:一覧から順序をすっきり整理(グループは折りたたみ表示に対応) ・📸 キャプチャ:フルページ / ビューポートを選んで撮影。PNG/JPEG、品質・倍率を指定可能 ・💾 自動復元:ページごとの注釈状態を保存し、再訪時に自動描画 ・🎨 テーマ:ライト/ダーク/デバイス(OS設定に追随) 🎯 主な用途 ・📐 設計レビュー:番号付きで指摘箇所を明確化 ・✅ 受入テスト:手順スクショに注釈を焼き込み、確認漏れを低減 ・🐞 不具合報告:再現手順と一致する“見たまま”の画像を即共有 ・📄 UI仕様作成:要素定義とコメントを並べ、レビューを効率化 📦 インポート/エクスポート(JSON) ・ページ単位の注釈データをエクスポート/インポート可能 ・インポート時はアンカー情報で照合し、重複は安全にスキップ(ページ側の見た目設定を優先) 🔐 権限とデータ(要点) ・保存先:chrome.storage.local(端末内で完結。外部送信なし) ・出力:生成画像はダウンロードとして保存 ⚠ 対応/制限 ・chrome:// などの内蔵ページは対象外 ・極端に長いページや重い画像が多いページでは、稀に失敗する場合があります ・DOM構造が大きく変わると、過去の選択が一致しないことがあります

詳細

  • バージョン
    1.1.0
  • 更新:
    2025年10月14日
  • 提供元
    ymmy4989
  • サイズ
    175KiB
  • 言語
    2 言語
  • デベロッパー
    メール
    ymmy4989@gmail.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

拡張機能を管理し、組織での使用状況を確認できます
デベロッパーは、お客様のデータを収集または使用しないことを表明しています。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

関連アイテム

GoogleChrome™のページマーカー

3.7

タブのスクリーンショットにベクターグラフィックを描画します。

フルページスクリーンショット

4.0

キャプチャ、注釈、背景デザイン!フルページスクリーンショット、編集、クリエイティブデザインのオールインワンツール。無料で高機能。

簡単な画面キャプチャ

4.4

Simple Screen Capture は、クリックするだけでページ全体のスクリーンショットを簡単にキャプチャできる便利な Chrome 拡張機能です。

Edit Anything with Creative Power

5.0

Edit any website, take screenshots, and enhance any webpage with powerful tools

ページ全体のスクリーンショット

4.7

Capture Full Page を使えば、軽量な Chrome 拡張でオンラインのページ全体のスクリーンショット(フルページキャプチャ)を簡単に作成できます

Screenshot with URL - Full Page, No Bookmark, Screen Recording, Network Log

5.0

Capture full page, visible & selected area screenshots with URL bar & hidden Bookmarks, record screen with inbuilt editor.

ウェブに注釈を付ける

4.6

ウェブに注釈を付けるを使用して、ウェブサイトに注釈を付けたり、ページにマーカーとして描画したり、ページの重要な部分を強調表示したりします。

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Branding Capture

5.0

Capture branding elements from any webpage.

Full Page Snap - Capture Full Page Screenshots

4.5

Quickly capture entire web pages with Full Page Snap. Save full-page screenshots as high-quality images easily.

Screenshot Entire Webpage - ウェブページ全体のスクリーンショット

4.7

Screenshot Entire Webpage 拡張機能を使用すると、ページ全体のスクリーンショットを簡単にキャプチャできます。ページ全体のスクリーン キャプチャに最適です。

フルページスクリーンショット

4.6

フルページスクリーンキャプチャは、画面全体を1クリックでキャプチャできるシンプルな拡張機能です。ページ全体のスクリーンショットを取得します。

GoogleChrome™のページマーカー

3.7

タブのスクリーンショットにベクターグラフィックを描画します。

フルページスクリーンショット

4.0

キャプチャ、注釈、背景デザイン!フルページスクリーンショット、編集、クリエイティブデザインのオールインワンツール。無料で高機能。

簡単な画面キャプチャ

4.4

Simple Screen Capture は、クリックするだけでページ全体のスクリーンショットを簡単にキャプチャできる便利な Chrome 拡張機能です。

Edit Anything with Creative Power

5.0

Edit any website, take screenshots, and enhance any webpage with powerful tools

ページ全体のスクリーンショット

4.7

Capture Full Page を使えば、軽量な Chrome 拡張でオンラインのページ全体のスクリーンショット(フルページキャプチャ)を簡単に作成できます

Screenshot with URL - Full Page, No Bookmark, Screen Recording, Network Log

5.0

Capture full page, visible & selected area screenshots with URL bar & hidden Bookmarks, record screen with inbuilt editor.

ウェブに注釈を付ける

4.6

ウェブに注釈を付けるを使用して、ウェブサイトに注釈を付けたり、ページにマーカーとして描画したり、ページの重要な部分を強調表示したりします。

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Google アプリ