chromeデベロッパーツールでjavascriptのデバッグをする -node.jsもあるでよ- - tumblr
ソースコードリーディングとかしてると、ただコード読んでてもどうしようもなく、オブジェクトの中身や変数などを見るためにデバッグツールを使いながらでないとやっていけないことが今になって分かりました。自分でもどうしようもなくアホだと思いながら戒めのために覚書。 デバッグツールの機能 僕自身まともに触れる言語はjavascriptとphpくらいなもので、どちらもeclipseのようなIDEを使わず頑なにvimを使って組んできました。phpの場合はxdebugと連携させる方法*1や、javascriptならrhinoなんかを入れてquickrunとかって方法も考えられますが、僕はある程度は知っていながらもひたすら標準のスタックトレースやalert,console.log,console.dirばかりしていたので、まずはIDEなどに搭載されている一般的なデバッグ機能を復習をかねて覚書。 ブレークポイン
「ネット副業の入門」コーナー
ブログ収益化までのロードマップ 60,000部を突破した書籍『ブログで5億円稼いだ方法』の著者が「ブログでの稼ぎ方」を解説しています。
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
Chrome リモート デスクトップ - Chrome ウェブストア
このパソコンから他のパソコンに、または他のパソコンからこのパソコンに、インターネットを経由して安全にアクセスできるようになります。
gadget-or-gimmick
ถ้าไม่มีอะไรอย่างอื่น สล็อต ต้องขอบคุณ Naraka Bladepoint ที่เป็นหนึ่งในไม่กี่ชื่อ Battle Royale ที่การถูกยิงโดยใครบางคนที่ สล็อต...
DropboxをChromeでブラウズ、ダウンロードできる拡張機能「Dropbox」 | ライフハッカー・ジャパン
Chrome用：Google Chromeの拡張機能「Dropbox」をインストールすれば、Dropboxのウェブサイトをわざわざ開くことなく、ブラウザ内でDropboxの閲覧、ファイルのダウンロードができます。さらに、ユーザーの最新のDropbox使用履歴を見ることもできます。 メニューに表示されたファイルをクリックすると、ブラウザ上で開くか、PCへとダウンロードされます。複数のDropboxをリンクしたり、同期の必要のないPC上で、Dropboxへのアクセスを保つのに便利です。 初期設定では、Dropboxのモバイル版が表示されますが、フル版へ表示を変更することもできます。小さなウィンドウでのフル版表示は、なかなかファンキーです。この拡張機能、Dropboxというそのままな名前とは裏腹に、Dropbox公式のものではありません。 Dropboxは、Google Chrome用の無料拡張
Google Chromeのシークレットモードを使わないと夫婦喧嘩がはじまる - WEBもあるしあわせ
「旦那ったらさ、私の居ない間にネットでエッチなサイト見てるんだよ！」と、妹は言った。家族の前で公然の秘密を声高らかに暴露された妹の旦那は、助け舟を求めるように私を見ている。だから、私は彼にこう言ったのだ。 「Google Chrome のシークレットモードなら、履歴が残らないからバレないよ！」 「それは、すばらしい！」と、隣で無言だった父が反応した。 母がグーで殴った。 --- Googleが独自ブラウザGoogle Chromeを発表したので、さっそくインストールしてみました。ファーストインプレッションは、とにかくシンプル。その中で気になったのが機能がシークレット モードです。 起動方法は、画面右上のページメニューアイコン → シークレットウィンドウを開く を選択。 シークレットウィンドウで開いたWEBサイトは履歴に残ることはありません。つまり、家族に見られたくない、秘密にしておきたいサ
Vimium - The Hacker's Browser
Vimium is a browser extension which provides keyboard shortcuts for navigation and control in the spirit of the Vim editor. Watch this video to get a feel for how it works: Features Navigate the web without touching the mouse. Use a clever highlighting method to click on links. Customize your keyboard shortcuts. View an in-page help dialog to see your personalized shortcuts. Install Install for yo
Google ChromeでもFirebug·Firebug Lite for Google Chrome MOONGIFT
FirebugはGoogle Chrome向けの機能拡張。FirefoxをWeb開発者の心をつかんで放さないのは、Firefoxアドオンによる所が大きいと思う。そしてその代表例としてFirebugがある。これがあるからFirefoxを切り離せないと考える人は多いのではないだろうか。 Google ChromeにもFirebugが！ そしてGoogle Chromeも機能拡張を備えており、コミュニティベースで様々なソフトウェアが開発されている。そしてついに登場したのがFirebug Lite for Google Chromeだ。ネーミングがなんではあるが、あのFirefox向けアドオンであるFirebugと同等の機能が提供されている。 コンソール機能を使ってJavaScriptを操作したり、CSSを修正したりすることが出来る。もちろんその修正はリアルタイムに反映される。これはGoogle
WebページをスクラッピングするChrome拡張·Clipit MOONGIFT
ClipitはGoogle Chrome向けおよびGoogle App Engineを組み合わせたオープンソース・ソフトウェア。Webサイトをブラウジングしている最中、一部をスクラップしておきたいと思うことがある。後でブログに引用したり、資料の参考にしたいといった場合だ。 手軽にクリッピング そうした時に便利なWebサービスとしてはTumblrが知られている。だがこちらはデータが外部サービスに預けることになってしまう。社内であったり、自分だけのクリップ環境を作りたいならばClipitを使って構築してみるのが良さそうだ。 ClipitはGoogle Chrome向けの機能拡張と、そのデータの保管先になるサーバサイドのスクリプト2つから構成される。サーバサイドのデータ保管先はGoogle App Engineが想定されている。なお認証の仕組みはないので、全データは全員で共有する形になっている。
Firefoxにさようなら！Google Chromeで快適なブラウジングをするための拡張 21選 - あまたの何かしら。
注意事項 Version 4（開発段階）以降でないと使えないものばかり。 アンインストール方法 chrome://extensions/にアクセス Uninstallをクリック 一覧 Bookmark all tabs すべてのタブをブックマークに追加 googlemaps-latitude-longitude Google mapsに軽度と緯度を表示 ただし、google.comでのみ動作。 Web Developer Mini Chrome用開発ツール iMacros for Google Chrome 参考 : Firefoxを自動運転するツール、iMacros TabSearch 開きすぎたタブを探し出すためのextension。 Smoothscroll Chromeにスムーズスクロールを。 FlashBlock SilverlightやFlashを非表示にする。 Alt+Fでホ
AutoPagerize for Chrome - SWDYH
まだとりあえず動くというレベルですが、ChromeのExtension版のAutoPagerizeをつくりました。 --enable-extensionsをつけて起動してる状態で、 下のURLからインストールできます。 追記: --enable-extensionsは必要なくなりました。 http://cloud.github.com/downloads/swdyh/autopagerize_for_chrome/autopagerize_for_chrome.crx 追記： こちらから、Chrome Extension版をインストールしてください。 http://autopagerize.net/ アンインストールは、たぶんまだ仕組みがないので、プロファイルディレクトリのExtensionsにある38c37d51986565d5334e62eb0d056c10a68d69c7というディレ
Drift Diary12: エンジニアからみたChromeの中身
といっても、この内容は、ソースコードをみてるわけでもなく、リリースされてる情報や、Chromeのアプリを触ってみて、実装を推測してみたもので、あくまでも想像です。あしからず。 という、お約束の前置きをしつつ、まず、エンジンについては、リリースではWebKitベースにv8というJavaScriptのエンジンを搭載してると言われてます。UserAgentをみると UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 ということで、AppleWebKit/525.13ということはSafari3.1ベースのWebKitが採用されてることがわかります。(Safari3.1.1はAppleWe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazonのページでブックオフの在庫・価格も確認できるChrome拡張「AmazookOff」NOT SUPPORTED
ごりゅご.com
GoogleChromeに乗り換えるために導入した拡張機能10個｜男子ハック
「俺の邪悪なメモ」跡地