Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
アドレスバー - Google Chrome まとめWiki
2018-02-22 起動オプション2017-07-29 テーマ/作り方2016-12-15 雑記2016-10-24 キーボード ショートカット2016-09-18 FrontPage/コメントログ2015-06-29 起動オプション/コメントログ2015-04-20 テーマ2014-11-11 コメントページ2014-10-19 FAQ2014-10-05 エクステンション
モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
エクステンション - Google Chrome まとめWiki
2018-02-22 起動オプション2017-07-29 テーマ/作り方2016-12-15 雑記2016-10-24 キーボード ショートカット2016-09-18 FrontPage/コメントログ2015-06-29 起動オプション/コメントログ2015-04-20 テーマ2014-11-11 コメントページ2014-10-19 FAQ2014-10-05 エクステンション エクステンションとは 日本語版での正式名称は「拡張機能」、いわゆるChrome版アドオン。エクステンション機能の追加の方法、 有用なエクステンションの紹介など ※2010/01/26のバージョン4.0へのアップデートにより、Stable版Chrome for Windowsでも利用できるようになりました。 ※2009/12/8現在、Beta版(Mac版を除く)およびDev版ChromeやChromiumでのみ利用可
HTML5で作られた無料MMORPG「BrowserQuest」をMozillaがサービス開始
FirefoxやChrome、Safari、さらにiOSやAndroidでも動作するというMMORPG「BrowserQuest」がスタートしました。これを作ったのはMozillaで、操作方法は単純明快、かなりサクサクと遊べます。 まず、さくっと概要が分かるデモムービーはこちら。 BrowserQuest - Massively Multiplayer HTML5 Game Demo - YouTube 以下が公式サイトです。 BrowserQuest http://browserquest.mozilla.org/ まずはキャラクター名をつけるところから。 なお、InternetExplorer9以前のバージョンだと「このブラウザでは遊べません」というメッセージが表示され、最新版のFirefoxかChrome、Safariを使うように言われます。なお、WebSocketをサポートしたIE
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
Greasemonkeyを超えた！ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 - Chrome Life
先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最近ではサイト構築の際にHTML5を選択する機会が増えてきました。 HTML5+CSS3+jQuery この組み合わせで、ほとんどのWebアプリケーションの機能を実装することができる時代になってきたと思います。 必要なデータは、クラウドに保存してAPI経由で読み書きできれば良いので、その部分だけサーバーサイドに任せる感じのシンプルな構成になればベストです。 JavaScriptの部分は、別にjQueryじゃなくてもよいのかもしれませんが、プラグインや情報が豊富で、jQueryが使える開発者も多いことから、jQueryを選択しておけ
これはすごい！Chromeの履歴が見違えるほど使いやすくなるエクステンション「Better History」 - Chrome Life
ChromeのシェアがFirefoxを抜いたことで、メインブラウザとして乗り換える人も増えてきたように思います。 そんな人からは、Chromeは軽くてシンプルなので使いやすいという声をよくききます。 しかし、Chromeがリリースされた当初は、あまりにも機能が少なくてこれだけで使い物になるのか？と疑問に思っていた時もありました。 それが今では、Chrome自体の機能も他のブラウザに匹敵するぐらい使えるものに進化したのには正直驚いています。 筆者は、今のChromeで十分満足しているのですが、ただ１つだけ不満な機能があります。 それは、 Chromeの履歴機能が貧弱すぎる！ という点です。 Chromeでアクセスしたページの履歴が確認できる機能なのですが、画面を見てみるとわかるように手を抜いて作ったのではないかと疑ってしまうぐらい貧弱ですw 履歴が新しい順で並んでいるだけで、検索機能はありま
ニートなプログラマが世界を変える: Vichrome : vim風インタフェースを実現するChrome Extension
2011/09/28 Vichrome : vim風インタフェースを実現するChrome Extension Vichrome（ユーザーマニュアルはこちら） ここ最近こっそり開発してたのがこれ。 さあ君も今すぐインストール！ Vichromeって？ viライクな操作をChromeで実現するという比較的ありがちな、VimperatorマジリスペクトなGoogle Chromeエクステンションです。 実はChromeのエクステンションには既に似た様なものがいくつかあるのですが僕の要求を100%満たせるものは存在しないようです。しかし、それでもvimmerな僕としてはWebブラウジングでマウスを極力使いたくないという思いがあります。 で、それならいっそ作ってしまえということで開発したのがVichromeというわけです。 ということで今日はVichromeの紹介をします。自分のために作ったと
Google Chromeをショートカットキーだけで操作可能にする拡張機能「Vimium」
ブラウザのショートカットキーを設定できる拡張機能は過去にも存在していましたが、デフォルトでキーが設定されているうえに、自由に変更できてここまで使いやすいものは、いままでなかったのではないでしょうか。 今回は、Google Chrome をショートカットキーだけで操作できるようにする拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Chrome に便利なショートカットキーを付与する拡張機能 「Vimium」は、Google Chrome に便利なショートカットキーを付与するGoogle Chrome 拡張機能。 Gmail やGoogleリーダーに近いショートカットキーがデフォルトで設定されているうえに、自分好みに変更したり、ページによって使用を禁止することもできる本当に便利
5分でわかる Tumblr の始め方 （2012年改訂版）
2009年に今回の記事の元記事 「5分でわかる Tumblr の始め方」 に関して、古くなった情報を更新しようと思います。 2011年も終わりですね。今年最後の投稿は過去記事の改訂版で締めます。 さて、もう 3年近く前の 2009年に今回の記事の元記事 （5分でわかる Tumblr の始め方） を書いたわけですが、Firefox もバージョンアップして Greasemonkey 周りのスクリプトなどが色々面倒な感じになっていたりしますので、ここらで古くなった情報を更新しようと思います。 元の記事で情報として古くなっている 「Tumblr をもっと便利に使う」 の項目を中心に書き換えていますので、それ以外の部分は元記事を見てください。 元記事 5分でわかる Tumblr の始め方 Tumblr をもっと便利に使う さて、しばらく使っていると、ダッシュボードをもっと快適に閲覧したいとか、簡単に
Google Chromeの厳選おすすめ拡張機能30個まとめ | フリーソフトラボ.com
Google Chromeの拡張機能が本格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能も
Google「Chrome」新CMが「初音ミク」である理由を作った中の人に聞いてきた
トップ > みんなの写真 > Google「Chrome」新CMが「初音ミク」である理由を作った中の人に聞いてきた いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2011.12.28 2011年という年は、ひたひたと進行してきたYouTubeによるテレビをハックするという動きがいよいよひとつの形となってきた年であったと考えていいと思います。 とはいえ、その年の瀬になって「家政婦のミタ」の視聴率40％ってのが、同時にやってくるあたりが、2011
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Extensions API リファレンス
作業効率が10倍アップする Chrome Developer Tools の使い方
5509.me
Tumblr Life for Greasemonkey
Google Reader内でフルフィードを見られるようにするChrome拡張- Super Google Reader - 適宜覚書-Fragments
Chrome15がIE8を抜き首位に、世界ブラウザー市場 - 日本経済新聞
Gmail新インターフェイスを改善するユーザスクリプト・ユーザスタイル6選 | ライフハッカー・ジャパン
