ブラウザ拡張を用いた業務改善手法 - クックパッド開発者ブログ
買物情報事業部の根岸(@negipo)です。今回はブラウザ拡張を日常業務でどう使っているかについて紹介します。 ブラウザ拡張とは ブラウザ拡張は、ブラウザによるウェブとのインターフェースをJavaScriptやCSSを用いて自分好みにカスタマイズする機能です。Google Chromeを利用していればChromeウェブストアなどで公開されている拡張をインストールできるでしょう。一方で、開発したブラウザ拡張を自分で使うために、Chromeウェブストアによる公開と言うプロセスを踏むのは面倒です。日常的にウェブのインターフェースを改変する道具としてブラウザ拡張を使うためにはいくつかの手法がありますが、僕はGithubのdefunktさんが作ったdotjsを使っています。詳細は省きますが、今開いているページでalertを出すぐらいの機能であれば10秒で開発作業を終えることができると思います。 また
Chrome/Firefox の JavaScript Debugger でステップ実行時にライブラリ・フレームワークをスキップする - Qiita
JavaScript のデバッガ、便利ですよね。つかって、ますよね! Chrome, Firefox 両方の Developer Tool (Web Inspector) には JavaScript デバッガが付属しています。両者には Event Listener Breakpoints 機能が存在し、特定イベントのリスナ全部にブレークポイントを仕掛ける事が可能です。 しかし、jQuery の $.on, $.bind, その他 $.click(fn) 等でイベントハンドラを定義すると jQuery の中で addEventListeners が呼ばれ内部で処理をした後に実際に jQuery に渡した関数が呼ばれます。 そのため、JavaScript デバッガは jQuery 内部でブレークし本来飛んでほしいはずの関数に一発で飛んでくれません。 そこで Firefox には Library
3 Dreams of Black by Google Data Arts Team - Experiments with Google
This experiment is no longer active, but you can still learn about it on this page. “3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experien
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
Taberareloo + upload from cache - 枕を欹てて聴く
というわけでversion 2.0.13にて, Taberarelooにupload from cache相当を実装しました. 結果, ある種のreferer checkを行うserviceの画像がTumblrにpostできたり, なにより, screen captureの結果がHatena Fotolife以外のTumblrにpostできるようになりました!(上図) これで手軽にscreen captureを撮ってtumblrにuploadできますね. Chrome Web Store - Taberareloo upload from cacheは実装されないのかと言われてきましたが, なんというか技術的に可能になったので実装しました. 楽しいですね! 正確にはcacheからuploadしているわけではないのですが, 一応これでどうでしょうか? なんかダメなserviceとかあったら,
Google Chrome 5の新機能とChrome 6の計画 | gihyo.jp
Google Chrome 5のリリースが刻一刻と迫ってきました。その注目の新機能と開発者向けの変更点に加え、Chrome 6を見据えた今後のスケジュールなどを詳細にお届けしたいと思います。 まず、Chrome 5の最大ニュースはなんといってもMac版、Linux版がそれぞれ正式にリリースされる予定という点です。これまで、Mac版とLinux版はベータ版と開発版が提供されていましたが、ついに安定版がリリースされる予定です。特にMac版はMac OS Xに馴染むようにかなりの改良が加えられているので、注目のリリースとなりそうです。 さて、これまでのリリースを簡単に振り返ってみます。シンプルで高速なブラウザとしてChromeがリリースされてから、Chrome 2では基本機能の充実と高速化、Chrome 3ではテーマのサポート、Chrome 4では拡張機能のサポートとブックマーク同期、Chrom
WebKit／Google Chrome開発者に聞く、HTML5最前線 － ＠IT
2010/05/12 「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」 こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている。 WebKitは不思議なプロジェクトだ。よく知られているように、Google ChromeとApple Safari（およびiPhoneやiPadに搭載されるそのモバイル版のMobile Safari）は、オープンソースベースで開発が進む「WebKit」というコードベースを共有している。ここにさらに、WebKitを統合したGUI開発フレームワーク「Qt」を抱えるノキアや、搭載ブラウザをWeb
Chromium (Chrome) のソースを読む - NyaRuRuが地球にいたころ
Chromium (Chrome) のソースを読んでみた． まず Chromium の位置づけがややこしい． Google 発のオープンソースなブラウザである Chromium があって，Google Chrome はこれをカスタムビルドしたもの，という位置付けらしい．まあ大多数の人間にとっては，Google Chrome のソースを読めるという認識で問題ないんだろう． ソースをダウンロードしてビルドまで，の手順はここにまとまっている． Getting Started - Chromium Developer Documentation 推奨ビルド環境は Visual C++ 2005 SP1．ソリューションファイル同梱なので，Windows っ子も安心． 巨大な tar ファイルの展開が終わると，Visual C++のプロジェクトファイルが大量に現れる．各プロジェクトの概要はこちら． G
User Scripts
Chromium and Google Chrome (version 4 and higher) have built-in support for Greasemonkey-style user scripts. To use, click on any .user.js file. You should see an install dialog. Press OK to install. Known issues: Chromium does not support @require, @resource, unsafeWindow, GM_registerMenuCommand, GM_setValue, or GM_getValue. GM_xmlhttpRequest is same-origin only. Match Patterns The preferred way
Firefox用拡張機能「Greasemonkey」、Google Chromeに対応:ニュース - CNET Japan
ウェブを多用する「Firefox」ユーザーの間で人気のカスタマイズツール「Greasemonkey」がオープンソースブラウザ「Google Chrome」向けにも提供される。 Greasemonkeyの作者で、「Google Gears」に取り組むGoogleのプログラマーAaron Boodmans氏が、Chrome向けGreasemonkeyを作成した。このたびの変更はGoogle Operating Systemブログに記されている。 現段階でGreasemonkeyを使用するには、Chromeの開発者向けバージョンを使用し、プログラムへのショートカットに「--enable-greasemonkey」フラグを追加する必要がある。 Greasemonkeyを使うと、ウェブページの体裁を整えるスクリプトを実行できる。かつてGoogleのGmailサービスに「Delete」ボタンがなかった
【ハウツー】新星Webブラウザ「Google Chrome」に付属の2デバッガを使いこなそう (1) もう試しましたか? Google ChromeのWeb開発者向けデバッグツール | エンタープライズ | マイコミジャーナル
Firefox、Safari、Opera、そしてGoogle Chrome。これらWebブラウザはネットサーフィンをするにとどまらず、Web開発者/デザイナのためにデバッグを円滑にするためのさまざまなツールが用意されていることは周知のとおり。このたびリリースされたGoogle Chromeに付属するデバッグツールは、これから同Webブラウザでデバッグを行う、Firebug等に慣れてきたWeb開発者/デザイナのよきパートナーとなり得るか。 もう試しましたか? Google ChromeのWeb開発者向けデバッグツール WebKitをベースにしたWebブラウザ、Google Chromeがリリースされてはや1週間ほど。マルチプロセス、V8とさまざまな特徴・新機能に目が行きがちだが、読者の方々はもう「JavaScriptコンソール」「JavaScript Debugger」は試してみただろうか。
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
John Resig - JavaScript in Chrome
Google Chrome has taken the browser world by storm. It makes for an exciting release, no doubt, especially with a brand new JavaScript engine on the table. However the most important question, to JavaScript developers, is: How will this affect my normal development routine? I’ve done some research, talked to some developers, submitted some bugs and come back with a list of things that you should p
John Resig - JavaScript Performance Rundown
A new JavaScript Engine has hit the pavement running: The new V8 engine (powering the brand-new Google Chrome browser). There are now a ton of JavaScript engines on the market (even when you only look at the ones being actively used in browsers): JavaScriptCore: The engine that powers Safari/WebKit (up until Safari 3.1). SquirrelFish: The engine used by Safari 4.0. Note: The latest WebKit nightly
Chromeがソフトの拡張性を「こちら側」から「あちら側」に移す - アンカテ
コンピュータになじんでいる人と一般の人は、いろいろな所で感覚が違うものですが、これについてslashdot.jpに鋭い洞察がありました。 一般人の場合 GEEKの場合 機械を使う PCの内部を意識せず、目的の業務なり文書を仕上げること。 環境を自分にとって快適になるように自分のコントロール下に置くこと。 機械に使われる コマンド、URL等、自然言語にない意味不明な呪文を覚えされられること。 本来の目的と無関係な、環境構築や設定に労力を食われること。 カスタマイズできない、ハックできない ベンダー(または自社)お仕着せの環境を使わされること。 つまり、ギークはカスタマイズできる要素が多いソフトを好むのに対し、一般人はそれを嫌う傾向にあるということです。 ギークにとってカスタマイズしやすくて、しかも一般人にも使いやすいソフトも絶対に不可能ということではありませんが、普通は、あちら立てればこちら
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
Google Chromeのaboutページ一覧 - 新しいTERRAZINE
about:blank 空白タブを表示 about:cache キャッシュしているアドレスと、そのダンプを表示 about:dns DNSプリフェッチを表示 about:histograms 時間帯による使用頻度などのヒストグラムを表示 about:objects 不明 about:memory プロセスごとのメモリー消費量の詳細や、他のブラウザの消費量を表示 about:plugins インストール済みのプラグインを表示 about:stats しーっ！このページは秘密だよ！ about:version バージョンとUA名を表示 about:network ネットワークへのアクセスログ。Peformanceグラフの凡例が無いため、意味が読み取れない about:ipc 不明 about:internets 3Dパイプスクリーンセイバー？ about:shorthang 不明（短時間のフリ
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ページを開く
GitHub - dejan/rails_panel: Chrome extension for Rails development
Greasemetal - an Userscript Runtime for Google Chrome