Google Chrome の Console でお寿司
Google Chrome の Console パネルにお寿司を流すやつ （こう書いても意味不明） が音の鳴るブログさんで公開されていましたので紹介してみます。 個人的にはアジとヒラメが好物なので注文したい。ていうかお寿司食べたい... コンソールを寿司が流れるやつ ： 音の鳴るブログ console-sushi ※ この記事の下の方に実際にお寿司頼んだ状態のキャプチャが貼ってありますので、ネタバレしたくない人は先にリンク先に移動してご自身でお寿司注文してみてください。 「console-sushi」 のサイトに行って、Google Chrome の Console パネルを開いたら、注文だ。 元ネタというか、ヒントになっているのは下記だそうで、 adamschwartz/log ： GitHub console.log() で出力した文字列に CSS で色を指定してっていう感じ。 知らな
Google Chrome Extension タブの情報を取得
Google Chrome Extension で、extension をクリックされたときなどに 今開いているタブの情報（ページのURL, タイトルなど）を取得するには chrome.tags.* API を使います http://code.google.com/chrome/extensions/tabs.html 1. manifest.json で permission に tabs を追加します { "name": "My extension", ... "permissions": [ "tabs" ], ... } Samples Filter by API に chrome.tabs を選択する 2. JavaScript で API を使う 2.2 getSelected 全面に出ている（＝選択されている）タブの Tab Object を取得するには chrome.tab
ブラウザでももっとVimVimしたい! - ゆず日記
Vim Advent Calendar 16日目 みなさんこんにちは。OperaもDvorakも大好きですが、Vimも大好きなゆずえもんです。 大好きなVimを大好きなブラウザでも使いたい!!って時、ありますよね？ 今日はそんなVimmerの皆さんに各ブラウザでのVimライクな利用方法を纏めてみました。 主に「ブラウザ操作のVim化」、「textareaのVim化」に焦点を合わせてエントリを書きます。 Firefox Vimperator 言わずと知れた有名なアドオン。Vimperator :: Add-ons for Firefox 移動コマンドだけでなく、:set 〜などとコマンドも打てるのが特徴です。 設定ファイルとして .vimperatorrc があるのもVimらしくていいですね。 It's All Text textareaを外部エディタで編集できるアドオンです。 It's A
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
拡張要らずでお手軽にGoogle Chromeのユーザエージェントを変更する方法 - 適宜覚書-Fragments
ブラウザの判別や携帯の機種識別に利用するため、Webブラウザは個別のユーザエージェント文字列を持っています。例えば、Chrome11であるなら「Mozilla/5.0 (Windows NT 6.0; WOW64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.16 Safari/534.24」といった具合です。 このユーザエージェント文字列を変更出来れば、例えばFirefoxやIEは勿論のこと、iPhoneやAndroidのふりをさせて、その環境での利用画面を使うことが出来ます。今回はこの変更を拡張機能を使うこと無く、Chromeの基本機能だけで簡単に行う方法を紹介します。
Greasemonkeyを超えた！ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 - Chrome Life
先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最近ではサイト構築の際にHTML5を選択する機会が増えてきました。 HTML5+CSS3+jQuery この組み合わせで、ほとんどのWebアプリケーションの機能を実装することができる時代になってきたと思います。 必要なデータは、クラウドに保存してAPI経由で読み書きできれば良いので、その部分だけサーバーサイドに任せる感じのシンプルな構成になればベストです。 JavaScriptの部分は、別にjQueryじゃなくてもよいのかもしれませんが、プラグインや情報が豊富で、jQueryが使える開発者も多いことから、jQueryを選択しておけ
Chromeから一瞬でPHPマニュアルが引ける拡張「PHP documentation」:phpspot開発日誌
PHP documentation - PHP.net - Chrome ウェブストア Chromeから一瞬でPHPマニュアルが引ける拡張「PHP documentation」。 phpマニュアルは便利でphperなら誰もがお世話になりますが、Chromeの拡張としてインストールすることで関数をインクリメント検索することが出来たり、ページ内に表示される関数を右クリックして簡単に調べられます。 インストールすると、アイコンがツールバーに表示されます。なかなかシャレていますね。 クリックで検索窓が表示されます。 うろ覚えでもインクリメンタル検索なら簡単に探せます。 ページ内のドキュメントを選択し、右クリックで簡単にマニュアルに飛べます。 海外製の拡張ですが、ちゃんと jp.php.net で日本語表示されます。 というわけで、関数が多いPHPにおいて「あれなんだっけ」「引数どんなだっけ」を素早
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about. This course is designed for those new to web performance, a
初めてのGoogleChromeExtensions。notificationを使ってみる - こんにちはこんにちはmonmonです！
ネットで買ってる日用品がそろそろ切れそうで、そろそろ買おうかなぁと見てみたら、 ちょうど2,3日前に買ったら1000円くらい安かったことがわかり、 何か悔しくなったので「価格.comの最安値をチェックして安い時に買ってやろう」という気になりました。 まずはPerlで。Web::Scraperで。 とりあえず思いついたのはWeb::Scraperで定期的に取得。 #!/usr/local/bin/perl use strict; use warnings; use Web::Scraper; use URI; my $url = shift; my $scraper = scraper { process '#minPrice > a', 'price' => 'TEXT'; result 'price'; }; my $price = $scraper->scrape(URI->new($
続・先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Chromium-Extensions-Japan - Google Groups
このグループはGoogle Chromeの拡張機能について、APIの最新情報や開発のノウハウなどを日本語で共有するGoogle 準公式のコミュニティです。 Google Chrome 拡張はHTMLとCSS、JavaScriptを用いて、手軽に開発ができます。特に、HTML5やその関連技術(Web Storage、Web Workers、Web Socketsなど)や、WebKitのCSS3先行実装などを使って、強力なアプリケーション・サービスを開発することができます。 ドキュメント等々、まだまだ日本語での情報は不足している面はありますが、このコミュニティを通じて情報交換をして行きましょう！ 対象とするテーマ - Google Chrome拡張開発(各種APIの使い方、開発ノウハウ) 参考リンク - Official Google Chrome Extensions documentati
Google Chromeをubuntuにいれてみた。 - きっかけは29126
証明書認証で手間取ったのでメモ。 Chromeをインストールする。 Option → 高度な設定 → 証明書の管理 どうするのか説明がでます。以下はubuntuでのやりかた。 sudo apt-get install libnss3-tools certutil -d sql:$HOME/.pki/nssdb -A -t "C,," -n myca -i ca.cer caの証明書の取り込み。 pk12util -d sql:$HOME/.pki/nssdb -i jibunno.p12 自分の証明書とかの取り込み で終わりかと思ったら、証明書を提出してくれません。軽くぐぐると情報がありました。 chromeの起動時に--auto-ssl-client-authを指定する。 ランチャをパネルに追加したので、そのプロパティにツッコミました。以下引用。 jsorianopastor contr
第1回 Chrome ExtensionsのAPI#1 | gihyo.jp
こんにちは、ALBERTの太田です。今回からChrome4のリリースまでの間、Google Chrome Extensionsの詳細を追っていきたいと思います。なおタイトルの通り、この連載は先取り！ Google Chrome Extensionsの続編となっています。 まず、重要なお知らせがあります。前回の特集で何度か使用していたToolstripsとMoleがベータリリースまでに削除されることが決まりました。その代わりとして、今回解説するBrowser Actionsが利用できるようになります（Important: Toolstrips being removed in favor of browser actions）。また、Browser Actionsに合わせて、第3回で解説したPage Actions APIの新バージョンが提案されています。こちらも詳細は追って解説します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.2ch-search.net/blog/6
Downloads · timbertson/edit-server · GitHub
chrome.notifications | API | Chrome for Developers
Chrome Extensions API リファレンス
Google Chrome Extensions Tutorial: Getting Started (Hello, World!)
Chromeを高機能な画像加工ツールに変身させてしまう「Instant Image Editor」*二十歳街道まっしぐら（FC2ブログ時代）