Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
ウェブ執筆者におすすめのGoogle Chrome拡張機能＋ウェブアプリ厳選33個まとめ|ガジェット通信 GetNews
ウェブで執筆を行うすべての人たちへ ウェブを活用しながら執筆をおこなう『ウェブライター』の人にとって便利なChrome拡張機能をまとめてみました。Google Chromebookの発売も近くなり、Chrome OSだけでどう仕事をこなすか真剣に検討をはじめている人もいることでしょう（まだ気がはやいですか？）。作業環境をすべてブラウザ上に移行するという勇者はまだ少ないかもしれないけど、Googleの急速なウェブアプリへのシフトにより、ウェブで執筆をおこなっている人たちにとって便利な環境が整いつつあるのは確かで、全部ブラウザとはいわないものの、ある程度ブラウザ上で作業ができるようにしておくことで作業効率を上げることができる時代に入った、とは言えるでしょう。 というわけで、ウェブで執筆をおこなう人にとって便利なChrome拡張をまとめてみたので、活用してください。実はこれ、記者が自分用にメモし
「はてブ」アプリ開発裏話も。はてなスタッフのオススメ Chrome ウェブアプリ 15選 - はてなニュース
5月16日、Chrome ウェブストアの日本版がスタートしました。ウェブストアには、Googleが開発したWebブラウザ「Google Chrome」に“インストール”する形式のウェブアプリが大量にそろっています。新しいもの好きのはてなスタッフ3人は早速、仕事に使えそうなアプリから暇つぶし用のゲームアプリまで、いろいろなアプリを試してみたようです。3人でオススメアプリを持ち寄り、座談会を開催しました。 （※この記事は、グーグル提供によるPR記事です） Chrome ウェブストア - アプリケーション、拡張機能、テーマ Chrome ウェブストア日本版スタート！ はてブディレクターがGoogleに聞いてみた - はてなブックマークニュース ——司会の深山です。皆さん、本日はお時間ありがとうございます。まずは軽く自己紹介をお願いします。 id:chris0043（くりす）とid:chira_r
触れる価値あり。Google Chromeをプログラミングエディタ化する·SourceKit MOONGIFT
SourceKitはGoogle Chrome内で動作するテキストエディタ。Dropbox APIを使っている。 SourceKitはGoogle Chrome向けのフリーウェア（ソースコードは公開されている）。なかなかWebアプリケーション化しないものの筆頭として考えられてきたのがテキストエディタだ。特にプログラマ向けのエディタになると手になじんでいるかどうかの問題が大きく、なかなか本格化しなかった。 まさにエディタ 確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 SourceKitはGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選
Chromeの小技＆裏ワザまとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Google Chrome版Firebug：デベロッパーツール取扱説明書 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
ログインしてください：日経クロステック（xTECH）
会員限定サービスです 月額プランが10月末まで無料 お申し込み 会員の方はこちら ログイン 日経クロステック TOPページ
ログインしてください：日経クロステック（xTECH）
会員限定サービスです 会員の方はこちら ログイン 有料会員（月額プラン）は初月無料！ お申し込み 日経クロステック TOPページ
Google Chromeを使ってみた――「かくあるべき」ブラウザの姿
Googleのブラウザ「Google Chrome」をちょっと試してみたが、これまで見た中で最も印象的な新ブラウザかもしれない。 本日、新たなプレイヤーがブラウザ戦争に加わった。これはMicrosoftがNetscapeと戦う決意をした日以来、ブラウザ分野における最大の変化だ。Google Chromeβ版立ち上げという意外な動きで、Googleは既に今のブラウザの展望を変えてしまった。さらに同社はWebの未来を変えられるかもしれない態勢にある。 話を進める前に、わたしがGoogleの新ブラウザを数時間しか使っていないことを明記しておきたい。継続して使えば、Chromeに対するわたしの見方を変えるような問題が出てくるかもしれない。 だが今のところ、短時間のテストでは、Chromeはこれまで見た中で最も印象的な新ブラウザかもしれない。β版ならではの問題もまだ幾つかあるが、使ってみたところでは
「V8」エンジンに込めた高速化の願い、Google Chromeの狙いとは
グーグルは9月3日、日本時間で同日未明に公開したWebブラウザ「Google Chrome」のβ版に関する記者説明会を開催。米Googleのエンジニアリングディレクター、ライナス・アプソン氏がテレビ会議を通じて開発の経緯を説明した。 Google ChromeはオープンソースのWebブラウザとして、世界100カ国以上で同時公開された。アプソン氏は、「ユーザー体験の向上と複雑化するWebアプリケーションへの対応、Web開発者の環境を改善していくことを目標にした。今回のリリースがすべてのWebブラウザ製品に良い影響を与えることを望んでいる」とコメントした。 同氏によれば、Google Chromeの開発で最重要視したのが使いやすさとパフォーマンスであり、Googleが開発を進めてきたJavaScriptエンジン「V8」とAppleが無償公開するレンダリングエンジンの「WebKit」の組み合わせ
3分LifeHacking：Google Chromeの便利な使い方、教えます (1/2) - ITmedia Biz.ID
Google Chromeの便利な使い方、教えます：3分LifeHacking（1/2 ページ） 各所で話題になっている、GoogleがリリースしたWebブラウザ「Chrome」。ショートカットキーや検索のときのちょっとしたコツなど、Chromeを便利に使えるテクニック、教えます。 Internet Explorer（IE）8 beta 2が公開されてから1週間も経たないうちに、今度はGoogleのオープンソースWebブラウザ「Chrome」のβ版が公開された。搭載された便利な機能やちょっとしたTipsを、IE 8やFirefox 3の似たような機能と比較しながら紹介しよう。 多機能ワンボックス＋［Tab］キーで、検索エンジンを切り替えて検索 Chromeはシンプルなデザインが特徴だ。使ってみた人はすぐに気付くと思うが、アドレスバーと検索バーが1つに統合されている。多機能ワンボックスと呼ば
Google Chrome初心者のためのワンポイントアドバイス
ベンチマークテストでは圧倒的な性能 各ブラウザのJavaScriptベンチマークテストを、SunSpider JavaScript BenchmarksおよびGoogleが用意している「V8 Benchmark Suite」で検証してみた。V8 Benchmark Suiteでは以下の5種類のベンチマークテストが実施可能で、スコアが高いほど優秀なブラウザであるといえる。 Richards：OSのカーネル用シミュレーションベンチマーク DeltaBlue：一方向の制約ソルバ Crypto：暗号／復号化用ベンチマーク RayTrace：レイトレーシング用ベンチマーク EarleyBoyer：Classic Schemeベンチマーク なお、筆者のPC環境は、CPUがIntel Core2 Duo E6750（2.66Ghz）、メモリ2Gバイト、OSはWindows XPで、各ブラウザとも3回試行
Google ChromeのJavascript Debuggerを試す:将来のＰＣ業界パワーバランス - CNET Japan
Chromeのタブ毎にプロセス起動することと速いJavascriptエンジンを持っていることはJavascriptのスクリプトを書く者としてはすばらしいブラウザに見えます。 前者の仕様は、先日公開したスクリプトでデバッグ中に無限ループになりそのたびにブラウザを再開していました。お陰でデバッグ中のブラウザに広げていた資料ページも一緒に落ちて困りました。Chromeならこの心配もありません(無限ループさせる方が駄目なんですけどね)。後者の能力は、誰の目にも魅力です。 但しJavascriptを動かす上でどれだけ優秀なプラットフォームでもデバッグしづらければ、開発メインブラウザに出来ません。そこでChromeのJavascript Debuggerを使用してみました。 まず、デバッグするファイルを準備しました。マチンの公式を用いて円周率を計算するjsファイルです。参考にさせていただきましたサイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.google.com/support/chrome/bin/topic.py?topic=14675