スクリプト、プログラム、PC操作の覚書 Mac RetinaのGoogle Chromeのスクロールが異常に遅いのを改善する方法
ここのところGoogle Chromeのスクロールが異常に遅くてちょっとイライラ。 2本指でスワイプすると0.5秒くらいしてようやく少し動く、といった感じで モッサリしていて業務効率が悪くなるほど。 他のブラウザでは問題なく、アクティビティモニタをみていても 異常にCPUを使っている様子もない。 環境はMacBook Proの13インチ、Retinaディスプレイ、Mountain Lionの10.8.4。 Google Chromeのバージョンは28.0.1500.71。 どうしたもんだろうと思って調べていたら、、、同じような人がいるらしく対処法がわかりました。 ブラウザの設定で何とかなりました。 （動作保証はないので自己責任で） 手順1 アドレスバーに以下を入力して設定画面を表示。 chrome://flags/ 手順2 「すべてのページで GPU 合成を行う Mac, Windows,
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
意外と知らないChrome Developer Toolsの便利な機能 - Qiita
参考資料がすべて英語なので、日本語で情報がまとまってる場所が欲しいと思いこの記事を作りました。「俺もっと便利な機能知ってるぜ！」「こういうことできないの？」って思った人はコメント/編集リクエストをくれると僕の幸せのステージがどんどん上がります。 DevToolsの起動するショートカットキーは？ 開くだけ F12, Ctrl + Shift + I (Win, Linux) Opt + Cmd + I (Mac) 要素の検証(Inspect Element)と同じ状態で開く Ctrl + Shift + C (Win, Linux) Shift + Cmd + C (Mac) Consoleタブが開いた状態で開く Ctrl + Shift + J (Win, Linux) Opt + Cmd + J (Mac) DevToolsって下じゃなくて右に持ってこれないの？ Dock To Righ
なんでもっと早く使わなかったんだと後悔したChrome拡張５つ（ブロガーとして）
今回はChromeExtensionを５つのご紹介。正確には以前に１個紹介しているので４つかな。 たった4つかというのもありますが、あんまり拡張するのが好きではないのもあり、入れてもすぐ消す癖があって、本当に便利なもの、もしくはよく使うものしか基本的に追加してません。ただこれ、「職業ブロガー」っていうところに恐らく焦点が合わさっていますので、さきにご了承願います！ 以前書いた記事でもそうなんですけど、かなり消してますね・・・ 私が厳選して愛用するGoogleChromeエクステンション12個＋消した奴36個 是非まだ入れてないって人は使ってみてください。 使えば使うほど味が出る超便利エクステンション とりあえず今回紹介する4つはこちら。 他のやつはド定番なので紹介の必要が無いかと判断したりなんだりです。 １）ato-ichinen ダウンロード とりあえず「１」と書かれたアイコン。押してお
Google Chromeでスマホサイト制作
Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ
ブラウザの画面サイズを確認できるChrome拡張機能「Window Resizer」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【重要】「Window Resizer」のプログラム中に、キーボードの入力をトラッキングして送信するマルウェアらしきものが仕込まれていることが発覚しました。現在、「Window Resizer」はChromeウェブストアからダウンロードできなくなっています。（2014年2月10日現在） 参照：Chromeの拡張機能Window Resizerがマルウェアを含んでいたことが発覚 – GIGAZINE http://gigazine.net/news/20140114-window-resizer-malware/ こんにちは、岩上です。 ユーザの閲覧環境によって画面サイズは多種多様です。 サイト制作のディレクションをする上で、ファーストビュー（ページを開いてスクロールしなくても表示される範囲）は非常に重要になります。パッと見で印象的なデザインを伝えたい、LPとして要素をファーストビューに入れ
短縮URLを右クリックだけで生成できるChrome拡張機能 | ライフハッカー・ジャパン
Chrome：長いURLをメールなどに貼り付ける際に便利な短縮URL。このURLを生成するためにわざわざ短縮URLのサイトを開いていませんか？ 短縮URLサイトを開かなくても、右クリックだけで開いているタブの短縮URLを生成してくれる拡張機能があります。しかもクリップボードにコピーした状態にしてくれるので、貼り付ける時にスムーズです。この拡張機能は、こちらのページからダウンロードできます。 拡張機能をダウンロードしたら、あとは右クリックから「Copy Short URL」を選ぶだけ。これでクリックボードに短縮URLが保存されました。 「設定 ＞ ツール ＞拡張機能」から、この拡張機能の設定ができます。 「オプション」を選ぶと、どの短縮URLサービスを利用するか選択できます。「Show multiple shorteners」にチェックすれば、短縮URLサービスを選択制にすることも可能。 使
ウェブディレクターの私が利用する３つのウインドウサイズ一発調整ツール - あなたのスイッチを押すブログ
本職のウェブディレクターとして活動している中で、しばしば頭を悩ませている問題がありました。 それが、ウェブブラウザのウインドウサイズです。 ウェブページの調査したり、制作したページの確認をする時など、ウインドウサイズを気にしなければならない機会は度々訪れます。レスポンシブウェブデザイン案件の増加も原因のひとつです。 そんなときに便利なツールが３つほどあります。１つはChromeのアドオンを使用する方法。残りの２つはブックマークレットを使用する方法です。 もしあなたがウェブ関係の仕事をされているなら、役に立つかもしれません。 Chromeアドオン「Window Resizer」 [browsershot url="https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh"
Google Chrome で超手軽にスマホ向けデザインを確認する方法
最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単！！ Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです！ Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
iPhone版のChromeが本気で便利すぎる件
もう使ってる人はそんなの知ってるし・・・と感じるかもしれないけども、知らない人は絶対一度はつかっておいたほうがいいよねっていうアプリ。今更とか言わないの。 そもそもPCのブラウザがChromeを使っているので、これを使わない手はないんだけども、わりと私の周りで使ってる人がいなかったのでご紹介。 便利なポイント７つ 私はこれでChromeアプリをメインにしました的なポイント。 １）タブ移動が楽 これはもうほんと触れば一瞬でわかるレベル。複数のタブをペラペラ見ていける。 画面のはじから中央へスワイプしても隣のタブへ移動してくれます。 ただしこれはデメリットでもあり、だいたい赤いラインをひいたところがスタートラインとなります。この結果、普通にブラウジングしている時に引っ張ってしまう事も多々あります。 ２）PCモードへの切り替えが楽 個人的な問題ではありますが、スマホ用の表示が大嫌いなんですよね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome」のUAを偽装してモバイル端末での見栄えをチェック「MobileLayouter」NOT SUPPORTED
Chromeのコンソールにテーブルを表示する - Qiita
Google Chromeでfont-size指定が効かないときの対処法 – creamu