とほほのChrome拡張機能開発入門 - とほほのWWW入門
Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body> </html> Chrome で chrome://extensions を開き、[パッケージ化されていない拡張機能を読み込む] から上記
FLoCとはなにか - ぼちぼち日記
1. はじめに Google がChrome/89よりトライアルを開始しているFLoC (Federated Learning of Cohorts)技術に対して、現在多くの批判が集まっています。 批判の内容は様々な観点からのものが多いですが、以前より Privacy Sandbox に対して否定的な見解を示してきたEFFの批判「Google Is Testing Its Controversial New Ad Targeting Tech in Millions of Browsers. Here’s What We Know.」が一番まとまっているものだと思います。 これまで Privacy Sandbox 技術に関わってきた身としては、各種提案の中でFLoCは特にユーザへの注意が最も必要なものだと思っていました。しかし、これまでのド直球なGoogleの進め方によって、FLoCのトラ
Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記
を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関
なぜChromeはURLを殺そうとするのか？ (Chrome Dev Summit 2019) - ぼちぼち日記
今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか？」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削
Getting Started with Headless Chrome | Blog | Chrome for Developers
TL;DR Headless Chrome is shipping in Chrome 59. It's a way to run the Chrome browser in a headless environment. Essentially, running Chrome without chrome! It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line. Why is that useful? A headless browser is a great tool for automated testing and server environments where you don't need a visi
Chrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
Google、高速プロトコル「QUIC」をChromeとモバイルのデフォルトに
Googleが、TCPに代わるトランスポート層の高速プロトコル「QUIC」をGoogleクライアントからGoogleサーバへのデフォルトプロトコルとし、IETFに標準化を申請する計画を発表した。 米Googleは4月17日（現地時間）、TCPに代わる高速ネットワークプロトコル「QUIC」（クイックと読む）を、Googleクライアント（ChromeおよびAndroidアプリ）からGoogleのサーバへのデフォルトプロトコルに移行していくと発表した。 QUICの採用により、TCPよりもページ読み込みが速くなるという。また、輻輳管理と損失回復機能の強化により、特にYouTubeのような動画サービスでは動画再生中の再バッファが従来より30％減るという。 QUICは、Googleが2013年に発表したUDP（User Datagram Protocol）をベースにしたトランスポート層のプロトコル（Q
GitHubで最近更新されていないプロジェクトを簡単に見分けるChrome Extentionつくった · さよならインターネット
June 9, 2014 GitHub Chrome Web Store ファイルが半年以上更新されていなければオレンジに、 1年以上更新されていなければ赤に色が変わるようになる。 比較的実利的だと思うのでご利用ください。 土曜日酒飲みながらダラダラとChrome Extention Hackathonみたいなのを @soh335の家で@shiyakeitaと3人でやっていた。JavaScriptとか全然書いたことなくて インターネット調べながら適当な感じで書いて動いたから、@damele0nにレビューしてもらったら すごい雑な感じだったのにめちゃくちゃカチっとレビューしてもらえた。 よくわからないけどカヤックにいる人はもちろんだけど いたことのある人たちもものをつくるみたいな習慣あって面白い。
Google Doodleのルービックキューブを解くChrome拡張を作った - すぎゃーんメモ
http://www.google.com/doodles/rubiks-cube のやつ。 とっくに旬を過ぎていて今さら感あるけど、、 URL 開いてスタートした瞬間に自動で解いてくれるChrome Extension 誰か 2014-05-19 16:02:43 via Twitter for Mac って自分で言ったし。 Google Doodle's Rubik's Cube Solver - Chrome Web Store source: https://github.com/sugyan/google-doodle-rubik-cube-solver この拡張を入れた状態で https://www.google.com/logos/2014/rubiks/rubiks.html を開いてキューブをクリックしてスタートすると左上に"solve"ボタンが現れ、それを押すと勝手に完
Octotree - GitHub code tree
GitHub on steroids Browser extension that enhances GitHub code review and exploration. Features * Fast IDE-like code tree * Quick search in tree format * Bookmark repos, issues, PRs, files * Support GitHub themes * Support private repositories * High performance, working with repositories of any size PRO features * File icon themes * Code font settings * Quick PR navigation * Unlimited bookmarks *
SpellBook 右クリックからブックマークレットを起動できる拡張 | fladdict
SpellBookというChromeの拡張を作ってみました。 ブックマークレットを右クリックから起動できるようになる拡張です。 ツブヤキ、Like、はてぶ、Evernote、あらゆるものが指先ひとつでYouはShock!です。新しく拡張を作ったりインスコすることなく、様々な機能を右クリックで解決できます。 使用方法 １：Googleで、拡張をChromeにインストール。 ２：画面上部のバーにBookmarklets フォルダができる。 ３：このフォルダに、ブックマークレットを色々と突っ込む。 ４：右クリックメニューに SpellBook が追加され、右クリックからブックマークレットが起動できる。 SpellBookがオススメな理由 ・ブックマークレットなので、デバイス間やブラウザ間で同期ができる！ ・JavaScriptができれば、わざわざ拡張を作らなくても機能追加できる！ ・拡張よりも沢
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様を紹介しましょう。 Chromeはさらに高速に 昨日に続いて、グーグル Senior Vice PresidentのVic Gundotra氏登場。Galaxy Tabは気に入ってくれたかな？ 今日のテーマはWebだ。Chromeチームはスピード、セキュリティ、機能などに関してWebを前進させてきた。Chromeの今後について話をしよう。 Chrome担当、Senior Vice Presiden
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
「YSlow for Chrome」登場、Web開発者に人気のパフォーマンス分析機能 | エンタープライズ | マイコミジャーナル
Speed up your web pages with YSlow Yahoo!からChrome向けのYSlowエクステンションが公開された。YSlow - Google Chrome extension galleryよりインストールできる。 YSlowはWebページやWebサイトのパフォーマンスを分析するツール。従来はFirefoxエクステンションとして提供されおり、Firefoxの中でも特に人気の高いエクステンションの1つとして知られる。今回Chrome向けにもYSlowが提供されたことで、YSlowパフォーマンス分析がChromeからも実施できるようになる。 YSlow for Chromeの主な特徴は次のとおり。 YSlow for Firefoxとほぼ同じUIと機能の提供 遅延読み込みコンポーネントの検出機能を搭載 「YSlow V2デフォルト」「クラシックV1」「小規模サイ
Chromeのスタートページで自分のはてブをインクリメンタル検索する拡張（ただしPerlで書いた） - Csideのダイアリー
せっかくブクマしても、なかなか後で自分のブクマを見返したりってしないじゃないですか。そういう習慣をなんとか直したかったので、Chromeのスタートページを自分のはてなブックマーク一覧のページに上書きしてしまう拡張を書きました。機能としては開いた瞬間、自分の最近のブックマーク一覧を出す検索もできる（これははてブ有料ユーザーのみ）という感じです。*1https://github.com/Cside/StartFromHatebu.crx/How to Use git clone git://github.com/Cside/StartFromHatebu.crx.git # chrome://extensions/ を開く # => デベロッパーモード # => 「パッケージ化されていない拡張を読み込みます」でStartFromHatebu.crx/を選択 cd StartFromHatebu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
