Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
V8 release v4.9 · V8
Roughly every six weeks, we create a new branch of V8 as part of our release process. Each version is branched from V8’s Git master immediately before Chrome branches for a Chrome Beta milestone. Today we’re pleased to announce our newest branch, V8 version 4.9, which will be in beta until it is released in coordination with Chrome 49 Stable. V8 4.9 is filled with all sorts of developer-facing goo
MacのChromeで誤ってCommand+Qしたときに警告メッセージを表示させる方法*二十歳街道まっしぐら
【ゆっくり実況】スプラ3に向けてスプラ歴二ヶ月の私がチャージャー使ってみた結果…。【スプラトゥーン2】
Webプッシュ通知で更新をお知らせする、Webアンテナサービスをつくりました
サイト名は Pushdog です。かわいいドメイン取れました。 https://push.dog ※ 2/4 文字の表記を、全て大文字の PUSHDOG から Pushdog に変更しました Pushdog について PushdogはWebプッシュ通知でサイトの更新を受け取ることができるWebアンテナサービスです。 Webプッシュ通知というエッジな技術を使っているため、今のところ Chrome と Firefox にしか対応していません。Chromeを使っているのであれば、追加でソフトウェアをインストールしなくても、普通のアプリのプッシュ通知と同じように受け取ることが出来ます。 ※1 2/12 Firefox 44 に対応しました！ Firefox 44 のWebプッシュ通知に対応しました - Pushdog 開発ブログ ※2 PC版Chromeの場合、機能制限によりプッシュ通知を受け取れ
Eight名刺データダウンロードを便利にするChrome拡張機能つくった - noriaki blog はてな出張所
以前、名刺情報をiPhone連絡先へインポートする方法（またはEightデータをvCard形式でエクスポートするブックマークレットを作りました）という記事を書きました。 その後、Eightサービスが公式にEightプレミアム機能の提供を開始したのでブックマークレットの公開を終了しましたが、機能を追加してChrome拡張機能として公開しました。 Better Eight (8card.net) Tools ダウンロード・インストール Better Eight (8card.net) Tools - Chrome ウェブストア 機能概要 Eightサービスのプレミアム機能の一つである「名刺データのダウンロード機能」を強化し、以下のファイル形式をダウンロード可能にします。 EightオリジナルのCSV（通常ダウンロードできるもの） プレーンCSV（Eightオリジナルから余分なヘッダを削除したも
Qiitaのストックとはてなブックマークの追加を同時に実行するChromeエクステンション - Qiita
Qiitaにストックするか、はてなブックマークに追加するか迷ったあげく、どっちにも保存するという、面倒なことをすることがあったりするので、この作業めいたことを簡略化するため、Chromeのエクステンションを書いてみました。↓ Github:high5/qbta このエクステンションは, Qiitaのストックボタンを押すと、はてなのブックマークレットをたちあげ、Qiitaの対象の投稿記事についたタグをはてぶコメント欄にタグとして挿入して、追加ボタンをクリックするというのを自動的にやってくれます。はてブのほうの追加ボタンが自動でクリックされるかはオプションで選択できるようになってます。Qiitaのタグの他にコメントを残したいような人はこのオプションをオフにしてください。
「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ -
どうも、まさとらん（@0310lan）です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう！ ■Chromeアプリとは？ 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。（https://chrome.google.com
Chrome extensionを開発するためのいくつかのポイント
今日はここでChrome extensionを開発するためのいくつかのポイントを書きたいと思います。 ポップアップウィンドウのリロード Browser actionを登録すると、extensionはポップアップバルーンを開くためのボタンが表示されます。開発者は、manifest.jsonファイルの中で、ポップアップバルーンの中に描画されるHTMLファイルの名前を指定することができます。 一般的に、いくつかのJavaScriptファイルがポップアップバルーン内で使われるでしょう。HTMLファイルやいくつかのJavaScriptはいつロードされるでしょうか？はい、ポップアップバルーンを開く度です。もちろん、JavaScriptオブジェクトは、それが閉じられるときに破棄されるでしょう。 それ故に、ポップアップバルーンコンテキスト内のいかなる情報は、そのバルーンのライフサイクルを超えて保持されませ
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
任意のサイトで任意のJavaScriptを自動実行させるChrome拡張 - Qiita
任意のサイトで任意のJavaScriptを自動実行させる拡張機能の紹介です。 nakajmg/ScriptAutoRunner 使い道 スニペットを実行させておきたいときに jQueryなどのライブラリを挿入しておきたいときに デバッグに devtools-snippets/にあるconsoleを拡張するスニペットなど、スニペットをあらかじめ実行しておく必要があるものなどに使えます。 ブックマークレットなどで挿入していたjQueryなども自動で挿入することができます。 ホスト名でフィルタリングできるので、デバッグにも使えると思います。 使い方 まず実行させたいスクリプトを追加します。スクリプトの追加は拡張のオプションページから行います。 オプションページは次の3つの方法で開くことができます。 拡張機能のアイコンを押して歯車アイコンをクリック 拡張機能のアイコンを右クリックして"オプション"
Google Chromeのイースターエッグを自動でプレイする | Recruit Tech Blog
はじめまして。 2015年新卒の萬成（まんなり）です。数少ないフロントエンドエンジニアとして頑張ってます。 皆さんは Google Chrome のイースターエッグをご存知ですか？ 心当たりの無い方はネット回線をOFFにして Google Chrome で適当なページを開き、スペースキーを押してみてください。ティラノサウルスのゲームが始まりましたね？ これが Google Chrome のイースターエッグです。僕もネット回線が弱い場所や会議中によくプレイします。ある日、いつものようにこのゲームをプレイしていた時、「自動でプレイしたら面白いんじゃね？」と思い、そんなブックマークレットを作ることにしました。 本稿では、Google Chrome のイースターエッグ（以下、T-Rex Runner）を改造する方法と、自動プレイのブックマークレットについて説明します。ちなみにブックマークレットを実
Anti-DDoS HTTP Throttling of Extension-Originated Requests
Chrome 20 and later implements a mechanism that is intended to prevent distributed denial of service (DDoS) attacks from being perpetrated, maliciously or accidentally, by extensions running within Chrome. Chrome 12 through 19 had a different flavor of this feature, see here. To disable the feature, which may be useful for some extension developers: Pass the --disable-extensions-http-throttling co
Chrome ExtentionからOAuth.ioを使ってTwitterのAccessTokenを取得する。 - return $lock;
Chrome ExtentionからOAuth.ioを使ってTwitterのAccessTokenを取得する。 2014-02-15 JavaScript Twitter Tutorial: OAuth – Google Chrome chrome_ex_oauth.jsがTwitterで使えなくなっていたので、OAuth.ioのoauth-jsを利用してChrome拡張からTwitterのAccessTokenとSecretを取得してみました。 作業自体は10分あれば完了するというお手軽さです。あまりに簡単だったので感動しました。 ライブラリは以下を使用します。 oauth-io/oauth-js · GitHub 1. OAuth.ioでアプリケーション用のpublic keyを取得する。 OAuth.io – OAuth that just works. OAuth.ioに登録してP
http://blog.monoweb.info/blog/2012/08/03/chrome-storage/
See related links to what you are looking for.
jQuery Recursive AJAX Call Promise
I'm still trying to figure out how to use jQuery deferred object in recursive AJAX call. I have a code like this function request(page, items){ //building the AJAX return value for JSFiddle dummy AJAX endpoint var ret = { totalPage: 10, currentPage: page, items: [] }; for (var i = page; i < (page + 5); i++){ ret.items.push(i); } //calling the AJAX $.ajax({ url: '/echo/json/', method: 'POST', dataT
Chrome拡張やアプリの動作をチェックする(Chrome Apps & Extensions Developer Tool) - 唯物是真 @Scaled_Wurm
Chrome拡張やアプリの動作をチェックできるツールが公開されていたので触ってみました 過去数日間にどのURLでどんな動作をしたかがわかるので、開発の補助だけではなく怪しい拡張機能の動作の確認にも使えるかもしれません Chromium Blog: See what your apps & extensions have been up to cookieや履歴を要求する拡張機能をチェック、Googleのデバッグツールに新機能 - ITmedia エンタープライズ 以下のURLからインストールできます。 Chrome Web Store - Chrome Apps & Extensions Developer Tool chrome://apps/にアクセスするとアプリの一覧が表示されるので「Chrome Apps & Extensions Developer Tool」が起動できま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome 49」が安定版に。26件の脆弱性が修正
GitHub - PavelVanecek/gulp-crx: Pack Chrome Extension in the pipeline.
ホーム - Pushnate
window.location.href not working in chrome extension