SlideShare a Scribd company logo
1 of 8
http://all.jp/




  Chrome extension「Awesome Screenshot」のバグ対応について




                                                                株式会社アレグロマジック 山本 真琴
                                                              お仕事のご相談はこちら→myamamoto@all.jp

                                          大阪:〒541-0058 大阪市中央区南久宝寺町2-6-7 SO-TEN BUILDING 5F
                                                            TEL:06-6281-9191/FAX:06-6281-9192

                                   東京:〒150-0011 東京都渋谷区東3-25-11 TANGO33ビル 4F TEL:03-5860-8426
                                                                              URL:http://all.jp/

                                                            プライバシーマーク登録番号 第20001726(01)号
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




001       「Awesome Screenshot」とは



          「Awesome Screenshot」ってなによ?
                 「Awesome Screenshot」はChromeやFirefoxやSafariなどに提供されている、WEBページのキャプチャソフトです。

                 大体ざっくりと以下のキャプチャができます。

                 ・今ブラウザで開いて見えてる箇所だけキャプチャ
                 ・指定した範囲のみキャプチャ
                 ・スクロールで見えない箇所も全てキャプチャ




                 標準的ですね!
                 それだけだったら他の拡張機能にもありますし、「 Awesome Screenshot 」にこだわる必要はないのですが。。。

                 それだけではないんです!
                 「 Awesome Screenshot 」はキャプチャ後に文字を書いたり、線が引けたりで、WEBの仕事をしている際に、画面を
                 キャプチャして説明を書いて~・・・・などなどの作業が                    非常に効率的になります。
                 つまり書類仕事などの工数短縮ができます!ステキ!!(>▽<)
                 詳しくは以下説明動画を御覧ください。


                 ○機能説明動画:
                 http://youtu.be/MUVfhSg7-yE
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




002       発生した問題点



          問題点
                 今回はChromeの拡張機能の「Awesome Screenshot」についてです。

                 わたしが確認したのがChromeだけだからです。
                 Firefoxなどの他ブラウザでは確認していませんのでChrome extensionと指定しています。
                 ※また、このスライドで紹介する解決方法はChrome独自のものです。

                 キャプチャした画像を確認する画面が下の画像のようにバグってる!!!!
                 ※ちなみに、正常に書き出せるかはチェックしてません。
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




003       原因について       解決方法について



          原因について 解決方法について
                 原因なんか知りません。Chromeのアップデートがあったのでそこが原因かも?

            その1:
            まず、拡張機能の一覧で「デベロッパーモード」にチェックを入れて下さい。




            その2:
            IDを確認しましょう!
            ※IDの確認が終わったら「デベロッパーモード」のチェックは元に戻して下さい。
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




004       解決方法について



         その3:
         以下のディレクトリを開いて下さい。
         「C:Usersユーザ名AppDataLocalGoogleChromeUser DataDefaultExtensionsデベロッパーモードで調べた
         ID3.4.4_0javascripts」


         その4:
         「bg.js」をエディタで開いて下さい。
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




004       解決方法について



         その5:
         「format:」で検索をします。
         150行目と192行目に「format:’png’」と書かれた箇所があります。
         どちらも「format:’jpeg’」と書き換えましょう。
         ※行数が違う?違った場合は適当に検索してヒットしたところを書き換えて試してみて下さい。それで直らないなら元に戻してアップデートを待ちましょう。
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




004       解決方法について



         その6:
         最後に、Chromeを再起動したら完了です。




         簡単ですね!
Chrome extension「Awesome Screenshot」のバグ対応について
http://all.jp/




         このような手抜きスライドを最後まで見ていただきありがとうございました。

                                                                         m(_ _)m




                                                                      株式会社アレグロマジック 山本 真琴
                                                                   お仕事のご相談はこちら→ myamamoto@all.jp

                                                大阪:〒541-0058 大阪市中央区南久宝寺町2-6-7 SO-TEN BUILDING 5F
                                                                  TEL:06-6281-9191/FAX:06-6281-9192

                                         東京:〒150-0011 東京都渋谷区東3-25-11 TANGO33ビル 4F TEL:03-5860-8426
                                                                                    URL:http://all.jp/

                                                                  プライバシーマーク登録番号 第20001726(01)号

More Related Content

Similar to Chrome extension「awesome screenshot」 bug

11月12日セミナー資料[pdf]
11月12日セミナー資料[pdf]11月12日セミナー資料[pdf]
11月12日セミナー資料[pdf]
Yuta Sayama
 
2012_07_06_gxeb_05
2012_07_06_gxeb_052012_07_06_gxeb_05
2012_07_06_gxeb_05
ryo katsuma
 
20101127 Android Usability Seminar
20101127 Android Usability Seminar20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
 
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
Masakazu Muraoka
 

Similar to Chrome extension「awesome screenshot」 bug (20)

イマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考するイマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考する
 
11月12日セミナー資料[pdf]
11月12日セミナー資料[pdf]11月12日セミナー資料[pdf]
11月12日セミナー資料[pdf]
 
2012_07_06_gxeb_05
2012_07_06_gxeb_052012_07_06_gxeb_05
2012_07_06_gxeb_05
 
ストアアプリのXamlを解説
ストアアプリのXamlを解説ストアアプリのXamlを解説
ストアアプリのXamlを解説
 
今から学ぶ!jQuery Mobile!
今から学ぶ!jQuery Mobile!今から学ぶ!jQuery Mobile!
今から学ぶ!jQuery Mobile!
 
悪意ないユーザに配慮した不正クライアントの排除
悪意ないユーザに配慮した不正クライアントの排除悪意ないユーザに配慮した不正クライアントの排除
悪意ないユーザに配慮した不正クライアントの排除
 
Soracom ug#10:SORACOM Techonology Camp夜の部!東京支部活動報告
Soracom ug#10:SORACOM Techonology Camp夜の部!東京支部活動報告Soracom ug#10:SORACOM Techonology Camp夜の部!東京支部活動報告
Soracom ug#10:SORACOM Techonology Camp夜の部!東京支部活動報告
 
ゲーミフィケーションの基本的知識とO2O事例
ゲーミフィケーションの基本的知識とO2O事例ゲーミフィケーションの基本的知識とO2O事例
ゲーミフィケーションの基本的知識とO2O事例
 
超絶UXを実現したい!小規模Web制作会社でもフロントエンドのスキルを磨く方法と実践 【実践編】 先生:桟 義雄
超絶UXを実現したい!小規模Web制作会社でもフロントエンドのスキルを磨く方法と実践 【実践編】 先生:桟 義雄超絶UXを実現したい!小規模Web制作会社でもフロントエンドのスキルを磨く方法と実践 【実践編】 先生:桟 義雄
超絶UXを実現したい!小規模Web制作会社でもフロントエンドのスキルを磨く方法と実践 【実践編】 先生:桟 義雄
 
スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法
スマートフォンサイト制作  よくあるトラブルと 解決方法・回避方法スマートフォンサイト制作  よくあるトラブルと 解決方法・回避方法
スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法
 
Chrome Extensionで スクリーンシェアをやってみる
Chrome ExtensionでスクリーンシェアをやってみるChrome Extensionでスクリーンシェアをやってみる
Chrome Extensionで スクリーンシェアをやってみる
 
SORACOM UG 宮城 初心者向けSORACOMワークショップ (もくもく会) | SORACOM とは?サービスや最新情報の紹介【2019春】
SORACOM UG 宮城 初心者向けSORACOMワークショップ (もくもく会) | SORACOM とは?サービスや最新情報の紹介【2019春】SORACOM UG 宮城 初心者向けSORACOMワークショップ (もくもく会) | SORACOM とは?サービスや最新情報の紹介【2019春】
SORACOM UG 宮城 初心者向けSORACOMワークショップ (もくもく会) | SORACOM とは?サービスや最新情報の紹介【2019春】
 
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
【C-2】メモリも、僕のキャパシティも溢れっぱなし。。2年目エンジニアが実現した機械学習
 
20101127 Android Usability Seminar
20101127 Android Usability Seminar20101127 Android Usability Seminar
20101127 Android Usability Seminar
 
20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料20111203 忘年会・交流会LT_糟谷さん資料
20111203 忘年会・交流会LT_糟谷さん資料
 
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
 
ハッカソンで使い勝手の良さそうな Microsoft の AI 系のサービス紹介
ハッカソンで使い勝手の良さそうな  Microsoft の AI 系のサービス紹介ハッカソンで使い勝手の良さそうな  Microsoft の AI 系のサービス紹介
ハッカソンで使い勝手の良さそうな Microsoft の AI 系のサービス紹介
 
BPStudy#101発表資料
BPStudy#101発表資料BPStudy#101発表資料
BPStudy#101発表資料
 
EMS勉強会_発表資料_Android管理の色々
EMS勉強会_発表資料_Android管理の色々EMS勉強会_発表資料_Android管理の色々
EMS勉強会_発表資料_Android管理の色々
 
Androidが起こしたオープン・イノベーション
Androidが起こしたオープン・イノベーションAndroidが起こしたオープン・イノベーション
Androidが起こしたオープン・イノベーション
 

Chrome extension「awesome screenshot」 bug

  • 1. http://all.jp/ Chrome extension「Awesome Screenshot」のバグ対応について 株式会社アレグロマジック 山本 真琴 お仕事のご相談はこちら→myamamoto@all.jp 大阪:〒541-0058 大阪市中央区南久宝寺町2-6-7 SO-TEN BUILDING 5F TEL:06-6281-9191/FAX:06-6281-9192 東京:〒150-0011 東京都渋谷区東3-25-11 TANGO33ビル 4F TEL:03-5860-8426 URL:http://all.jp/ プライバシーマーク登録番号 第20001726(01)号
  • 2. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ 001 「Awesome Screenshot」とは 「Awesome Screenshot」ってなによ? 「Awesome Screenshot」はChromeやFirefoxやSafariなどに提供されている、WEBページのキャプチャソフトです。 大体ざっくりと以下のキャプチャができます。 ・今ブラウザで開いて見えてる箇所だけキャプチャ ・指定した範囲のみキャプチャ ・スクロールで見えない箇所も全てキャプチャ 標準的ですね! それだけだったら他の拡張機能にもありますし、「 Awesome Screenshot 」にこだわる必要はないのですが。。。 それだけではないんです! 「 Awesome Screenshot 」はキャプチャ後に文字を書いたり、線が引けたりで、WEBの仕事をしている際に、画面を キャプチャして説明を書いて~・・・・などなどの作業が 非常に効率的になります。 つまり書類仕事などの工数短縮ができます!ステキ!!(>▽<) 詳しくは以下説明動画を御覧ください。 ○機能説明動画: http://youtu.be/MUVfhSg7-yE
  • 3. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ 002 発生した問題点 問題点 今回はChromeの拡張機能の「Awesome Screenshot」についてです。 わたしが確認したのがChromeだけだからです。 Firefoxなどの他ブラウザでは確認していませんのでChrome extensionと指定しています。 ※また、このスライドで紹介する解決方法はChrome独自のものです。 キャプチャした画像を確認する画面が下の画像のようにバグってる!!!! ※ちなみに、正常に書き出せるかはチェックしてません。
  • 4. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ 003 原因について 解決方法について 原因について 解決方法について 原因なんか知りません。Chromeのアップデートがあったのでそこが原因かも? その1: まず、拡張機能の一覧で「デベロッパーモード」にチェックを入れて下さい。 その2: IDを確認しましょう! ※IDの確認が終わったら「デベロッパーモード」のチェックは元に戻して下さい。
  • 5. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ 004 解決方法について その3: 以下のディレクトリを開いて下さい。 「C:Usersユーザ名AppDataLocalGoogleChromeUser DataDefaultExtensionsデベロッパーモードで調べた ID3.4.4_0javascripts」 その4: 「bg.js」をエディタで開いて下さい。
  • 6. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ 004 解決方法について その5: 「format:」で検索をします。 150行目と192行目に「format:’png’」と書かれた箇所があります。 どちらも「format:’jpeg’」と書き換えましょう。 ※行数が違う?違った場合は適当に検索してヒットしたところを書き換えて試してみて下さい。それで直らないなら元に戻してアップデートを待ちましょう。
  • 7. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ 004 解決方法について その6: 最後に、Chromeを再起動したら完了です。 簡単ですね!
  • 8. Chrome extension「Awesome Screenshot」のバグ対応について http://all.jp/ このような手抜きスライドを最後まで見ていただきありがとうございました。 m(_ _)m 株式会社アレグロマジック 山本 真琴 お仕事のご相談はこちら→ myamamoto@all.jp 大阪:〒541-0058 大阪市中央区南久宝寺町2-6-7 SO-TEN BUILDING 5F TEL:06-6281-9191/FAX:06-6281-9192 東京:〒150-0011 東京都渋谷区東3-25-11 TANGO33ビル 4F TEL:03-5860-8426 URL:http://all.jp/ プライバシーマーク登録番号 第20001726(01)号