毎日Google Chromeを使っていても、まだまだ知らない機能はたくさんあります。 今回はブラウジングに焦点を当てて、便利で効率的なGoogle Chromeの隠れた機能ベスト5を紹介します。 【今日のワークハックはこんな人におすすめ！】 Google Chromeを日常的に使用している人ブラウジングの効率を上げたい人セキュリティ意識が高い人 1．iOS版ChromeのFace IDでシークレットタブをロックするGoogleは最近、iOS版Chromeの新機能として、シークレットタブをロックできるようにしました。 この機能は、Chromeのシークレットモードを使用するユーザーに対して、プライバシーとセキュリティをさらに強化するためのものです。 この機能を有効にする手順は次の通りです。 1．iPhoneでChromeアプリを開き、右上の3点アイコンをタップして「設定」メニューにアクセス。
ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。 ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。 ヘッドレス Chrome ことはじめ | Web | Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。 そこでヘッドレスChromeを用いた自動化処理をシンプルにすることに特化した便利ツール「Chromeless」を紹介します。 なお、今回実装したソースコードはGitHubで公開しています。わせ
Qoo10カテゴリのQoo10 BBIA Official_JPの新着クーポンコードの一覧を随時まとめています。 割引クーポンを見つけた日別にまとめており、記事の上にあるものが最新の割引クーポンになります。 Qoo10（キューテン）のショッ...
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
※この画像はサイトのスクリーンショットです">Googleによるサポート終了のアナウンス ※この画像はサイトのスクリーンショットです アクセス解析サービス「StatCounter」（アイルランド）によると、日本のブラウザのシェアは2010年7月1日～2011年7月1日の時点で1位が「Internet Explorer」、2位が「Firefox」、3位が「Google Chrome」となっている。そんななか、Googleは「Firefox 5 以降のバージョンではGoogleツールバーを使えなくなる」と発表。ネットユーザーの間で波紋が広がっている。 Googleは20日、「ツールバーヘルプ」にて、「Firefox 5 以降のバージョンではツールバーをご利用いただけなくなりました」という声明を発表した。Googleツールバーとは、サポート終了の理由についての説明は併記されておらず、「ページ
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 やっと捜し求めていたものに出会えた と思ったChromeのキャプチャ系のエク ステンション。いくつかあるんですが、 どれも微妙でした。で、ようやく自分の 求めていた機能を持ったエクステが 出てくれました。 Awesome Screenshotです。もう結構DLされてるんですね。人気のWebpage Screenshotが最近よくクラッシュするし、他のも微妙で困っていました。 ブロガーさんには特にオススメです。個人的に求めていたのは 軽量 操作が楽 多機能で無くていいからシンプルに ページ全体を撮れる クラッシュしない という条件だったのですが、これらは全てクリア、クラッシュはまだ分かりませんし、環境によりけりでしょうけど・・更に編集機能まで付いています。何より、動作
Hướng dẫn chi tiết cách chơi cá cược bóng đá tại DA88 giúp bạn tối đa hóa cơ hội chiến thắng.
で問題なく実現できるのだが、Safari / Chrome (ようはWebkit) だと、うまくいかない。 これで試してみてほしい。 挙動をよく見てみると、マウスのボタンを押す→全選択される→マウスのボタンを離す→選択が解除され、カーソル位置にキャレットが移動する、となる。 つまりこういうことになってるものと思われる。 Firefox / IE / Opera →マウスのボタンが押され、離れた時点で、キャレット移動→onfocusイベント実行 Safari / Chrome →マウスのボタンが押された時点でonfocusイベント、離れたらキャレット移動 じゃあ、どうすればいいかといえば、キャレット移動が終わってから選択するようにすればいい。
php-console - Google Chrome extension for displaying PHP errors/exceptions/debug messages in browser console or notification popups - Google Project Hosting PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」。 Chromeの拡張とPHPのソースコードで動かすもので、PHPのエラーを、Chromeのコンソールウィンドウや、画面内にポップアップでポコポコ出せたりします。 要はChrome用のFirePHPみたいなものです。 以下のようにエラーレベルとエラーメッセージが表示されます。 コンソールの例 ポップアップの例 この機能が使えるかどうか？はアドレスバーで確認できます。使える場合はアイコンが次のように表
東京ガールズコレクションとGoogleがタイアップ！実際にショーに出るアイテムを自由に着せ替えて、あなただけのコーディネートを楽しもう。
WordPressで投稿の際に、手持ちのテキストエディタからWPのビジュアルエディタにコピペしたところ、なんか編集時の挙動がおかしい。ソースを見たら、なぜか1行ごとに<div id=”_mcePaste”>というdivタグで囲まれてしまっていました。 えーやだー、やりづらーい。ばっちーい。 というわけでmcePasteをぐぐってみます。 WordPress Support - Copy/paste introducing loads of mcePaste code http://wordpress.org/support/topic/301680?replies=6 あ、なるほど。 わたしの場合はこの方のように隠しテキストにはなってなかったんだけども、まぁ似たような症状ですね。というわけで、Google Chromeを使ってたんですが、Firefoxに切り替えることで発生しなくなり
ウェブサイトの制作に役立つ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 各種検索エンジン
Google Chromeで使える、簡単にスクリーンショットが撮れるツールをお探しなら『Awesome Screenshot』がオススメです。 Awesome Screenshotは、ワンクリックで画面の一部でも、画面全体でも、簡単にスクリーンショットが撮れます。しかも、撮ったスクリーンショット画像を切り抜いたり、大事な部分を丸で囲んだり、下線を引いたり、矢印や注釈を入れたり、見せたくない個人情報があれば、ぼかしてみたり、色々と編集することもできます。 キャプチャー、もしくは編集したスクリーンショット画像は、自分のパソコンに保存するだけでなく、すぐに共有することもできます。共有したい画像は「Pict!」という画像共有サービスにアップロードされ、すぐにURLが発行されますので、これをメールでも、Twitterでも、Facebookでも、お好きなものに貼り付けるだけでOKです。 Awesome
Google Chromeのエクステンションを探している。 そんなときにおすすめなのが、『18 Fresh Google Chrome Extensions for Web Developers』。WebデベロッパーのためのChromeエクステンション集です。 またいろいろと増えているようですね。 Picnik スナップショットを撮って画像編集できるアプリ、「Picnik」のChrome版 CSS Reloader F9を押せばCSSだけをリロードしてくれるエクステンション。Webサーバ上のファイルでないと（ローカルファイルだと）効かない Web Developer 有名なWeb DeveloperツールのChrome版。作者はFirefox版と同じ csscan 各要素のCSSプロパティーが確認できるアドオン Chrome Editor Chromeのブラウザ内で書けるエディタ Vali
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! とにかく便利な SEO解析全部入りChrome拡張機能 「SEO Site Tools」は、SEO解析に必要な多くのデータを、一括でわかりやすく表示してくれるChrome拡張機能。 SEO評価の指標として疑問視されつつあるページランクではなく、SEOmoz のドメイン ランクをボタンに表示するのも特徴のひとつです。 「SEO Site Tools」で解析できるもの 全部書き出しているとキリがないので、画像で一気にご紹介します。 ボタンにSEOmoz のドメイン ランクを表示 ↑どうしてもGoogleのページランクで判断してしまいがちですが、デフォルトでこのような数値を表示してくれるのはありがたいですね。 基本のサイト・ページデータの表示 ↑Alexa
1 ：名無しさん＠お腹いっぱい。：10/01/03 01:20 ID:rRQ/8dav0 google chromeのエクステンション（拡張機能）について語るスレです chromeの本スレはこちら Google Chrome 20 プロセス目 http://pc12.2ch.net/test/read.cgi/software/1261054361/ 4 ：名無しさん＠お腹いっぱい。：10/01/03 13:06 ID:yHHzYWAE0 とりあえず今使ってるエクステンションを晒していこう 5 ：名無しさん＠お腹いっぱい。：10/01/03 16:02 ID:VtJqrtZf0 >>4 AutoPagerize for Chrome Chrome Gestures Drag and Go RSS Subscription Extension (by Google) SBM Counter
特集第1回では、人気ブラウザー「Firefox」ユーザー向けの拡張機能「アドオン」の中から上級者向けのアドオンを紹介した。第2回として紹介するのは、まさにその対抗勢力となる「Google Chrome」の拡張機能「エクステンション」だ。 こちらも以前、エクステンション機能のベータ版が登場して間もないころ、初めに入れておくべき入門的なエクステンションを紹介している。紹介した当時はエクステンションもまだ500本ほどだったが、正式版として提供を開始した現在、アドオンの種類は2000本を超えている。 そこで今回は前回紹介したものに加える形で新たに入れておきたい「上級エクステンション」を取り上げる。自社開発ならではの強み「Google活用」をはじめ、サイト閲覧に便利なもの、ネットサービスの使いこなしに使えるものなどを決定版として集めてみた。 もっとChromeを便利にしたい はじめに紹介するのは、ブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く