第4回 ウェブ開発を助ける拡張やノウハウ | gihyo.jp
デベロッパーツールの機能が基準となっている面も少なからずありますが、間違いなくデベロッパーツール・Web インスペクタは開発者向けツールの中で最も多機能な開発者向けツールといえます。 ただし、FirefoxのFirebugについてはAdd-onと連携することで機能を追加できるため、総合的にはFirefoxに一日の長があります。なお、Firebug用のAdd-onはFirebug Extensions - FirebugWikiなどから見つけることができます。 デバッグ時の注意点・ノウハウ 起動オプションの指定 Chromeではオプション項目にない設定を起動オプションで指定するという方針を取っています。起動オプションで指定するオプションでは、試験的に導入されている機能を試したり、特定の機能を無効にしたりすることができます。 まず、アドレスバー（OmniBox）に about: とだけ入力して
Web Developer - Google Chrome 拡張機能ギャラリー
Adds a toolbar button with various web developer tools. The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox. -------------------- The best place for support is not in the reviews section below, but on the Web Developer site in the help: https://chrispederick.com/work/web-developer/he
第1回 詳説：デベロッパーツールの使い方 | gihyo.jp
こんにちは、Google Chrome ExtensionsのAPI ExpertとChromium-Extensions-Japan管理人を担当している、太田と申します。いつもはクロスブラウザで連載していますが、今回はGoogle Chromeのデベロッパーツールについて紹介します。 昨今のJavaScript、HTML、CSSブームの背景には、開発環境、特にFirebugに代表されるようなデバッグツールの目覚しい発展が大きく貢献していると思われます。その反面、高機能化するデバッグツールの各種機能を使いこなすことが難しくなってきているという現実もあります。そこで、今回から全4回でGoogle Chromeに搭載されているデベロッパーツールの使い方とそれを利用したデバッグ・チューニングのノウハウをお届けしたいと思います。第1回はデベロッパーツールの機能紹介と基本的な使い方を解説します。 な
HTML5で作った、DaVinciPadというWebサービスをリリースしました。 - IT-Walker on hatena
この間のHTML5とか勉強会で、先行して発表しましたが、先日DaVinciPadというWebサービスをリリースしました。 3月に起業したということもあって、初の自社製品と言うことになります！（感涙） 自分では、ちょっぴりユニークで、結構便利なサービスじゃないかと思っています。 次のような人たちにオススメです。 TwitterやFacebookと言った複数のWebサービスを使い分けている人 さくっとメモをとるための良いWebサービスがないなー、と感じている人 テキストベースの作業に慣れ親しんでいる開発者 DaVinciPadは、プライベートなメモ機能と、TwitterやFacebookへのマルチポスト機能を統合した、シンプルなWebサービスです。 現在のところGoogle Chrome Extensionによるクライアントのみが公開されています。 拡張機能をインストールしてさえあれば、気が向
Google、「Chrome」安定版のリリース・ペースを加速 - 現在の2倍に | パソコン | マイコミジャーナル
米GoogleのプログラムマネージャーAnthony Laforge氏が22日(米国時間)に、Webブラウザ「Chrome」の安定版のリリース・ペースを加速させる計画を明らかにした。現在の倍のペースに相当する6週間ごとの新しい安定版リリースを目標に、今後数カ月をかけて新しいリリースプロセスをロールアウトしていくという。 サイクルタイムの短縮について、Laforge氏は3つの狙いを挙げている。 まず、これまでよりも早くエンドユーザーが新機能を体験できるようにする。開発段階の機能を積極的に投入するという意味ではない。これまで同様に安定版においては安定動作や品質を最優先する。ただ現在のリリース・ペースでは、開発が完了したいくつかの新機能が安定版のバージョンアップを待ち続ける状態にあった。リリースの頻度が増えれば、各アップグレードに含まれる新機能の数は減少することになるが、準備が整った機能がすぐに
Chrome の vimperator 的な拡張 - 理系学生日記
Firefox が起動しなくなり、Chrome に移行したのですが、最も困ったことが「vimperator 的な拡張機能が少ない」ということでした。vimperator の移動に慣れてしまうと、ホームポジションから手を移動させるのすら面倒になります。 それで真っ先に vimperator に相当する拡張機能を探しに行ったのですが、下記エントリで 3 つの拡張が紹介されています。 はてなブログ vrome vlmlum vlmlike-smooziee ぼくはこの 3 つを試してみて、結局 vlmlum に落ち着きました。その選択基準の最上位にあったのが、vimize されたキーの無効化です。 vimperator も、あるいはこの 3 つの拡張も、目的はいかに便利に(省力して)ブラウジングを行えるかが問題で、その問題に対してこれらの拡張が出した解が「vi のようなキーバインディング」だった
User Scripts
Chromium and Google Chrome (version 4 and higher) have built-in support for Greasemonkey-style user scripts. To use, click on any .user.js file. You should see an install dialog. Press OK to install. Known issues: Chromium does not support @require, @resource, unsafeWindow, GM_registerMenuCommand, GM_setValue, or GM_getValue. GM_xmlhttpRequest is same-origin only. Match Patterns The preferred way
LDRですべての外部リンクをバックグラウンドタブで開くUserScripts - os0x.blog
Greasemonkeyでも動くようにしましたが、一応Google Chrome用です。 LDR open in background tab for Greasemonkey Greasemonkeyでピンの数が減らないバグを修正 Operaで「ポップアップをバックグラウンドで開く」に設定した場合と同じ動作になっているはずです。 仕組みとしては、nativeのwindow.openを上書きして、a要素を作ってミドルクリックのイベントを投げる方式です。将来的に動かなくなる可能性が高い、グレーなテクニックです。 window.open = function(url,name){ var a = document.createElement('a'); a.href = url; if (name) a.target = name; var event = document.createEve
Google Chrome 5の新機能とChrome 6の計画 | gihyo.jp
Google Chrome 5のリリースが刻一刻と迫ってきました。その注目の新機能と開発者向けの変更点に加え、Chrome 6を見据えた今後のスケジュールなどを詳細にお届けしたいと思います。 まず、Chrome 5の最大ニュースはなんといってもMac版、Linux版がそれぞれ正式にリリースされる予定という点です。これまで、Mac版とLinux版はベータ版と開発版が提供されていましたが、ついに安定版がリリースされる予定です。特にMac版はMac OS Xに馴染むようにかなりの改良が加えられているので、注目のリリースとなりそうです。 さて、これまでのリリースを簡単に振り返ってみます。シンプルで高速なブラウザとしてChromeがリリースされてから、Chrome 2では基本機能の充実と高速化、Chrome 3ではテーマのサポート、Chrome 4では拡張機能のサポートとブックマーク同期、Chrom
今さらだけどChromeのTabキーによる検索が凄く便利だということに気がついた。
既出すぎる話で恐縮だが、役立つと思うのでエントリにしてみる。 Chromeはアドレスバーのところに適当な単語を入れてENTERを押すと、デフォルトの検索エンジンを使ってキーワード検索をするようになっている。デフォルトの検索エンジンはもちろんGoogleだ。Google検索だけでも十二分に便利なのだけど、検索エンジンをカスタマイズして必要に応じて切り換えると、もっともっと便利になってしまうからこれを使わないのは損である。Tabキー検索を使いこなせば、必要な情報にたどり着くまでの時間が大幅に短縮されることだろう。 まず、デフォルトで登録されている他の検索エンジンに切り換える方法を説明する。例えば、Bingを使って検索するには、アドレスバーにフォーカスがある状態で「bing.com」と入力し、<Tab>を押す。すると、次の図のようにBingが検索エンジンとして使われるようになる。 この状態で検索
第8回 Google Chrome拡張とHTML5 #2 | gihyo.jp
こんにちは、太田です。今回はGoogle Chrome拡張に使えるHTML5関連技術の2回目をお送りします。 前回はcanvas、ドラッグ・アンド・ドロップを取り上げましたが、今回はHTML5周辺の技術として、ECMAScript 5やCSS3の先行実装を取り上げます。ECMAScript 5は昨年末（2009年12月）にリリースされたばかりですが、WebKit・Chromiumでは早速（実際にはかなり先行して）その実装が進められています。またCSS3についても、多くのモジュールがWorking Draft（草案）の段階ですが、WebKitでは先行実装がされており、Chrome拡張ではその機能を存分に試すことができます。前回も書きましたが、Chrome拡張はそういった最新技術を試すのに格好のプラットフォームです。 Chrome拡張で使えるECMAScript 5 Google Chrome
はてなブックマーク GoogleChrome 拡張 - Google Chrome 拡張機能ギャラリー
Hatena Bookmark Google Chrome extension 日本最大規模のソーシャルブックマーク、はてなブックマーク ( http://b.hatena.ne.jp/ )を Google Chrome でより便利に使える、はてなオフィシャルの拡張です。 はてなブックマーク GoogleChrome 拡張では、以下の機能をご利用いただけます。 - 見ているページの評判(ブックマーク数)を、ツールバー上に表示 - コメントビューワーで、閲覧ページのはてなブックマークコメントを閲覧 - 素早くはてなブックマークに閲覧ページを追加 - 自分のブックマークからの高速な検索 - Google の検索結果等、対応ページのリンクにブックマークのユーザー数を表示 (ツールバーのはてなブックマークボタンを右クリックして「オプション」から各機能をご利用になられるか設定できます。) 詳しい機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Web Developer Tools - Chrome Web Store
https://jp.techcrunch.com/2010/08/18/20100817chrome-web-store-2/
0xfe - Desktop Notification Demo
https://jp.techcrunch.com/2010/01/08/20100106chrome-for-mac-extensions-sync/
GoogleがWebの問題児Internet Explorer対策を発表: IEをChromeにしてしまう
https://jp.techcrunch.com/2009/07/08/20090707google-drops-a-nuclear-bomb-on-microsoft-and-its-made-of-chrome/