Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
「iGoogle」の代わりに使える！Chrome拡張「iChrome」が激しく便利！｜ワドプラ
ブラウザのスタート画面に、様々なサービスのウィジェットを配置できカスタマイズできた「iGoogle」は非常に便利でしたが、 2013年11月1日にサービスが終了しました。 その代替として様々な類似サービスを試してきましたが、どれもしっくりこなくてずっと困っていたところ「iChrome」というChrome拡張があることを知りました。 とてもクールで使いやすく、私はしっくりきました。 iChromeダウンロードリンク先 iChrome – 高速・生産的なホームページ – Chrome ウェブストア 利用方法 iChrome – あなただけのChromeを作りましょう – Chrome ウェブストアへアクセスし、「Chromeに追加」しよう。 「iChrome」をGoogleChromeへ追加すると、上記のように簡単なチュートリアルが表示されます。日本語で表記されているので、ここを読めば使い方が
Chromeの右上にあるボタンを消す方法＆タイル形式のブックマークを無効化する方法
「Google Chrome」のバージョンはすでに42になっており、さまざまなアップデートや変更が行われていますが、バージョンアップされたものの中には、バージョンアップ前のものを引き続き使用したいと思うものもあります。その中で「Chromeの右上に置かれたアバターメニュー」や「タイル形式のブックマーク」はアップデート前のものに戻すことが可能となっています。 Chrome ブラウザ https://www.google.com/chrome/ ◆ブラウザ右上にあるアバターメニューを消す方法 Chromeの右上にある1番左側のボタンは「アバターメニュー」と呼ばれるもので、Chromeへのログイン・ユーザの切り替え・シークレットモードへの変更ができるものです。 人によっては最小化ボタンをクリックしようと思ってアバターメニューを間違ってクリックしてしまったり、Chromeに全然ログインしなかったり
Chrome Apps（Chrome Packaged Apps）を作って動かすための4ステップ - Intelligent Technology's Technical Blog
こんにちは、中山です。 「Chrome Apps（Chrome Packaged Apps）」盛り上がってきてますね！ HTML5 + JavaScript + CSS で書かれるウェブアプリなのだけれども、ネイティブアプリのようにふるまうことのできる、というこのプラットフォームは、Googleが2013年9月に正式に発表したものです。 この「Chrome Apps」、現状は、PCやMacだけがターゲットのようです。（iOSやAndroidなどでは使えないみたい。） また、日本語での呼び方は「Chromeアプリ」となっているようですね。 「Chrome Apps」については、以下のページが参考になります。 Google、デスクトップアプリのように使える「Chromeアプリ」を発表 What Are Packaged Apps? 今回は、この「Chrome Apps」を実際に作って動かしてみ
Desktop Notifications - Apps on Google Play
Desktop Notifications - Don't miss any notification on your phone or tablet. This app allows you to receive Android notifications in your browser. Instead of checking notifications directly on your phone, you can check them on your desktop while surfing the web. And starting with version 2.0 you can also see your notifications on other Android devices, for example notifications from your phone on
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
Chromeで画面キャプチャーできる拡張機能 Screen Capture (by Google)で遊ぼう!! - 週刊アスキー
『Screen Capture (by Google)』は、グーグル製の画面キャプチャーアプリ。ブラウザー上に表示されている画面はもちろん、ウェブページ全体や指定した範囲のみを撮影できる。 画像のフォーマットはJPEGとPNGの2種類に対応。オプションメニューから任意の形式を選択できる。また、ショートカットキーにも対応し、オプションで任意のキーを指定可能。機能が豊富で操作も簡単なので、スクリーンショットをひんぱんに撮影する人にオススメだ。 ■インストール Googleのウェブサイト“Chrome ウェブストア”（関連サイト）にアクセスし、『Screen Capture (by Google)』を検索。【拡張機能】タブをクリックして、ダウンロードサイト（関連サイト）に進む。 右上に表示された【CHROMEに追加】を押し、【追加】をクリックすると数秒でインストールが終了する。
Firefoxはもう限界！Chromeへ完全移行したお勧めの拡張の紹介
※今回はFirefoxユーザーへの記事です。 本当にね、Firefoxが好きでず～っと使ってた。 でもね、もう限界です。 WordPressで画像をUPすれば固まる。 1PassWordのパスワードは読み込まない。 それがもう最近は頻繁。 もういいっ！Chromeへ移行してやる とはいうモノの、今まで何度もChromeは挫折。 何よりも「ブックマーク」が無いのが違和感、使いにくい。 でも、最近はFirefoxでもブックマーク代わりは専ら「Speed Dial」。 そして、いつの間にか（僕が知らんかっただけだけど）Chromeに「Speed Dial2」が・・・！ イケる。。これならいける。 前のChromeのSpeedDialはFirefoxのに比べて残念な子だったけど、 Speed Dial2は出来る！ ていうか、Firefoxのより出来る。。 そして、その他のFIrefoxで欠かせない
GoogleChromeにバック・ボタンを付けるURLスキームが分かった - W&R : Jazzと読書の日々
PocketからGoogleChromeの連携がiPadを便利にする どのブラウザにも付けてほしい。「後で読む」のPocketが20日にバージョンアップして、Chromeとの連携を内蔵しました。その時は気にしてなかったんです。ChromeだろうがSafariだろうが同じ... PocketのChrome連携機能。考えてみると、これが出来るのはURLのオプションしか考えられない。けれど、通常の「googlechrome:」では、全てがURLアドレス扱いになるのでコールバックはできない。するともう一つ、URLスキームがあるはず。 iOS6のURLスキームをお手軽に調べる決定版 SchemeTaker photo credit: skene via photopin ccさて、明日はiPad mini発表予定の日。薄くて軽いのが出ますように。何かと重宝するURLスキーム。だけど、作者の人が公開し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
鬼畜王 on Web
Twitter投稿画像のオリジナルサイズを手軽にダウンロード・表示できるChrome拡張NOT SUPPORTED