Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ
先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Computed」を選択 「Computed」には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。
ついに日本でもIEが過半数割れに、世界はすでにChromeが寡占 (1/2)
『そういえば、あの業界のシェアは結局どこが一番多いんだっけ……？』 そんな疑問を抱いたことがあるすべてのビジネスマンに捧ぐ連載。仕事でも利用できる業界ランキングや業界地図を私、高橋暁子が手っ取り早く紹介します。＜連載目次＞ Chromeはすでに過半数越え 皆さんは、パソコンなどでブラウザーは何を利用しているだろうか。ブラウザーは1991年に生まれて以来激しいシェア争いが続いており、「ブラウザー戦争」などとも呼ばれている。世界、日本におけるブラウザーのシェア、バージョンごとのシェアを見ていこう。 StatCounterによる、世界のデスクトップPCにおけるブラウザーシェアを見ていこう。それによると、2008年7月は、1995年に登場して以来市場を席巻していたInternetExplorer（IE）のシェアが約68.57％でトップ。続いてFirefoxの26.14％などとなっていた。 ところが
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Chromeの新エンジンBlink ― なぜなに篇 - fragmentary
4月3日、GoogleがChromeに使っていたWebKitをフォークした新しいエンジンBlinkを発表した。 …だいぶ出遅れたのでとても書きづらいけれど、自分の理解のために書く。ただいろいろあるので、まずはWebKitをフォークするに至った経緯と、Blinkの概要について。 追記 (2013-04-30)：別途ふたつエントリを書いたのでそちらもどうぞ。 Chromeの新エンジンBlink ― Webプラットフォーム篇 Chromeの新エンジンBlink ― どうなるんだろう篇 “Chromium port”としての負担 アナウンスしたAdam Barth曰く、Chrome開発時点でのWebKit採用は正しく、WebKitも大きく成長したと。 Chromium Blog: Blink: A rendering engine for the Chromium project ただ、開発を続け
Shumpei Shiraishi's Weblog: Web開発を革命する（かも知れない）Web Componentsという仕様について
2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome（WebKit）がWeb Components（の一部）を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Chrome、V8エンジンに新アルゴリズムを導入
Google Chrome runs web pages and applications with lightning speed. Googleは、ChromeのDevチャンネルおよびBetaチャンネルのV8エンジンに、関数の最適化に関する新しいアルゴリズムを導入したと発表した。サイズの小さいJavaScriptコードのパフォーマンスが向上しており、SunSpiderベンチマークで安定版とベータ版を比較テストしたところ、25%も高速になったとしている。 V8エンジンはJavaScriptをコンパイルする際に、まずベースコンパイラを使用してコードをあまり最適化せずにマシンコードにコンパイルし、次に、繰り返し実行される部分に対して最適化コンパイラを使用している。この最適化コンパイルに時間がかかっており、本当に最適化が必要かどうかを判断する必要があった。 これまでのV8では、実行している関数
Chrome ウェブストア - FireMobileSimulator for Google Chrome™
携帯端末・スマートフォンの動作をシミュレートする拡張機能です。
Chrome開発版がWebRTCを実装 - JavaScriptからカメラやマイクが利用可能に
Google Chrome runs web pages and applications with lightning speed. Google Chromeの開発版にWebRTC実装が追加された。最新の仕様に比べると多少古い仕様が実装されているが、手軽に利用できるブラウザが登場したことは注目に値する。ChromeへのWebRTC実装の取り込みは、2011年6月に開始されていたが、半年の期間を経て最初のマイルストーンに到達したことになる。 WebRTCは、音声データや動画データのリアルタイム通信を可能にする機能。JavaScript APIとして提供されるほか、audio/videoなどのHTML5要素と絡めての使用が可能になる。WebRTCの機能を使うことで、JavaScript/HTML5からデバイスに接続されたマイクやビデオカメラにアクセスしてデータの取得が可能になるほか、特定の
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
Skin your Chrome Inspector
Ever want to change the look of your Google Chrome Web Inspector? I personally love being able to customize the “theme” or “brush” of my favorite IDE and my Web Inspector is no different. If you’ve ever done some snooping around Google Chrome’s Web Inspector you may have noticed that it’s made of straight HTML + CSS + JavaScript. My buddy Paul Irish was the one to show me how you can “inspect” the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“ニコニ立体”で外部プラグインの導入が不要のWebGL版プレイヤーが提供開始
Google Chrome Developer Tools入門 in DevFestX Sapporo