Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
NGリストを登録して「はてな」公式サイトをフィルタリング！ 目障りなエントリー、コメントやスターをブロックします。あなただけの快適な「はてな」を楽しんで下さい。 以下のフィルタリングが機能します。 ・ NGアドレスのエントリーをブロックします。 ・ NGワードを含むエントリーをブロックします。 ・ NGアカウントのコメント、はてなスター、ブログをブロックします。 ・ 同一アカウントの連打による複数のスターをひとつのスターにして表示します。 [対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） ※機能は上記「はてな」公式サイトのページデザイン（2014年11月現在）に依存しております。「はてな」公式サイトのデザインが変更された際には動作しなくなったりレイアウト崩れしてしまう場合があります。ご了承
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
米Microsoftは4月14日（現地時間）、「Office Online（旧Office Web Apps）」のChromeアプリ版を米GoogleのChromeアプリストアで公開したと発表した。Word、Excel、PowerPoint、OneNoteのChromeアプリ版をそれぞれ無料でダウンロードできる。 Office Onlineは、Webブラウザでアクセスし、Officeのドキュメントを作成・編集・共有できるサービス。Microsoftアカウントさえ持っていれば、有料のOfficeをPCにインストールせずにWebブラウザで利用できる。作成したファイルはOneDrive（旧SkyDrive）に保存する。OneDriveアプリをPCにインストールしていれば、PC上のファイルを編集することも可能だ（本稿執筆現在Windows 8.1は非対応）。 Office Onlineはこれまでも
The Polaris Dawn crew is back on Earth after a historic mission
Google Chromeはサクサク動作する軽量で高速なブラウザですが、その代償として非常に多くの量のメモリを消費します。メモリをたくさん積んだPCならば問題になりませんが、そうでない人にとっては結構深刻な悩みのタネかもしれません。 実は、Google Chromeには特別なメモリ解放ツールを使ったりブラウザを再起動しなくても、サクッとメモリ使用量を最適化できる”隠し機能”があるので、非力なマシンのメモリ不足に困っている人はぜひこの方法を試してみましょう。 Google Chromeのメモリを解放する簡単な方法 1、デスクトップのGoogle Chromeショートカットを右クリックし「プロパティ」を開きます。 2、「リンク先」の部分の末尾に「 -purge-memory-button」と追加（ハイフン前の半角スペースに注意）し、「OK」をクリックしてウィンドウを閉じます。 3、Google
米Googleは5月15日（現地時間）、Webブラウザ安定版のアップデートとなる「Google Chrome 19」（19.0.1084.46）をリリースした。 Google Chromeにログインすると利用できる同期機能にタブが加わった。1台のPC上のGoogle Chromeで開いているタブが、同じアカウントでログインしている他の端末上のChromeと同期される。 Ver.19へのアップデートは既に可能だが、ユーザー全員がこのタブ同期機能を利用できるようになるには数日かかるという（本稿執筆段階ではまだ利用できなかった）。 同期されたタブは、「新しいタブ」上に追加される「Other devices」メニューで選択できる。 タブの同期は、Android 4.0（コードネーム：Ice Cream Sandwich）向けに2月に公開された「Chrome for Android Beta
開いたままのChromeタブは、相当な量のRAMを使用します。タブを使っていない時にもRAM使用量は多いままです。「TabMemFree」は、一定時間が過ぎるとタブの読み込みを停止し、使っていないタブが使用しているRAMを解放してくれます。 後で見るつもりのタブを開きっぱなしで他の作業をしていることが多い方であれば、TabMemFreeを使ってパソコンのリソースを効率化してあげるのが得策です。インストールしたら、タイムアウトまでの時間を設定しましょう。設定された時間が過ぎると、使用していないタブのRAMが解放されます。 こう聞くと、何もかもが良さそうですが、タブの読み込みが停止されると、そのタブには拡張機能のアイコンのみが表示され、もともと何が表示されていたのかは見ることができません。また、これらのタブは読み込まれなくなるため、Google Musicなどで音楽を再生していた場合、これらの
ChromeやChrome Plusを使っていると、頻繁に「次のプラグインがクラッシュしました：Shockwave Flash」と表示され、ブラウザが機能不全になるという事態が発生するようです。 私もChrome Plusを普段使っているので、この不具合には悩まされていたのですが、「プラグインの無効化」により解決しましたので、今回はその方法を紹介します。 プラグインの確認 クラッシュの原因として、そもそもShockwave Flashのプラグインそのものが破損している、バージョンが合っていないための誤動作など幾つか考えられますので、まずChromeにインストールされているプラグインを確認しましょう。 確認方法は、アドレスバーに「about:plugins」と入力してください。 すると以下のように表示されます。 「重要なセキュリティアップデートをダウンロードする」というリンクがあった場合には
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
昨年のちょうど今頃の時期に、FirefoxからChromeに乗り換えたので導入した拡張機能＋周辺ツールまとめという記事をエントリーしましたが、今回、実際に筆者がGoogle Chromeを本格的に使い始めて一年と少しが経過しました。 そこで、上記エントリーでは紹介しなかった、その後新しくインストールした拡張機能や、今はもう使わなくなって消してしまった拡張機能もいくつかあるので、改めて現在愛用している拡張機能をまとめてみます。 AutoPagerize for Chrome Greasemonkeyで超人気のスクリプト「AutoPagerize」のChrome用拡張機能。Googleの検索結果など、ページごとに分けられたウェブページを自動で読み込んで、継ぎ足し表示してくれます。 Readmine 筆者も愛用している”あとで読む”系サービス「Read It Later」のChrome用クライア
@hokaccha に言われて便利すぎて脳みそ飛び出るかと思った途中から嘘です 以下、見たことのある内容が続きます 全然気がつかなかった・・・いつからだろう・・・ ＞ 17からだそうです Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stable(Macの17.0.963.46)でもOverride User Agentの項目あるのは確認してます。 通常はもちろんユーザーエージェントはChromeですが、Cmd+Option+I などでインスペクタを開くと 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます すると Override User Agent という項目があるので チェックすると、よく使いそうな User Agent 一覧がプルダウンで開きます 試しに iPh
Windows：Chromeは古いバージョンをハードドライブ上に保存している、という話を聞いたことがあるかと思いますが、バージョンアップを繰り返して行くと、段々これによって占拠されているスペースは肥大化していきます。「OldChromeRemover」はこのスペースバックアップを削除してくれる、というだけのシンプルなアプリです。 Chromeが古いバージョンをハードドライブに残して行く、という話を最初に聞いた時、この問題がどの程度大きなものなのかは編集部にもわかっていなかったのですが、どうやらかなりの頻度で持ち上がる問題のようです。 人によってはChromeの古いバージョンのみで1GB以上占拠されていた、というケースもあります。特にSSDを使っている方にとって、1GBはかなり貴重です。また、特に問題なく過ごしている方も多い模様（このパターンはまだ良くわかっていません）。幸いなことにドライブ
『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
