Chrome DevTools の「Enable paint flashing」を使う - kitak blog
Chrome DevToolsに「Enable paint flashing」という機能があって、画面で描画が行われた箇所をハイライト表示してくれます。 DevTools を立ち上げて、下のペインの「Rendering」タブを選択するとあります。下にペインがない場合、右上の「︙」から「Show console」を選ぶとペインが表示されるはずです。 「Enable paint flashing」は、少し前まで「Show paint rectangles」という名前だったし、今後ひょっとしたらまた名前が変わるかもしれません。名前だけでなく、DevToolsのUIはChromeのバージョンアップによって変わっていくので、上の説明はあくまで参考程度にしてください。 描画が行われた箇所がハイライトされて、なにがうれしいのかというと、不要な描画を検知し、除くことで、ブラウザのレンダリング処理を改善して
Hometype 2
Mode Hometype has like vim's modes. All modes can be switched with keyboard manipulation. Normal Mode In most cases Hometype is in this mode. You can scroll to up or down on the page, and move to back or forward in the history. Insert Mode Hometype shifts the current mode automatically to this mode when a form is getting the focus. In insert mode don't bind a command to key because you have to inp
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Chromeから一瞬でPHPマニュアルが引ける拡張「PHP documentation」:phpspot開発日誌
PHP documentation - PHP.net - Chrome ウェブストア Chromeから一瞬でPHPマニュアルが引ける拡張「PHP documentation」。 phpマニュアルは便利でphperなら誰もがお世話になりますが、Chromeの拡張としてインストールすることで関数をインクリメント検索することが出来たり、ページ内に表示される関数を右クリックして簡単に調べられます。 インストールすると、アイコンがツールバーに表示されます。なかなかシャレていますね。 クリックで検索窓が表示されます。 うろ覚えでもインクリメンタル検索なら簡単に探せます。 ページ内のドキュメントを選択し、右クリックで簡単にマニュアルに飛べます。 海外製の拡張ですが、ちゃんと jp.php.net で日本語表示されます。 というわけで、関数が多いPHPにおいて「あれなんだっけ」「引数どんなだっけ」を素早
Chrome+HTML5 Conference「Webアプリの道も一歩から」講演資料を公開します - Hatena Developer Blog
2011年8月21日(日)に開催されたChrome+HTML5 Conferenceにて、id:nagayamaとid:nanto_viが講演を行ったので、その資料を公開します。「Webアプリの道も一歩から 〜はてなブックマークの場合〜」と題し、公式Chromeウェブアプリ はてなブックマークの開発フローや利用技術について解説しました。発表は2部構成で、ディレクターのid:nagayamaがはてなでのChromeウェブアプリの開発フローに関して、エンジニアのid:nanto_viがウェブアプリで活用しているHTML5関連技術に関して述べています。 Webアプリの道も一歩から 〜はてなブックマークの場合〜 View more presentations from nagayama Web アプリの道も一歩から 実装について by nanto_vi スクリプトの設計 表示内容と URL の切り
今みているページやリンク先を一発で広告除きの本文だけ表示にするGoogle Chrome拡張-Text Only, Please! - 適宜覚書-Fragments
今みているページやリンク先を一発で広告除きの本文だけ表示にするGoogle Chrome拡張-Text Only, Please! はじめに ニュース記事やBlogを読んでいて本文以外の余計なものが多い場合がよくありますね。広告とかサイドバーとか…。書いてて、アイタタタタ…すみません＞＜、と思うネタではありますが、更に凄いサイトになるとどちらが主だか分からない状況にまでなっていたりします。 今回は、そういった広告やサイドバー他を簡単に除外して表示させるGoogle Chrome拡張Text Only, Please!を紹介しましょう。 Text Only, Please!拡張の導入 いつも通り簡単に導入できます。 Text Only, Please! ページをGoogle Chromeで開きます。
Google Chrome のテキストエリアを外部エディタで編集する Edit with Emacs - 酒日記 はてな支店
おことわり: Windows での事情は分かりません。以下は Mac と Linux のみで確認しています。 Firefox では昔は mozex、最近は It's All Text を使ってテキストエリアを emacs で編集していたのですが、Google Chrome では extension が見つからないので渋々普通にテキストエリアを使っていました。 が、昨日 Extensions Gallery をみていたら、Edit with Emacs というそれらしいものを発見。 Chrome はセキュリティ上の理由で外部プロセスを起動することができないため、localhost:9292 に httpd を立ててそこに XMLHttpRequest でテキストエリアの内容を POST、レスポンスとして返ってきた内容を書き戻す、という動作をするものだそうです。 emacs 用にedit-se
WebからEvernoteへ。私（Webデザイナー）がしているちょっとかわった情報整理術
私はフリーランスで Web デザインをしています。仕事柄からか、毎日 feed を読んで Web の情報をクリップしてますけど、使わなければ無駄な時間を過ごしてるだけ ...。情報の精査、そしてその情報から得たものを、最終的に自分のものにするためにこんなことをしています ...。何だかまとまりなくて長くなっちゃったけど ... X( みなさんはどんな風にしてますか？ 私は毎日 feed を読むのが習慣になっています。Webデザイナーなんて仕事をしているせいか、自分のスキルアップや仕事の効率化につながる情報がないかなーなんて思って、小さいながらアンテナを貼っています。feed だけじゃなくて、ツイッターや facebook を見るのもそんな感覚です。 でも、毎日そんな風に溢れてる情報に囲まれてると、情報の整理や自分のスキルアップにつなげるまでに、多すぎる情報で溺れてしまいます …。feed
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個
2017年6月30日 便利ツール 以前「ChromeからFirefoxに戻した6つのくだらない理由」という記事を書いてから約８ヶ月。久しぶりにChromeをいじってみると、エクステンションの数も増え、いろいろと進化しているようです。「Firefoxにあるこの機能がChromeであれば移行するのに…」と思っていた事がだいぶ解消されたので再びChromeに復帰しました！そこでFirefoxに入れていたアドオンと、Chromeで使用し始めたエクステンションを紹介します。Firefox派の人も、Chrome派の人も、移行検討中の人も、ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ Firefoxアドオンに代わるChromeエクステンション 私のようにもともとFirefoxユーザーの場合、一番のネックは便利なアドオン。それに代わるエクステンションがないと移行の決意はできません
ChromeからFirefoxに戻した6つのくだらない理由
2017年6月29日 Web関連記事 私は標準ブラウザーにFirefoxを使っています。「えっ、Chromeじゃないの？」と思った人もいるかもしれません。それほどWeb制作に携わっている人に愛されている（たぶん）Google Chrome。一度は試したものの結局もとのFirefoxに戻しました。そのくだらない理由を書いてみようと思います。 ↑私が10年以上利用している会計ソフト！ 追記：その後Chromeに返り咲きました「Firefoxで使用していた＆Chromeで使用中の拡張機能 計36個」 Web制作関連の友人が大絶賛してきたブラウザー、Google Chromeを今まで華麗にスルーしていました。理由はエクステンションを入れるのがめんどくさいから。それだけです。しかしあまりにも「いいから試してみて！」との声が多かったので、ブラウザーテスト用も兼ねてChromeを入れてみることにしました
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
ブラウザ機能を強化する Chrome拡張機能 まとめ
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザ強化系 拡張機能まとめ Google Chrome自体の機能を便利にしてくれる拡張機能をご紹介します。 最近の更新 2011年12月18日：いくつかの拡張機能を追加、そしてなくなってしまった拡張機能を代替するものに変更。また、見た目を少し変更しました。 目次 ブラウザ強化系以外の項目は、別のページに移動します。 Google系 ブラウザ強化系 基本拡張機能「新しいタブ」を拡張タブを開きすぎる人向けブックマーク系便利機能追加系GTD実践 自己管理系 WEBサービス系 WEB担当者お役立ち系 デザイナーお役立ち系 ソーシャルサービス系 エラーが起こるので気を付けたいもの ↑目次へ戻りたい場合は、画面右下にある「目次へ戻る」ボタンを押してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグルとモジラ、「Firefox」の検索契約を更新 （CNET Japan） - Yahoo!ニュース
前から言っていますがGreplinでGmail検索が本当に爆速なんです！｜男子ハック
HugeDomains.com
Webページを読むことだけに集中出来るようメイン記事部分だけを切り出すGoogleChrome拡張-Readability Redux - 適宜覚書-Fragments
はてなブログ | 無料ブログを作成しよう
「俺の邪悪なメモ」跡地
GoogleChromeに乗り換えるために導入した拡張機能10個｜男子ハック
