Awesome Screenshot: キャプチャーと注釈 - Google Chrome 拡張機能ギャラリー
() - ユーザー数: 148,902 - 先週のインストール件数: 26,867 " 1. ワンクリック・スクリーンショット 欲しい部分をどこでもキャプチャーできます。 2. スクリーンショットに四角形、楕円、矢印、線、テキストで注釈を付けられます。 3. 情報を編集したり隠したりするために消しゴムが使えます。 4. 共有のためのアップロード機能 【1.2.0よりの新機能】 5. 性能の向上 【1.2.1よりの新機能】 6. 画像品質の向上 【1.2.2よりの新機能】 7. 切り抜きとスクロール 【1.2.2よりの新機能】 8. 切り抜きエリアの寸法表示 【1.2.2よりの新機能】 9. よりたくさんの機能追加の予定 もしよろしければ、5つ星評価（下の方を参照ください）をつけてください。そして、友達に紹介してください。また、ご要望がございましたら【screenshot@diigo.com
Chromeをもう一段階パワーアップ! Chrome Toolboxで遊ぼう!! - 週アスPLUS
Chromeには、グーグル公認のパワーアップキット『Chrome Toolbox』があるのをご存じだろうか？ この拡張機能をインストールすると、Chromeに拡大鏡や画像保存などがセットになった【フローティングツールバー】と細かなタブコントロール機能、一気にブックマークを開ける【Quick Launch】、フォームに入力したデータを保存、再利用する【Form data】などの機能が追加される。 今までこれらの機能を実現するためには、複数の拡張機能をインストールしなければならなかった。だが、『Chrome Toolbox』をインストールすればこれ1本で済むので、管理や設定も非常に楽だ。 ■インストール グーグル『Chrome』のウェブサイトにアクセス。サイト上で『Chrome Toolbox』を検索して、ダウンロードサイトに進もう。
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
Webアプリを公開しよう！ Chrome Web Store／Apps入門 記事一覧 | gihyo.jp
第7回Webアプリを作ろう#4──Omnibox、Context Menus 吉川徹 2011-07-11
Google Chrome Developer Tools - Google Code
Getting started Read the overview Watch our videos Read our blog posts Featured Video What is Chrome Developer Tools? The Google Chrome Developer Tools provide an integrated environment for debugging, optimizing, and understanding a web application, or website, running in Google Chrome. The developer tools are developed partly through the WebKit open source project, where the tools are called Web
Google Chrome まとめWiki
2018-02-22 起動オプション2017-07-29 テーマ/作り方2016-12-15 雑記2016-10-24 キーボード ショートカット2016-09-18 FrontPage/コメントログ2015-06-29 起動オプション/コメントログ2015-04-20 テーマ2014-11-11 コメントページ2014-10-19 FAQ2014-10-05 エクステンション Google Chrome まとめWiki Google制作のWebブラウザ「Google Chrome」の非公式まとめWikiです。 「Google Chrome」のダウンロードページ アップデート情報 Google Chrome Releases - Announcements and release notes for the Google Chrome browser 現行スレッド 2ch検索: [boar
Chromeの「秘密の設定」はMacユーザーなら癖になる！ | ライフハッカー・ジャパン
皆さん、最近リリースされたGoogle Chrome 8は、アップデート済みでしょうか？ Chrome 8では、PDFビューアーが内蔵されており、安全に速く表示できるので、非常に快適です。「それ程変わりはないでしょー」と考えている方は、試しにPDFへのリンクをクリックしてみてください。ビューアーが起動するまでのイライラが軽減されていますよ。 ところで、Chromeのアドレスバーに「chrome://flags/」と入力すると、秘密の設定が表示されるのはご存じでしょうか？ 秘密の機能は、実験的に実装されたものですが、新しい機能を試すことが可能です。Mac（特にノート型）でChromeをお使いの方であれば、必ず気に入るであろう機能があるので、ご紹介します。 続きは、以下で。 実装されている機能は、クロスサイトスプリンティング検知機能や、アドレスバーに検索キーワードを入力した先から検索していくイ
第3回 ウェブサイトの最適化 | gihyo.jp
こんにちは、太田です。今回はtimelineパネルとAuditsパネルの使い方について解説していきます。 Timelineパネル Timelineパネルはウェブページの読み込みから表示までにかかった処理時間を詳細に解析できるツールです。 クロスブラウザJavaScript入門の第13回で作成したTwitter検索アプリを使って解析してみます。Twitterの検索APIを呼び出して検索結果を表示するシンプルな検索クライアントです。 まずはデベロッパーツールのTimelineパネルを開きます。 左下にある黒丸をクリックすると解析が始まります。F5などでページをリロードし、読み込みが完了したらもう一度ボタンをクリックすると解析が終了します。解析結果は次のとおりです。 まず、大本のHTMLの読み込み、その次にjson2.jsを読み込み、並行してHTMLのパース処理は終わらせ、json2.jsを読み
第2回 JavaScriptのデバッグとチューニング | gihyo.jp
使用頻度が高いのはデベロッパーツールを起動するCtrl+Shift+I（もしくはCtrl+Shift+J）と、コンソールを開閉するESC、コンソールでは補完候補を選択するtabなどが挙げられます。 例えば、長くて間違えやすいencodeURIComponentのスペルは、Ctrl+Shift+Jでデベロッパーツールを起動してコンソールを開き（コンソールが開かなかった場合はESC）、eだけ打ってtabキーを2回押せば encodeURIComponent が補完されるので、スペルを簡単にコピーできます。 JavaScriptデバッガの活用 前回はブレークポイントの設置方法を紹介しましたが、もう一歩進んだ条件付きブレークポイントの設置方法を紹介します。 まず、通常のブレークポイントを設置します。 この青くハイライトされた行番号の上で右クリックすると次のようなメニューが表示されます。 ここで
第1回 詳説：デベロッパーツールの使い方 | gihyo.jp
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
Chrome Omniboxでの検索 - Nothing ventured, nothing gained.
知られていると思ったら、そうでも無かったので、ここで紹介しておこう。 Omnibox Google Chromeでは専用の検索バーを用意する代わりに、通常のブラウザではURLを入力するアドレスバーを用いてさまざまな検索を行うことが出来る。この多機能アドレスバーのことをOmniboxと呼ぶ。 通常のURLの入力、Web検索、履歴の検索、ブックマークの検索などが行える*1。 検索エンジンの追加/変更 Web検索は、Chromeの設定メニュー（レンチ型のアイコン）のオプションにある［基本設定］タブで［既定の検索エンジン］から［管理］ボタンをクリックし表示される［既定の検索オプション］で設定されている検索エンジンでの検索結果を得る。 この［既定の検索エンジン］のUIを見ていると気づくかもしれないが、使っているうちに自然といくつもの検索エンジンが［その他の検索エンジン］として追加されている。 これは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
緊急地震速報 by Extension
Chrome Web Store - Apps, Extensions and Themes