Google Chromeの秘密兵器！知らなきゃ損する隠れた機能5選【今日のワークハック】 | ライフハッカー・ジャパン楽天ゴールドカードはメリットない?プレミアムカード・年会費無料楽天カードとの違いや元を取る損益分岐点はいくら?
ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar | DevelopersIO
ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。 ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。 ヘッドレス Chrome ことはじめ | Web | Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。 そこでヘッドレスChromeを用いた自動化処理
クポ速
Qoo10カテゴリのQoo10 BBIA Official_JPの新着クーポンコードの一覧を随時まとめています。 割引クーポンを見つけた日別にまとめており、記事の上にあるものが最新の割引クーポンになります。 Qoo10（キューテン）のショッ...
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
Googleツールバー Firefoxのサポート終了 | web R25
※この画像はサイトのスクリーンショットです">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が一番良かった
やっと捜し求めていたものに出会えた と思ったChromeのキャプチャ系のエク ステンション。いくつかあるんですが、 どれも微妙でした。で、ようやく自分の 求めていた機能を持ったエクステが 出てくれました。 Awesome Screenshotです。もう結構DLされてるんですね。人気のWebpage Screenshotが最近よくクラッシュするし、他のも微妙で困っていました。 ブロガーさんには特にオススメです。個人的に求めていたのは 軽量操作が楽多機能で無くていいからシンプルにページ全体を撮れるクラッシュしないという条件だったのですが、これらは全てクリア、クラッシュはまだ分かりませんし、環境によりけりでしょうけど・・更に編集機能まで付いています。何より、動作が軽いのが決め手でした。 使い方 DLするとアイコンが出ます。キャプチャを撮りたいページでアイコンをクリックすると「見えてる部分」か「全
WordPressのビジュアルエディタに、テキストエディタから文章を貼り付ける方法 | tshinobu.com
WordPressの管理画面で、EmEditorやCotEditorなどのテキストエディタから、ビジュアルエディタに文章をコピー＆ペーストすると、なぜかペーストした文章が表示されないことがあります。管理画面のHTMLエディタで本文を見ると、以下のようなタグが入っています。（Google Chrome、Safariなどで再現） <div id="_mcePaste"></div> <div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;"></div> トラブルなくペーストするには、HTMLエディタにペーストするか、ビジュアルエディタで「テキストとして貼り付け」ボタンを押してペ
Safari / Chrome でテキストエリアをフォーカス時にテキストを全選択する - 情報と音楽
で問題なく実現できるのだが、Safari / Chrome (ようはWebkit) だと、うまくいかない。 これで試してみてほしい。 挙動をよく見てみると、マウスのボタンを押す→全選択される→マウスのボタンを離す→選択が解除され、カーソル位置にキャレットが移動する、となる。 つまりこういうことになってるものと思われる。 Firefox / IE / Opera →マウスのボタンが押され、離れた時点で、キャレット移動→onfocusイベント実行 Safari / Chrome →マウスのボタンが押された時点でonfocusイベント、離れたらキャレット移動 じゃあ、どうすればいいかといえば、キャレット移動が終わってから選択するようにすればいい。
PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」:phpspot開発日誌
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みたいなものです。 以下のようにエラーレベルとエラーメッセージが表示されます。 コンソールの例 ポップアップの例 この機能が使えるかどうか？はアドレスバーで確認できます。使える場合はアイコンが次のように表
G COLLECTION | Collaboration with TOKYO GIRLS COLLECTION
東京ガールズコレクションとGoogleがタイアップ！実際にショーに出るアイテムを自由に着せ替えて、あなただけのコーディネートを楽しもう。
WordPress コピペしたら各行が<div id=”_mcePaste”>で囲まれてしまう - ウェブデザインのヒント F*stream
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の15の拡張機能
ウェブサイトの制作に役立つ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 各種検索エンジン
WebデベロッパーのためのChromeエクステンション18 – creamu
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
SEO解析データ 全部入りChrome拡張機能「SEO Site Tools」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! とにかく便利な SEO解析全部入りChrome拡張機能 「SEO Site Tools」は、SEO解析に必要な多くのデータを、一括でわかりやすく表示してくれるChrome拡張機能。 SEO評価の指標として疑問視されつつあるページランクではなく、SEOmoz のドメイン ランクをボタンに表示するのも特徴のひとつです。 「SEO Site Tools」で解析できるもの 全部書き出しているとキリがないので、画像で一気にご紹介します。 ボタンにSEOmoz のドメイン ランクを表示 ↑どうしてもGoogleのページランクで判断してしまいがちですが、デフォルトでこのような数値を表示してくれるのはありがたいですね。 基本のサイト・ページデータの表示 ↑Alexa
こんな機能ない？ Google Chrome エクステンション（拡張機能） | ライフハックちゃんねる弐式
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
これで完璧！ Chromeエクステンション決定版 (1/5)
特集第1回では、人気ブラウザー「Firefox」ユーザー向けの拡張機能「アドオン」の中から上級者向けのアドオンを紹介した。第2回として紹介するのは、まさにその対抗勢力となる「Google Chrome」の拡張機能「エクステンション」だ。 こちらも以前、エクステンション機能のベータ版が登場して間もないころ、初めに入れておくべき入門的なエクステンションを紹介している。紹介した当時はエクステンションもまだ500本ほどだったが、正式版として提供を開始した現在、アドオンの種類は2000本を超えている。 そこで今回は前回紹介したものに加える形で新たに入れておきたい「上級エクステンション」を取り上げる。自社開発ならではの強み「Google活用」をはじめ、サイト閲覧に便利なもの、ネットサービスの使いこなしに使えるものなどを決定版として集めてみた。 もっとChromeを便利にしたい はじめに紹介するのは、ブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.crystal-creation.com/web-appli/technical-information/programming/javascript/sample/onfocus.htm
Google Chromeのおすすめ拡張機能をまとめてみた | Hinemosu
Chromeでも右クリックから画像のプロパティを見たい方に最適なアドオン「Image Properties Context Menu」 | ライフハッカー・ジャパン
Chromeでスクリーンショットを撮って、すぐに編集して共有もできるアドオン『Awesome Screenshot』 | ライフハッカー・ジャパン