スマートエリアスクリーンショット

ウェブページ上の領域をドラッグして選択し、スクリーンショットとして保存できます。

📦 スマートエリアスクリーンショット：インテリジェントなWeb領域キャプチャ＆モバイル向けレイアウト変換 —— Web上のあらゆるコンテンツを、鮮明かつ正確に、手間なくキャプチャ・切り抜き・再フォーマット・注釈付けできます。 ----------------------------------- 「スマートエリアスクリーンショット」は、Webコンテンツのキャプチャ、抽出、共有の方法を刷新するために設計された、強力かつ軽量なブラウザ拡張機能です。複雑なWebページの一部を正確に保存したり、デスクトップ向けコンテンツをモバイルフレンドリーなレイアウトに変換したり、参照用のスマートなメタデータ・フッターを埋め込んだりする場合でも、ブラウザ内でシームレスかつ快適なクリッピング体験を提供します。 単なる静的なスクリーンショットツールではなく、インテリジェントなWeb抽出ツールです。高DPIキャンバスレンダリングとスマートなDOM再フォーマットエンジンを搭載し、リアルタイムの座標表示を見ながらドラッグ操作で任意の領域を選択可能。デスクトップ特有のレイアウト制約を取り除き、鮮明で注釈付きのPNG画像を書き出せます。研究者、デザイナー、開発者、学生、コンテンツクリエイターなど、あらゆるユーザーがWeb上の文脈を保持し、情報を手軽に共有できるようサポートします。 🎉 v1.0.0 アップデート：スマート領域キャプチャとモバイルレイアウト変換の全機能が利用可能になりました。 ----------------------------------- 初の正式版がリリースされました。高精度なドラッグ選択キャプチャ、インテリジェントなDOMモバイル再フォーマット、高DPI Retinaレンダリング、カスタムファイル名＆メタデータ・フッター、右クリックメニュー統合、Shadow DOMスタイル分離などの機能を備えています。 🎨 コア機能：シームレスなWebキャプチャと再フォーマット ----------------------------------- 拡張機能に組み込まれた主要なキャプチャモードの紹介です： ✨ ダイレクト領域キャプチャ — ピクセル単位の正確さ：直感的なマウスドラッグ操作で、Webページ上の任意の長方形領域を選択できます。リアルタイムの寸法表示により、ピクセル単位で正確な幅と高さを指定可能です。 ✨ スマートモバイル再フォーマットモード — すっきりとした375px表示：対象のDOM要素を動的に抽出し、不要なレイアウト要素を除去します。マルチカラムのデスクトップ構造をモバイル向けの縦型レイアウトに変換し、キャプチャ前にすっきりとした375px幅のモバイルカードとしてレンダリングします。 ✨ カスタマイズ可能なメタデータ・フッター — インテリジェントな出典表示：保存画像の最下部に、プロフェッショナルな出典情報フッターを自動的に付加します（元のWebページタイトル、ソースURL、ツール名、正確なタイムスタンプなど）。 🌟 主な機能 ----------------------------------- 🎯 ピクセル単位の正確なドラッグ選択 マウスドラッグ中、半透明のオーバーレイとリアルタイムのサイズ表示（幅 x 高さ）により、直感的な操作が可能です。ESCキーを押せば、いつでも簡単に選択をキャンセルできます。 📱 スマートなモバイルレイアウト変換 デスクトップ用レイアウトを、モバイルに適したすっきりとした1列のカード形式に変換します。不要な背景要素を自動的に除外するほか、テキスト、画像、メディアをレスポンシブに処理し、横方向への画面はみ出しを防ぎます。 🖼️ 高精細画像エクスポート デバイスのピクセル比（DPR）に対応したHTML5 Canvas 2Dレンダリングを採用。Retinaディスプレイや高解像度画面でも、保存した画像が鮮明に表示されます。 📝 スマートな透かし（ウォーターマーク）と出典表示オプション 保存時のオプション設定により、ページタイトル、ソースURL、ツール使用日時などの情報を画像に含めるかどうかを選択できます。これにより、スクリーンショットの検証や出典の明記が容易になります。 🔒 Shadow DOMによる分離と安全性 Shadow DOM内で動作するため、ホストとなるWebページのCSSやJavaScriptと競合することはありません。システム制限のあるページ（Chromeウェブストアや内部設定ページなど）を自動検出し、警告ダイアログを表示します。 ⚡ 多様な方法で素早くキャプチャ 拡張機能のツールバーアイコンや、右クリックのコンテキストメニューから、即座にキャプチャを開始できます。「直接スクリーンショット（Direct Screenshot）」と「モバイルレイアウト変換（Mobile Reformat）」の各モードに対応しています。 📖 使い方 ----------------------------------- 1. キャプチャの開始: ブラウザのツールバーにある拡張機能アイコンをクリックするか、Webページ上で右クリックして または を選択します。 2. ドラッグして選択: マウスをドラッグして、キャプチャしたいWebページ上の範囲を指定します。リアルタイムで表示されるサイズ情報を確認しながら正確に選択できます。ESCキーでいつでもキャンセル可能です。 3. 保存オプションのカスタマイズ: ポップアップ画面で、ファイル名の変更やメタデータ（ページタイトル、元のURL、ツール情報、タイムスタンプ）の表示・非表示設定を行います。 4. PNG画像の書き出し: 「確定」をクリックするかEnterキーを押すと、切り抜かれた高解像度PNG画像がローカルのダウンロードフォルダに保存されます。 🎨 デザイン哲学 ----------------------------------- 目立たず軽量：バックグラウンドで静かに動作し、パフォーマンスの低下や煩わしい広告は一切ありません。ブラウザの高速かつ軽快な動作を維持します。 コンテキストの保持：重要なWebソースのメタデータを保持するため、メッセージングアプリやドキュメントツールで共有する際も、クリップの内容が分かりやすく、元の情報源を追跡可能です。 デバイスを問わない美しい表示：モバイルデバイスでWebの断片（スニペット）を共有する際、自動的にモバイル向けレイアウトへ再整形することで、見栄えの悪い横方向の切り取りやレイアウト崩れを防ぎます。 🗺️ ロードマップ ----------------------------------- ページ全体・スクロールキャプチャ：自動スクロールと画像の結合により、Webページ全体を1枚の長いスクリーンショットとして保存します。 マークアップ・注釈機能：プレビュー画面上で直接、矢印、ハイライト枠、テキスト注釈、プライバシー保護用のぼかし効果などを追加できます。 クラウド・クリップボード連携：ワンクリックでのシステムクリップボードへのコピーや、クラウドストレージサービスとの直接同期に対応します。 カスタム透かし（ウォーターマーク）テンプレート：メタデータ用フッターバーのブランドテキスト、色、レイアウトテンプレートをユーザーが自由にカスタマイズ可能です。 💬 フィードバック・ご提案 ----------------------------------- Webのクリップや共有をよりスマートに行いたいすべての人のために設計されています！ご提案、機能リクエスト、バグ報告などがございましたら、お気軽にお寄せください。皆様からのフィードバックが、今後のアップデートに活かされます。 よりスマートにキャプチャし、美しく整え、シームレスに共有しましょう。 🚀