当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog
追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、本気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは
これはオススメしたい！『Google Chrome』拡張機能12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターのともぞうです！ あっというまに夏が終わり、気づけば今年も残り少なくなってきて焦ります……。 今回は、業務効率化でかかせない Google Chrome の拡張機能をご紹介します！ 気が早いですが、年末の忙しい時期に向けて効率化を図りましょう！ 業務効率編 開いているページを一気に共有！ – Copy All Urls https://chrome.google.com/webstore/detail/copy-all-urls/djdmadneanknadilpjiknlnanaolmbfk 開いているタブのURLをクリップボードにコピーしてくれます。複数の URL を共有したいときに便利です。 デザイン確認後に修正してほしい URL のみをコピーしたりするときに利用します。 1クリックでページ全体のスクショができる – Full Page Screen Cap
2017年夏、ブラウザテストフレームワーク | To Be Decided
「2017年夏、Selenium、ヘッドレスブラウザ」の続き。 ServiceNowアプリケーションのブラウザテストをしたくて色々調べている。 前回は、Selenium(WebDriver)とChromeのヘッドレスモードを使うのがよさそうというところまで書いた。 この記事では、ブラウザテストフレームワークを選ぶ。 ブラウザ操作ツールとかブラウザテストフレームワークとか Seleniumを直接使って、JUnitなんかのテストフレームワークでブラウザテストを書くこともできるけど、それは結構つらい。 Seleniumは低レベルなブラウザ操作APIを提供するので、単純にテスト書き辛いし、動的サイトを扱うときには、かなり気を使ってwait処理を入れていかないとテストが安定しない。 テスト前に、WebDriverの準備をしないといけなかったりするのも面倒。 なので、昨今はもう少し高級なツールやフレー
Chrome拡張機能を使ってYouTubeやAmazonプライムビデオを倍速以上で見る方法 | Time to live forever
2017.07.172020.12.27Chrome拡張機能を使ってYouTubeやAmazonプライムビデオを倍速以上で見る方法 YouTubeやAmazonプライムビデオを倍速以上で見たい最近YouTubeやAmazonプライムビデオなどで動画を見ることが多くなったのですが、ゆっくり時間をとれないこともあり「長い動画は倍速で見たい」という要望が出てきました。 少し調べてみたところ、Chrome拡張機能を使って動画を倍速以上で見る方法を見つけたので試してみることにしました。 実際に使ってみると導入も簡単で非常に快適だったのでやり方を紹介します。 動作環境動作確認環境は以下のとおり。本記事執筆時点での動作を確認しております。 Mac OS X El Capitan バージョン10.11.6Google Chrome バージョン: 59.0.3071.115（Official Build）
効率大幅UP！Chromeの超便利拡張機能12選 - Findy
2016.06.06｜最終更新：2017.11.17 効率大幅UP！Chromeの超便利拡張機能12選 GoogleのブラウザであるChromeには便利な拡張機能がたくさんあります。 拡張機能を使うことで、それまでの作業が何倍にも効率UPすること間違いなし！ 本記事では私が長年使って本当に便利だと感じたChromeの拡張機能を12個ご紹介します！ 1. Keepa – Amazon Price Tracker Keepa – Amazon Price Trackerは、Amazonの商品価格の推移をグラフで示してくれるものです。 Amazonは日々値段が変動していますが、普通は欲しい時に注文するので安い時に買おうとする人は少ないでしょう。 そもそもいつ安いのか分からないですから。 ですが、Keepa – Amazon Price Trackerを使えば今が安いのか高いのか一発で分かります。
Headless Chrome をさわってみた | CYOKODOG
Headless Chromeのリリースをうけて、PhantomJS のメンテナーが開発の終了を宣言したりとか、ちょっと話題になった Headless Chrome について試してたことをメモっておく。 試したやつのリポジトリ：https://github.com/cyokodog/headless-chrome 概要 ヘッドレス（GUIを表示しない状態）で実行できる Chrome の機能 Chromium と Blink が提供する機能をコマンドラインで利用できる Chrome 59 から利用可（2017/06/08時点ではMAC、Linuxのみ） 活用例 ウェブページのテスト 表示・動作テスト、画像やPDFによる画面のスクリーンショット スクレイピング 認証が必要なサイトでも対応 ヘッドレスで起動する --headless フラグと --disable-gpu フラグ（そのうち指定不要
コラム｜株式会社プロネクサスのweb制作部門レインボー・ジャパン
平日10：00〜19：00（土日祝日を除く）営業、パートナー応募のお問い合わせはお受けしておりません。
遅い通信だとChromeはdocument.writeで外部のスクリプトを読み込んでも動かなくなるらしい(A Parser-blocking, cross-origin script ...) - 唯物是真 @Scaled_Wurm
概要 Google Chromeを使って、document.write()で外部のJavaScriptを読み込んでいるページを開くと、いつの間にか開発者ツールのコンソールに以下のようなメッセージが出る状態になっていた "A Parser-blocking, cross-origin script, スクリプトのURL, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity." 開発者ツールを開きながら適当なサイトを見ていると、広告っぽいURLが引っかかってることが多い この警告が何を意味しているかというと、遅い携帯電話の通信だとページの読み込みが遅くなるので、以下のようにdocument.write()でクロスオリジンのスクリ
【JavaScript】各ブラウザでダウンロード処理を実装する（Chrome, Firefox, IE, MS Edge, Safari）
【JavaScript】各ブラウザでダウンロード処理を実装する（Chrome, Firefox, IE, MS Edge, Safari） Webページから何らかのファイルをダウンロードしたい場合は、ブラウザごとに実装する必要がある。 以下のブラウザを対象とする。 Chrome Firefox Internet Explorer 11 MS Edge Safari ※ 2016/05/23時点での最新バージョンで動作確認済み ダウンロード処理を実装する // ダウンロードしたいコンテンツ、MIMEType、ファイル名 var content = 'abc'; var mimeType = 'text/plain'; var name = 'test.txt'; // BOMは文字化け対策 var bom = new Uint8Array([0xEF, 0xBB, 0xBF]); var b
Budou: 日本語のための自動折り返し制御ツール
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Amazonでの賢い買い物をするにはChromeの拡張「Keepa – Amazon Price Tracker」が必須｜More Access! More Fun
先日こういうエントリーを書きましたら・・・ Amazonで一番まずいのは溢れる二重価格の表示だと思う 二重価格改善して欲しいですが自己防衛としてChromeの拡張機能「Keepa – Amazon Price Tracker」を使用してます。 価格の履歴が見れ安いのか高いのかすぐ確認取れます。https://t.co/NR7v8Q2QS2 https://t.co/vLTNmwipIG — なお (@naoh__i) 2016年10月16日 というアドバイスを頂きました。 さっそくChromeブラウザにインストールして使ったところ・・・ Amazonの買い物はこれなしではあり得ない!! という結論に達しましたので、ここでご紹介します。マジで使えます!!! 教えてくれてどうもありがとうございます。 使い方は簡単・・・ これをモバイルで見ている方は、PCを開いてください。 GoogleのChr
図で理解するJavaScriptのプロトタイプチェーン - Qiita
JavaScriptのリファレンスといえばMDNですよね。 JavaScriptで調べものをする際に、真っ先に見る方も多いでしょう。 そんなMDNですが読めていますか？ 例えばArrayのページを見てみましょう。 さらっと書かれているprototype JavaScriptを理解するにはプロトタイプチェーンを知る必要がある 本記事の目的 プロトタイプチェーンを理解する MDNをより読めるようにする JavaScriptのObjectやArrayなどの基本型の構造を理解する 確認環境や記述について Chrome 52のコンソールで動作確認 ES5で記述 説明のしやすさを重視、プロトタイプをあらわすのに__proto__を使って記述 まずはオブジェクトについてみていく シンプルなオブジェクトを作る
console.logまとめ 2016年夏 - Qiita
console.log関連についてまとめました。 モダンブラウザであればどれも使用できると思いますが、基本出力結果等はchromeで確認したものです。 console.hogehogeのいろいろ 基本 引数を入れることで出力結果をカスタマイズできます console.info、console.warn、console.error それぞれで見た目を変えることができます。 console.assert 式を評価してfalseの場合にログ出力します。 console.count ログの出力結果が同じ場合にカウント数が自動的に増えていきます。 console.dir オブジェクトのプロパティの中身をログに出力します。 console.dirxml HTMLとかXMLの要素を渡すと、下の要素が全部見れるようになります。 console.group、conosle.groupCollapsed co
英語学習者の強い味方、英文チェックツールの「grammarly」が超優秀でオススメ！ | バンクーバーのうぇぶ屋
もしかしたら初めてYoutube広告に釣られたかもしれないと思ったんですが、先日Youtubeをなんとなく眺めていたらgrammarlyの広告が流れていたんですね。これ自体は結構前から知っていたWEBサービスで、英文の校正サービスとしては以前からあったんですね。ただ、英文チェックまでの過程が長かった。たしか以前は、英文アップロードして、チェックして、評価して、内容確認してと、なんか色々面倒なイメージがあったんですね。実際そうだったと思うし。 なので「今さらYoutube広告打ったのかね」と一瞬思いはした物の、その広告がやたら毎回英文チェックめんどくせぇの心を擽るくらい良く出来ていたので、まんまと釣られて使ってみたという流れです。 それがまぁ、以前の原型なんてとどめて居ないくらいに進化していたので、今日はここで共有させて頂こうと思います！ 凄まじく進化した英文チェック工程と精度 とりあえず、
Chromeのヘッドレスブラウザがやってくる。というわけで試してみた。 - Qiita
注意：この記事は古いです。2016年06月06日に書いた記事です。 2017/04/14 追記： Chrome59から正式にヘッドレスモードが搭載されます。 ヘッドレスモードではPhantomJSなどのようにJavaScriptでヘッドレスブラウザを制御することも可能です。 https://chromium.googlesource.com/chromium/src/+/master/headless/ 2017/06/07 追記： NightmareJS風に操作できるライブラリをリリースしています。 ヘッドレスChromeをもっとも簡単に操作できると思われるNightmareJS風ライブラリ http://qiita.com/devneko/items/3689b46fc2bcdb8121a8 先日、Googleの人が「Headless Chrome is coming so soon」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Dev Summit 2014: Let's build some apps with Polymer!
閲覧ページを単一のHTMLとして保存するChrome拡張「シングルHTMLダウンローダー」 - 窓の杜
http://11neko.com/loom/
Headless mode in Chrome M57
http://harold-spm.com/chrome-extensions/