HTTPS接続の状態をチェックできるGoogle ChromeのSecurityパネル
[レベル: 上級] HTTPSの状態を検証するための「Security（セキュリティ）」パネルがGoogle Chromeのデベロッパーツールに追加されました。 Securityパネルでは、次の3項目の安全性を知ることができます。 証明書: 有効なTLS/SSL証明書が使用されているかどうか TLS接続: 安全なTLS/SSL接続が確立されているかどうか リソース: 画像やJavaScriptなどのリソースもTLS/SSLで配信されているかどうか Securityパネルのレポート具体例 SecurityパネルでHTTPSの状態がどのようにレポートされるかの具体例をいくつか見てみましょう。 まずChromeのデベロッパーツールを立ち上げます。 [Google Chromeの設定]（右上の3本バー） − [その他のツール] − [デベロッパー ツール] Ctrl + Shift + i (Wi
Google、WindowsやMacの「Chromeアプリ」終了へ、Chrome OSのみに
米Googleは8月19日(現地時間)、Windows/Mac/Linux向けのChromeアプリの提供を終了させる計画を明らかにした。段階的に縮小しながら、約1年半後にサポートを完全終了させる。Chrome OSでのサポートは継続する。 ChromeアプリはHTML5、CSS、JavaScriptで構築されたWeb技術ベースのアプリで、WebブラウザChromeやChrome OSで使用できる。パッケージ型アプリとホスト型アプリの2種類があるが、Chrome OS以外のプラットフォームではどちらも終了になる。パッケージ型は、ブラウザの外側で独立したアプリのようにふるまい、またオフライン機能に優れる。Web技術ベースのアプリの短所を埋めるようなアプリになっているが、GoogleによるとWindows/Mac/Linuxでパッケージ型アプリをアクティブに使用しているユーザーは約1％にとどまる
既存のコードの理解が捗るChrome DevToolsの使い方 - kitak blog
jQuery系ライブラリによるDOM操作が中心のプロジェクトにがっつり機能を追加する機会があった。 そのJavaScriptのコードは他の人から引き継いだコードで、一応引き継ぎ時にディレクトリ構成、設計、実装方針について共有を受けたが、それでもいざ手を入れようとすると自分自身のコードの理解が進んでおらず「えーっと...」となってしまった。 上記以外にも、長年、多くの人が触れてきたJavaScriptのコードに機能を追加する、修正するのはなかなか難しいのではないか、と思う。最初は、ちょっとしたユーザビリティの向上のために書かれたスクリプトが、気がつけば多数のDOM操作、至る所で宣言される変数、どこから実行されるか分からない関数群で無秩序に膨れ上がり、頭を抱えることになる(そうならないようにするのがウェブフロントエンジニアがいるひとつの理由ですが…)。 これらのケースでは、まずは修正、あるいは
Chrome 50 ベータ版: プッシュ通知の改良、宣言型プリロードなど
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
Chromeが方針を一転。マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を実装へ
Chromeが方針を一転。マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を実装へ マウス、タッチ、ペン入力などを統合的に扱える「Pointer Events」仕様が、Chromeブラウザでも実装される方針であることが明らかになりました（Twitterで教えていただきました）。 Chromeではタッチに対応した「Touch Events」が実装済みで、Chromeの開発チームはモバイルにフォーカスすることによるタッチの優先、追加実装による性能上の懸念などを理由としてPointer Eventsの実装は行わないという方針をすでに決定していました。 W3C、マウス、タッチ、ペン入力などを同一コードで統合的に扱える「Pointer Event」を勧告に。しかしChromeは実装しない方針 しかし3月26日付けのBlink（Chromeに採用されているレンダリ
Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
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.
ウェブのプッシュ通知、何がそんなにすごいのか？
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
Google Chrome組織導入への第一歩
連載目次 Google Chromeの社内利用における問題点 2008年12月にGoogleがGoogle Chromeの正式版を公開してから早7年半、調査会社StatCounterのデータによると、移り変わりの激しいWebブラウザー市場において、Google Chromeは2012年5月に世界一を獲得してから継続してそのシェアを伸ばし続けている。 世界のWebブラウザーシェア 調査会社StatCounterが公開している2012年1月から2014年6月の世界のWebブラウザーシェア（スマートフォン向けブラウザを含む）の遷移（2013年6月以降を抜粋／上位5位までを掲載）。Google Chromeは2012年5月に世界シェアトップを獲得して以来、継続してシェアを伸ばし続けている。（出典：http://gs.statcounter.com/#browser-ww-monthly-20120
とりあえず何でも書く
Chromeのエラー: Uncaught TypeError: Cannot read property 'tagName' of null 2014/11/07 09:27 ChromeにてWebアプリ製作中に下記のようなエラーがconsoleに出てきて、これは一体なんだろうと悩んだ。 Uncaught TypeError: Cannot read property 'tagName' of null 特に悪影響がなさそうだったのではじめは無視していたが、ページを開いておくとガンガン出てくるので調べてみたところ「javascriptをdocumentを呼び出す前に呼び出してしまっている」ことで出るエラーみたいなことらしかった。 すなわちbodyタグ内の値をJSで参照したいがまだロードされていなくてエラーみたいなことだと。 でも心当たりがない。 で、結論、Chromeの拡張機能が出している
Chromeの右上にある名前の消し方
蒼月 @aomixer Chromeの右上（閉じるボタン付近）に自分の名前が表示されるようになった・・改悪としか思えん。非表示にしたいのに設定もない。ごみすぎる。。。
フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita
はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショートカットの一覧 キーボードで出来ることはなるべくキーボードでやるけれども、マウスやトラックパッドでやったほうが速い場合は臨機応変に切替えることを心がけています。 Chrome Canaryを使う Chromeの開発者向けプレビュー版 Chrome Cana
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページを1秒以内に表示するための最新技術、そしてSEOの未来（テクニカルSEOの復権 最終回） | Moz - SEOとインバウンドマーケティングの実践情報
MacBookAir (mid 2013)のディスプレイの緑色が変です っぽ 購入して１年後くらいに、緑色が黄色っぽく表示されるようになりました。…
https://lightsaber.withgoogle.com/
https://jp.techcrunch.com/2015/06/05/20150604chrome-now-automatically-pauses-flash-content-that-isnt-central-to-a-web-page/
SSSSLIDE
Google
