極めろ！！Google Chrome Devtools 52の関節技 - Qiita
転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技！！ Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方
Chrome Logger - Server side application debugging
About Chrome Logger is a Google Chrome extension for debugging server side applications in the Chrome console. Most languages include their own logging capabilities, but sometimes it is easier to see your logs right in the browser. Chrome Logger used to be known as ChromePHP. If you are feeling generous, you can donate to help support development. Usage Using Chrome Logger is simple: Install the C
Chromeでフローチャートやマインドマップを簡単に作図できる LucidChartで遊ぼう!! - 週刊アスキー
『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。
タブまわりをカスタマイズできる拡張機能３０個まとめ*二十歳街道まっしぐら
【ゆっくり実況】ゆっくりレジェンズ ほーっほっほっほ・・・ブチ切れましたよ！！メカフリーザ様ガチャ！！
Google ChromeをRAMディスクに丸ごとインストールして超高速化する方法！ | フリーソフトラボ.com
前回のエントリーで、FirefoxをRAMディスクに完全インストールして信じられないほど高速化する方法を紹介しましたが、同様にGoogle Chromeも、キャッシュの保存場所をRAMディスクに置き換えるだけでなく、RAMディスクに丸ごとインストールしてしまえば、より高速化することが可能です。しかしながら、Chromeの場合はインストール時にフォルダの指定ができないため、普通はOSがセットアップされているHDDにしかインストールすることができません。 そこで、ここでは”ジャンクション”と呼ばれる手法を用いて「表向きはあたかもHDDにアクセスしているように見えるが、実際にはRAMディスクドライブにアクセスしている」という状態を作りすことで、Google Chromeの起動に必要なデータを丸ごとRAMディスクから呼び出し爆速動作させるという、裏技的な方法を紹介します。 なお、この記事ではあらか
Google Chromeの「about :コマンド｣一覧 | 気ままな宇宙人
まぁ、今日たまたまGoogle Chromeのダウンロードページに行ったところなんとGoogle Chromeの漫画が日本語化されているではありませんか!(Google Chromeの右下のテクノロジーについてから漫画をみることができます。) いやぁ、それにしてもこの漫画は一体誰向けなんでしょうね?僕としてはなかなかおもしろかったのですが、この漫画ではブラウザって何ですか?という方も減らないような気もします。ちなみに、僕がブラウザって何ですかと聞かれた場合以下のように答えようと思っています。3.ブラウザってのはブラブラ見て回るっていう意味 初心者は「ブラウザ」という言葉を知りませんし、わかりません。だから意味を適当に教えておけば安心しますし、ブラブラ見て回るからブラウザ、と言えばトリビアっぽいので「へ～」となり、興味をつなぐことができます。 まだFirefoxがなくてMozillaが全盛だ
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Chromeで使えるエクステンション厳選25本！ (1/6)
ページ分けの多い記事も自動でめくれる、クリック一発で翻訳出来る――。 便利な拡張機能の豊富さで知られる人気ブラウザーといえばFirefoxだ。だが、そこに現在Google Chromeが「エクステンション」と呼ばれる拡張機能で猛追を始めている。グーグルが9日に公開したサイト「Chrome Extensions」にはすでに、500本を超えるエクステンションが登録されている。 エクステンションに対応するChromeは現在、Windows版およびLinux版のみ。いずれも正式版ではなく4.0ベータ版で、体験したい人はそれぞれをインストールすることになる（エクステンションを入れようとするとダウンロードを促されるので、それに従えばオーケー）。Mac版も近いうちに対応予定とのことなので、しばしお待ちを。正式版の4.0リリースは2010年の見通しだ。 リリース間もない現在の問題は、Firefoxのときと
Google ChromeをVimライクに操作する·Vimlike Smooziee MOONGIFT
Vimlike SmoozieeはGoogle Chrome向けのオープンソース・ソフトウェア。先日紹介したFirefox上でVimライクなキーバインドを可能にするVimperator labsは好き嫌いのはっきり分かれるツールだ。Vim好きな方にとっては願ったりのツールだろうし、独特のキーバインドが苦手という人もいるだろう。 Google Chromeの移動操作をVim風に Vimperator labs同様のキーボードによるWebブラウザ操作をGoogle Chromeでも実現するのがVimlike Smoozieeだ。機能はVimperator labsに比べると限定的ではあるが、よく使われるようなコマンドは抑えられている。なおVimperator labsの機能を一部使って実現されている。 Vimのようにhjklによるスクロール機能がある。上下左右に自由にスクロールが可能だ。この移
さよならFirefox 気づいたらGoogleChromeがデフォルトブラウザだった件|MOBILE POWER 〜読書とかiPhoneとか〜 - livedoor Blog（ブログ）
長年Firefoxを利用してきましたが、とうとう乗り換えの時期がやってきました。 少し前からGoogleChromeも併用していましたが、Firefoxのアドオンへの依存度が高くて移行しきれずにいました。 でもChromeのβ版に関して特に致命的な不具合の情報とかもなく、そろそろいいのでは、と思いβ版のdevバージョンに切り替えて色々とアドオンを設定してみました。私の場合はこれまでFirefoxで実現できていたことの80%くらいはChromeでも実現できました。あとの20%とChromeのスピードを天秤にかけましたが、私の中ではChromeのスピードメリットが残りの20%を上回りました。 ということで晴れてChromeがデフォルトブラウザに。 今回私がFirefoxの機能をChromeに移行したときの作業を備忘録としてメモしておきます。まずはChromeのバージョン変更 Chromeのバー
Google Chromeにマウスジェスチャーを·nk-gesture MOONGIFT
nk-gestureはGoogle Chrome向けのオープンソース・ソフトウェア。快適なブラウジングを行う上でもはや欠かせない存在になりつつあるマウスジェスチャー。大抵のブラウザで実現可能で、マウスを使われている方にお勧めのソフトウェアだ。それはもちろんGoogle Chromeにも存在する。 Google Chrome向けのマウスジェスチャー nk-gestureがGoogle Chrome用のマウスジェスチャーソフトウェアだ。機能拡張として動作するので、起動時に--enable-extensionsを付けて起動する必要がある。インストール後、右ボタンを押しながら決められた形式にマウスを動かすとマウスジェスチャーが行えるようになる。 例えば設定画面を呼び出すにはクエスチョンマークを描くようにマウスを動かせば良い（下の点は不要）。設定画面では新しいタブを開いたり、前のページに戻ったりする
Firefoxにさようなら！Google Chromeで快適なブラウジングをするための拡張 21選 - あまたの何かしら。
注意事項 Version 4（開発段階）以降でないと使えないものばかり。 アンインストール方法 chrome://extensions/にアクセス Uninstallをクリック 一覧 Bookmark all tabs すべてのタブをブックマークに追加 googlemaps-latitude-longitude Google mapsに軽度と緯度を表示 ただし、google.comでのみ動作。 Web Developer Mini Chrome用開発ツール iMacros for Google Chrome 参考 : Firefoxを自動運転するツール、iMacros TabSearch 開きすぎたタブを探し出すためのextension。 Smoothscroll Chromeにスムーズスクロールを。 FlashBlock SilverlightやFlashを非表示にする。 Alt+Fでホ
Google、IEを“Chrome並みに”改良するプラグイン「Chrome Frame」リリース
Google、IEを“Chrome並みに”改良するプラグイン「Chrome Frame」リリース：IEでもGoogle Waveを満喫できる オープンソースのプラグイン「Google Chrome Frame」をインストールすると、IE6でもHTML5ほか最新Web技術を使ったサイトを表示できるようになる。 米Googleは9月22日、MicrosoftのInternet Explorer（IE）をHTML5ほか最新Web技術に対応させるプラグイン「Google Chrome Frame」のβ版をリリースした。Google Codeのサイトから無料でダウンロードできる。Windows XP SP2およびWindows Vista上で稼働するIE6、7、8に対応する。 現在Webブラウザ市場で最もシェアが高いのはIEだが、最新のWeb技術を完全にサポートしておらず、「Google Wave」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
はてなブログ | 無料ブログを作成しよう
Googleオリジナルグッズセット欲しい！とは はてなの人気・最新記事を集めました - はてな
vimlike-smooziee - Project Hosting on Google Code
TechCrunch
GoogleがWebの問題児Internet Explorer対策を発表: IEをChromeにしてしまう
http://e0166nt.com/blog-entry-715.html
