ChromeTrigger.js
何が問題なんだろう? 描画崩れ? API未実装? 更新されないブラウザ? 作業量? バッドノウハウ回避? 考えなきゃいけない事が多すぎる? モバイルデバイスや モバイルブラウザが多すぎる? つまり Android Browser? Android Browser がボトルネック? どうすればいいんだろう? Android Browser が存在しない 新世界を創造 する? 新世界の神? それはちょっと無理… ユーザが Chrome だけを 使ってくれればいいのに? それってもしかして… ユーザが Android Browser で 開いてしまったページを 自動的に Chrome で開き直す 方法があれば解決? Wow! That's exactly what we want! Intent for Web! ChromeTrigger.js を使うと Android Browser で開い
Chrome ExtensionとOn Demand JavaScript - Qiita
Chrome Extension + On Demand JavaScript extensionにおいて、content scriptは唯一表示中のコンテンツ(要するにDOM)を参照/更新することが可能なコンポーネントである。 しかし、content scriptはDOMへのアクセスは可能だが、windowオブジェクトは共有しない。 例えば、extension側のcontent scriptに下記を書いたとして、
意外と知らないChrome Developer Toolsの便利な機能 - Qiita
参考資料がすべて英語なので、日本語で情報がまとまってる場所が欲しいと思いこの記事を作りました。「俺もっと便利な機能知ってるぜ！」「こういうことできないの？」って思った人はコメント/編集リクエストをくれると僕の幸せのステージがどんどん上がります。 DevToolsの起動するショートカットキーは？ 開くだけ F12, Ctrl + Shift + I (Win, Linux) Opt + Cmd + I (Mac) 要素の検証(Inspect Element)と同じ状態で開く Ctrl + Shift + C (Win, Linux) Shift + Cmd + C (Mac) Consoleタブが開いた状態で開く Ctrl + Shift + J (Win, Linux) Opt + Cmd + J (Mac) DevToolsって下じゃなくて右に持ってこれないの？ Dock To Righ
URL移転前のはてブを表示するChrome拡張『hatemove』をTypeScriptで作った。 - teppeis blog
はてブさんいつもお世話になってるんですが、サイトのURLが移転しちゃうと過去のデータ引き継げないっていう問題があります。 ここ最近GitHub PagesとGistのURLが変わっちゃって、「あれ、これ前に見たっけ？」っていうことが増えてきたので、移転前のはてブを表示するChrome拡張を作りました。 インストールはこちらからどうぞ↓ https://chrome.google.com/webstore/detail/hatemove/olhdaknacbkplofejfmcfjgkjdjpggml 移転があったらアイコンが緑に、移転前のブクマがあったらカウントを表示します。 自分がブクマしてたらチェックマークが黄色くなります（アイコンしょぼくてごめんなさい）。 御馴染みhokaccha先生の神プレゼンも、公式はてブ拡張と並べると荒稼ぎっぷりが一目瞭然です！ ちなみにこのうち60人は移転前
Ubuntu上でXvfbを使ってJavaScriptのユニットテストをChromeとFirefoxで実行する - Webtech Walker
JavaScriptのユニットテストをJenkinsとかでCIしたいとき、PhantomJSで実行するのもいいけどやっぱりChromeとかFirefoxみたいな実際のブラウザでテストしたい。でも環境作るのめんどくさいよなーと思ってたけどXvfbを使うとChromeとかFirefoxが動くのでLinux版のChromeとFirefoxだけだとわりと簡単に環境つくれた。 Xvfbというのは画面入出力をシミュレートするやつでデスクトップ環境を用意しなくてもChromeとかFirefoxとかが動かせるやつ。 OSはUbuntsの12.04（precise64）で試した。 まずXvfbを入れる。 $ sudo apt-get install xvfb 次にFirefoxを入れる。これもすぐ入る。 $ sudo apt-get install firefox Chromeは一手間必要だけどわりとすぐ入
Google Cloud Messaging for Chrome - Google Chrome
Google Cloud Messaging for Chrome (GCM) is a service for signed-in Chrome users that helps developers send message data from servers to their Chrome apps and extensions. The service is intended to wake up an app or extension, and/or alert a user. For example, calendar updates could be pushed to users even when their calendaring app isn't open. This document describes how the service works and prov
Chrome Socket API で WebSocket - Block Rockin’ Codes
intro Chrome Canary で Socket API が listen() をサポートしたってことで、 ブラウザ上にサーバを立てるという矛盾した行為が、 にわかに流行っているようです。 HTTP Server on Chrome Socket API で、以下のようにするとサーバが立てられて。 クライアントからアクセスすると HTTP が配信されたりします。 Chrome Socket API Server しかし、 何故か accept() が一回しかリクエストを処理できず、 現状一回処理したら立ち上げ直す(= Chrom 再起動?) しかないので、 仕方なく accept() をその都度行わないといけない状況です。 (多分そのうち改善されるんだろうと思います。) WebSocket Server on Chrome Socket API ということで、動くか確かめて見たくな
『リッチスマートフォンWebアプリのメモリ管理』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、ピグディビジョンでフロントエンドのプログラムを書いています。maginemu (@maginemu) です。 どこでもピグライフとは弊社の提供しておりますPC向けソーシャルゲーム「ピグライフ」をスマートフォン向けに移植したサービスです。『ピグライフのお庭をスマートフォンでも』を目標に移植を行いました。 (「どこでもピグライフ」はPCで「ピグライフ」を開始し、「いちごジュースを作ってみて！」というクエストをクリアするとお使い頂けるようになります) PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/J
Chromeでフローチャートやマインドマップを簡単に作図できる LucidChartで遊ぼう!! - 週刊アスキー
『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。
アドレスバーでMyはてブをインクリメンタルサーチ - Csideのダイアリー
アドレスバーに "b" と入力すると検索できる拡張を作った。ダウンロードhttps://github.com/Cside/my-bookmark-seach.crx/downloadsソースコードhttps://github.com/Cside/my-bookmark-seach.crx事の経緯http://b.hatena.ne.jp/my/search.data というページに自分のブクマのサマリー情報が詰まっているということを昨日sohさんのつぶやきで知って*1、これをインデックスに使えばMyブクマを検索できるよねいうことで、勢いで作ってみた。今まで自分のブクマの検索は、公式拡張のポップアップをえいやっと開いてやっていたのだけど、これならほぼ一瞬でできるから便利（のはず）。参考Chrome Web Store - Android SDK Reference Searchソースコードは
Bitbucketの課題一覧を表示するChrome Extensionを作った - ハードコイルド・ワンダーランド
最近Mercurialを使い始めた。 ホスティングにはBitbucketを使っているのだが、大層なものを作っているわけではないので 課題もBitbucketのIssue Trackerで管理している。 しかし、課題を確認しようとするといちいちブラウザでタブを開いて リポジトリを表示しなくてはならない。これはメンドイ。 当然、公式のChrome Extensionがあるかと思って探したのだが見つからなかったので自分でざっくり作った。 https://fumito_ito@bitbucket.org/fumito_ito/bitbucket-manager これはなに？ BitbucketのpublicリポジトリのIssue一覧を表示できる 同一ユーザのpublicリポジトリであればセレクトボックスを選択することで切り替えて表示可能 使い方 ソースを入手する $ hg clone https:
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
chrome extensionのXMLHttpRequestが改良された
Chromium Blog: Chrome Extensions: Now with more powerful scripts and improved proxy management. なんと、content scriptからクロスドメインなXMLHttpRequestができるようになった。これで、いちいちマヌケにもbackground pageを介してメッセージのやり取りをする必要はない。パフォーマンスも向上する。 この仕様は常々疑問だったのだ。background pageといえども、manifesto.jsonに指定したpermissionを無視したXMLHttpRequestはできない。それならば、content script内で、permissionを考慮したクロスドメインなXMLHttpRequestができてもしかるべきだ。何しろ、こちとらはエクステンションなのだ。 さっ
ついに出た！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サイトに限らず
TechCrunch
A security researcher says a bug on an Indian state government website inadvertently revealed documents containing residents’ Aadhaar numbers, identity cards, and copies of their fingerprints. T The European Union announced today it is opening an investigation into X for allegedly spreading illegal content and disinformation, including terrorist and violent content and hate speech. This comes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
content_scriptsからWindow内objectを操作する方法
getEventListeners(node) - hogehoge @teramako
Chrome+HTML5 Developers Live Japan #1
https://developers.google.com/web/tools/setup/workspace/setup-devtools
IDEA * IDEA
