グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
便利な人には便利なChromeの拡張機能 33＋1コ | gaspanik weblog
皆さんの普段使いのWebブラウザはなんですか？ ここ最近のボクはといえば、GoogleさんのChromeをメインブラウザとして使っています。Chromeも公開されているアプリや拡張機能を追加して、自分なりのブラウジング環境を作れます。そのまま使うか、拡張機能でカスタマイズするかはあなた次第です。 そんなわけで、今日は数多ある拡張機能の中からボクが選んだ入れておくと便利かもしれない拡張機能を33＋1コ集めてみました。前半は多くの人を対象に日常のブラウジング体験を快適にするもの、後半はWebサイトの開発系でちょっと役立つものといった感じでジャンル分けしてお届けします。ま、あくまでもボクが普段使ってるものベースですが…、キャプチャ中の★やユーザー数も参考に。 いくら拡張機能が便利だって言っても、入れすぎたらそれは重くなるだけですからね。適当に取捨選択して入れるなり、使う時だけオンにするなりしまし
gadget-or-gimmick
ถ้าไม่มีอะไรอย่างอื่น สล็อต ต้องขอบคุณ Naraka Bladepoint ที่เป็นหนึ่งในไม่กี่ชื่อ Battle Royale ที่การถูกยิงโดยใครบางคนที่ สล็อต...
Mac Explorer｜ Vimium - vimのようなキーボード操作だけで使えるようにする Google Chromeエクステンション
Google Chrome にvimライクなキーバインド操作機能を追加するエクステンション。 FirefoxのVimperatorのようなことをChromeでも、というと他にも拡張はあるのですが、できることと使い勝手を考えると自分はこれが今のところ最適解かと思います。 使い方を覚えればマウス要らずでWebブラウズが可能。もちろんvimユーザーやVimperatorユーザーにとってもすんなり使えるエクステンションです。 ダウンロードページ 覚えておきたい基本コマンド。大文字は⇧shiftキーと合わせての入力になります。 j,k - ページ内のスクロール ⌃control + u, ⌃control + d - ページ内のアップ・ダウン移動。 G - ページ内最下部へ移動 gg - ページ内最上部へ移動 L,H - 履歴を進む、戻る r - ページの再読み込み J,K - フォーカスするタブの
Chromeのタブを強化するエクステンション10 | エンタープライズ | マイコミジャーナル
Make Tech Easier - Uncomplicating the complicated, making life easier 10 Useful Chrome Extensions For Efficient Tabs Management - Make Tech EasierにおいてChromeのタブ機能を拡張するための10のエクステンションが紹介されている。Mozillaの実施した調査によればユーザの平気的なブラウザタブの数は10前後。最大で20ほどだ。 デフォルトの機能だけでも利用はできるが、このタブをもっと便利に活用するためのブラウザエクステンションはすでに数多くリリースされている。10 Useful Chrome Extensions For Efficient Tabs Managementで紹介されているChromeエクステンションは次のとおり。 1. TooM
YouTube人気急上昇
【ゆっくり解説】マグニチュード9.5！？地球の裏側にまで被害を及ぼした観測史上世界最大の地震…「チリ地震（1960年）」
YouTube人気急上昇
【ゆっくり解説】本番直前で体重8kgオーバー！？機体を修正するも翼が折れて後遺症が残る大怪我に…「第31回鳥人間コンテストの事故」
日本のGoogle 社員が選んだ Chrome エクステンションのご紹介
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
第1回 詳説：デベロッパーツールの使い方 | gihyo.jp
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
第2回 JavaScriptのデバッグとチューニング | gihyo.jp
使用頻度が高いのはデベロッパーツールを起動するCtrl+Shift+I（もしくはCtrl+Shift+J）と、コンソールを開閉するESC、コンソールでは補完候補を選択するtabなどが挙げられます。 例えば、長くて間違えやすいencodeURIComponentのスペルは、Ctrl+Shift+Jでデベロッパーツールを起動してコンソールを開き（コンソールが開かなかった場合はESC）、eだけ打ってtabキーを2回押せば encodeURIComponent が補完されるので、スペルを簡単にコピーできます。 JavaScriptデバッガの活用 前回はブレークポイントの設置方法を紹介しましたが、もう一歩進んだ条件付きブレークポイントの設置方法を紹介します。 まず、通常のブレークポイントを設置します。 この青くハイライトされた行番号の上で右クリックすると次のようなメニューが表示されます。 ここで
GoogleChrome拡張作成してみた - ドナドナごとごと
ChromeのextensionはJSON、HTML、JSのみで書けるので比較的簡単に作成することができます。 Chromeの拡張を作成するためにはWindowsであればdev版が必要なため http://www.google.com/chrome/intl/en/eula_dev.html からdev版をDLしてきましょう。 今回作成するのは右上のアイコンをクリックするとサイトの名前の一覧がポップアップで表示されクリックするとそのサイトを新しいページで開く、という拡張です。サイトの名前とURLはオプションから登録します。 とりあえず適当な場所にフォルダを作成します。私は\マイドキュメント\chrome_extension\sampleとしました。sampleが今回の拡張を作成するフォルダになります。 右上に表示するタイプの拡張で作成しなければならないファイルは manifest.json
Google chrome extension(拡張機能)を開発してみた | スマートネットワーク 開発ブログ
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン！」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome（BETA） 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
ChromeのExtentionの作り方 - kawa1128の日記
ChromeのExtentionで、Firefoxのadd-on的なものを作れます。 GoogleToolbarに、英辞朗と、Wikipediaのボタンをつけていて、便利に使っていたけれど、Chromeに乗り換えて、なくなってしまったので、その代替を作成してみることにした。 Chromeにも、GoogleToolBarを出してくれればいいのに。 今回は、manifets.jsonの説明。 ほぼ、http://code.google.com/chrome/extensions/manifest.htmlの翻訳 必須項目 name Extentionの名前。45文字以内。 version ドット（.）で区切られた、0〜4ケタの数字。0で始まってはいけない。それぞれの桁は、0〜65535。 お勧め（Recomend） description Extentionの説明。132文字以内。プレーンテキ
指定した画像と似ている画像を検索してくれるChrome拡張機能「TinEye Reverse Image Search」 | ライフハッカー・ジャパン
指定した画像と似ている画像を、ウェブ上から探し出してくれるサイトに「TinEye」があります。このサイトを、Chrome拡張機能にしたのが「TinEye Reverse Image Search」です。 現在見ているウェブページに載っている画像を一覧表示し、そこから指定した画像を TinEye に送ってくれますよ。 以下に使ってみた様子を載せておきます。 まず、TinEye Reverse Image Search にアクセスして、拡張機能をインストールします。 インストール後、Chrome右上の拡張機能バーに、新しくアイコンが追加されます。アイコンをクリックすると、そのページに載っている画像一覧を表示してくれます。 似ている画像を探したいときは、その画像をクリックします。 すると、このように TinEye の検索結果を表示してくれます。精度もなかなか良いですし、マウスでぽんぽんっと使える
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの制作・検証に役立つChromeの機能拡張のまとめ
http://blog.monoweb.info/archives/1242
vimlike-smooziee - Project Hosting on Google Code
Chrome Extensions API リファレンス
Loading...