Awesome Screenshot | 「Chrome 拡張機能」カテゴリー

以前メインで使用していた「画面キャプチャ」

　状態:- 　閲覧数:3,384 　投稿日:2013-03-20 　更新日:2018-08-22

導入経緯
・これまで利用していたプラグインでキャプチャ取得できないサイトがあったため、新規導入

メイン使用を中止した理由
・保存ファイル名に保存年月日が自動で入らないから
・後で整理する際、結構不便

削除した理由

Awesome Screenshot Minus all the junk

-- spyware and tracking crap

3.9.37

削除した理由
・ファイル名に対するオプション機能はない

実際に利用してみた感想

　閲覧数:944　投稿日:2013-03-20　更新日:2017-11-02

感想

・従来利用していたエクステンションみたいに、キャプチャ取得に失敗することがない
・全てのサイトのキャプチャを、100%意図通り取得出来るわけではない

これまでのメイン

・ちなみに、これまでメインで利用していたエクステンション(?)は下記
「Screen Capture (by Google) 5.0.5」

「Awesome Screenshot」でもうまく取得できない

　閲覧数:1,010　投稿日:2013-03-20　更新日:2013-03-20

意図した通り、取得できないサイト

・例えば、このサイト「Design0」
・実際にスクリーンキャプチャを取得してみると分かるが、意図した通りにキャプチャできない

意図した通り、取得できない理由

・不具合が発生するのは、グローバルナビゲーション部分
・具体的には、スクロール幅に応じて、表示位置をJavaScriptで上部固定化させていることが原因
・つまり、実際の画面スクロールと似たような処理を擬似的に走らせているため(「縦長のスクリーンキャプチャ」をどのように取得しているのか、コード見ていないので不明だが)

挙動的にはこれで正しい

・そう考えると、意図した通りには取得できないが、コード的にはむしろ、これが正しいのかもしれない
・だって、そういう風にスクリプトを組んでいるんだから
・多分、「縦長スクリーンキャプチャ取得」って、実際のブラウザ閲覧時には出来ないようなことをやっているのだと思う

修正するのは？

・もし修正するとしたら、このサイトだろう
修正案
1.「縦長のスクリーンキャプチャ」を取得可能なChromeエクステンションを導入して、JavaScriptコードを読む＆理解する
2.グローバルナビゲーションを、スクロール幅に応じて、表示位置上部固定化している、JavaScriptコードを読む＆理解する
3.2のコードに、1の場合の条件分岐を追記
※まあ、多分やらないだろう。とってもメンドクサソウだし…。それに出来るかすら、不明

Google Chrome拡張の基礎

拡張機能が Chrome によって無効にされました／この拡張機能は破損している可能性があります。

順位	ページタイトル抜粋	％
1	Awesome Screenshot	72
2	Font Awesome 4.7.0	50
3	Font Awesome v5.0.8	49
4	Bookmark Sentry	48
5	Crescent Eve	47
6	FotoSketcher 3.10	46
7	FotoSketcher 3.40	46
8	Bookmarks clean up	44
9	Web Components	44
10	「Icon Font」を「Font Awesome」で統一	43
11	Tor Browser	41
12	「秀丸」 VS 「Crescent Eve」	40
13	Potrace	40
14	cluster	40
15	JavaScript in Bootstrap	39
16	transformプロパティ	38
17	SCSS × Windows	38
18	font-size	37
19	Adobe Camera Raw 4.0	37
20	「Chrome 拡張機能」一覧	36
	2026/2/28 2:40 更新

順位	ページタイトル抜粋	アクセス数
1	Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない \| モバイルデザイン(デザイン)	18
2	「bgcolor」「background-color」「background」の違い \| CSS	5
2	RGBの種類／ビットカラー \| RGB(色)	5
2	RGB ⇔ Lab \| 色変換(色)	5
3	「属性」「プロパティ」「アトリビュート」の違い \| CSS	4
4	画像縦横比の問題 \| 画像	3
4	効果を打ち消すスタイルシート \| CSS	3
4	色モデルイメージ図 \| 色変換(色)	3
4	「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) \| Font Awesome(フォント)	3
4	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	3
4	「東京都」のカラーコード取得は難しい \| カラーコード(色)	3
5	画面キャプチャ 2022 年 \| Chrome 拡張機能	2
5	CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ \| CSS	2
5	フォントアイコン表示不具合の原因は重複読込＋α \| フォント	2
5	「Font Awesome」で「ダウンロードしたSVGを直接表示」する方法	2
5	Chrome ブラウザで画像の DataURI を取得 \| Google Chrome(ブラウザ)	2
5	FontAwesomeでアイコンが□（四角）になって表示されない　Forbidden　 \| Font Awesome(フォント)	2
5	｢レイヤー」＋「レイヤー効果」をコピーして新規psdにペースト \| Photoshop	2
5	「Fireworks」後継として「Gravit Designer」を使用していくことを一度は決定したが、2022 年時点で入手可能なソフトウェアは日本語入力未対応　 \| Gravit Designer(ソフトウェア)	2
5	GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない \| GIMP 系(ソフトウェア)	2
	2026/2/27 5:05 更新