池田 泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…
ChromeのDevToolsの便利機能まとめ
池田 泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…
特定の端末のみで起こる WebView プチフリーズを Tracing を利用して追った話 - SmartNews Engineering Blog
こんにちは、スマートニュース株式会社の紀平です。 SmartNews のアプリ内では、最近 WebView を使った機能を多数公開しております。そのうちの一つにショッピングチャンネルという機能があるのですが、今日はそのショッピングチャンネルのタイムセール枠で以前発生した、謎のプチフリーズ問題の調査手法をご紹介します。 tl;dr 特定の Android 端末でプチフリーズが発生した 再描画領域を減らすことで現象は改善した Chrome の Tracing 機能を利用し、ブラウザのソースコードまで参照して、ついに根本原因まで突き止めた タイムセールで起こった問題 タイムセールは、SmartNews のショッピングチャンネル内において WebView で提供されている、期間限定のお得な商品をアグリゲーションした機能です。EC サイト各社のご協力の上にご提供しております。内部は HTML5 で開
Google ChromeからMicrosoft Edgeに乗り換え - ただのにっき(2020-11-04)
■ Google ChromeからMicrosoft Edgeに乗り換え 昨日、Android版のGoogle Chromeで「共有」をしようとしたら、見慣れないUIが出てきて目が白黒。なんだこれ。 いつも使ってるアプリの一覧はどこへ行ってしまったの……と一所懸命探したところ、下の段を右にずーーーーっとスクロールするとやっと「...」というアイコンが出てきて、その先にあった。そもそもスクロールするように見えないんだからもう、一生見つからなくても不思議じゃなかった。 というかこのUI、気が狂ってるとしか思えないんだが、どうなってるの? Twitterでも書いたけど、 上段と下段に同じものが並んでいる。同じものを2つ置いておくほどスマホの画面は広くない！ めったに使わないものがデフォルトになっている。10年もAndroidを使い続けてるけど、Bluetoohへの送信も、Androidビームも、
nano系の広告ブロックは速やかに削除しましょう | 280blocker
有名な広告ブロック機能拡張であるNanoAdblockerとNanoDefenderが正体不明の開発者に買収され、安全な機能拡張とは言えなくなりました。 これらを使用している方は速やかに削除して、uBlock Originへ乗り換えましょう。安心できる開発者であることが明らかになるまでnanoのインストールは控えましょう。 これまでの流れ NanoAdblockerとNanoDefenderは広告ブロックの有名な機能拡張でublockから派生したものです。 以前は独自機能で魅力的でしたが、最近はアップデートも遅れがちで、ublockのアップデートに追い付いていない状態が続いていました。 2020年10月3日にnanoの開発者よりアナウンスがあり、機能拡張をトルコの開発者へ売却する事が明らかになりました。売却先の詳細や買収した意図は不明です。その数日後ににnano機能拡張の開発元表示が売却先
Chromeブラウザの「パスワード丸見え」問題にGoogleが釈明
米GoogleのWebブラウザ「Chrome」が保存されたパスワードを平文で表示する機能を提供していることについて、Googleの担当者が掲示板サイトで「ユーザーに誤った安心感を与えたくない」とする同社の立場を説明した。 この問題はソフトウェア開発者のエリオット・ケンバー氏が自身のブログで指摘し、Googleのパスワードセキュリティ対策の甘さを批判していた。 Chromeブラウザのセキュリティ責任者ジャスティン・シュー氏は、掲示板サイト「Hacker News」でこれに反論。「保存されたパスワードへの唯一強力なパーミッションの境界はOSユーザーアカウントであり、Chromeではロックされたアカウント上のパスワードを安全に保つため、そのシステムが提供する暗号化ストレージを使っている」と説明する。 一方で、例えばシステムにロックを掛けないまま席を外すなどして、悪意を持った人物にアカウントにアク
Google、サードパーティー製CookieのChromeでのサポートを2年以内に終了へ
同社はまた、2月のChromeのアップデートで、サードパーティーで使うためにラベル付されたCookieにHTTPS経由のアクセスを要求する計画も発表した。これにより、安全でないクロスサイトトラッキングを制限する。 関連記事 「クッキー」から始めるプライバシーの旅 Webブラウザの「クッキー」という仕組み。リクナビの内定辞退率の予測にまつわる問題でやり玉に上がりましたが、そもそもどんな仕組みなのでしょうか。クッキーの理解から、プライバシーを考えていきます。 Chromium版「Microsoft Edge」は2020年1月15日リリース Microsoftが、Chromium版ブラウザ「Microsoft Edge」の正式版を2020年1月15日に公開すると発表した。WindowsとmacOS版だ。新ロゴはイノベーションの波を表現したとしている。 Google、個人のプライバシーと最適な広告
Google Chrome EV表示の終焉 - ぼちぼち日記
1. Chrome でEV証明書の組織名表示がなくなる ついにGoogleからChromeのURLバーからEV表示を削除する正式なアナウンスが出ました。 Upcoming Change to Chrome's Identity Indicators EV UI Moving to Page Info 現在(2019年8月) StableのChrome76では、以下の様にURLバー左側にEV証明書を利用していることを示す「組織名+国名」表示が付いています。 Chrome76のEV表示 2019年9月10日Stableリリース予定のChrome77からはEV表示がURLバーから削除され、鍵アイコンをクリックして表示されるPage Infoに「組織名＋国名」が表示されるようになります。 Googleのアナウンスでは、 "on certain websites" と書いてあることから一気にではなく
Edge 終了に寄せて - mizchi's blog
初報を聞いたとき、描画系だけ blink に入れ替えて処理系は V8 使わず ChakraCore などに入れ替えるのかな、と思っていたが、どうも V8、というか chromium 一式を使うらしい。 正直に言って、Edge が死ぬことに、そこまで強く思うところはない。Edge は内部的に自身のベンダープレフィックスで webkit と名乗るぐらい (標準ではなく) webkit との互換性の意識が高いので、お前自分のことを webkit だと思ってるもんな、みたいな気持ちがあった。 webkit みたいなブラウザが消えて、webkit 後継のブラウザをベースに作り直される。開発者として追うべきは、個別の実装ではなく依然として標準仕様であって、それだけの話。 リリースサイクル 僕が思うに、 MS の抱えていた真の問題は、Windows に紐付けられたリリースサイクルとサポートにあって、Wi
Chromeブラウザの広告ブロック機能、7月9日に世界で有効に
Better Ads Standardは、ユーザーが特に不快に感じると業界が特定した広告に関する問題を集めたもので、例えばいきなり音が出るものや10秒以上広告が表示されて先に進めないものなどが該当する。 Googleは北米と欧州での広告ブロック開始と同時に、自身の広告ネットワークでは基準に満たない広告販売を停止した。 北米と欧州では、当初基準に違反する広告を掲載していたWebサイトの3分の2が1月1日の時点で基準を満たすようになり、現在では広告ブロックが必要なWebサイトはレビューした数百件のうち1％以下だったという。 GoogleはWebオーナーに対し、広告に関する問題レポートを使って自分のWebサイトに問題がないかどうかチェックするよう勧めている。 関連記事 Google、Chromeブラウザでの劣悪広告ブロック開始、仕組みを説明 Chromeブラウザでの劣悪広告ブロックがバージョン6
EdgeHTMLを悼む - saneyuki_s log
久々に色々書きたい気持ちになった + 矢倉さんの書かれたものを見て、彼とは微妙に考えることは違うかなあと思ったので書くだけ書いてみる。意見似てるなと思ってるところは書かないようにはした（標準化方面周りとか）。あと、Webブラウザ周りの現状に明るくない同僚や友人向けのテイストは含んでいる。 そもそもの大前提 まず、Webという文書・アプリケーションプラットフォームの価値は「標準仕様に基づく相互運用性」「インストールせずとも使える」の二点に集約されると自分は思っている。 最近はずいぶん聞かなくなった「Webは簡単に作りやすい」というメリットは、「Win32のデスクトップアプリに比べると」という但し書き付きで、90年代は事実だったと思うけど.NET Frameworkの進化とかモバイルOSアプリが出たりとか業界の成熟に伴って事実ではなくなって久しいと思う。 この「標準仕様に基づく相互運用性」とい
Microsoft EdgeのChromium移行とか - fragmentary
週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado
Firefox Quantum雑感 - Mozilla Flux
"Firefox Quantum"という名称 Mozillaの公式ブログその他を読むとFirefox QuantumはFirefox 57「だけ」の別名に見えるが、実際には数バージョンにわたって使用される名称だ。Photon UIのブラッシュアップはFirefox 59の開発サイクルが終わるまで続くという話があるので、Firefox 60からは元通り数字で呼ばれるんじゃないだろうか。 Firefox 57は、Mozilla Corp.の社運を賭けたといっても過言ではないくらい大きな節目のバージョンになるので、盛り上げるために呼び名を工夫したいのはわかる。が、Quantumプロジェクトの達成度からいうと中途半端な印象だ。今できる高速化を詰め込んだQuantum Flowが成功したので、格好はついたものの、Firefox 57の時点で有効化されたのはQuantum CompositorとQua
LDRに代わる新しいRSSリーダーFeedponを開発した - emonkak's Blog
はじめに LDRが終了するということで、FeedlyをバックエンドにしたWebブラウザ上で動作する新しいRSSリーダーFeedponを開発した。 現在の所FirefoxのアドオンとChromeの拡張として配布している。 他にモバイル版として、CordovaでパッケージングしたAndroidとiOSアプリがあるものの、ストアでは配布していない(お金がかかるので)。 モバイル版を利用する場合は各自でビルドしてインストールする必要がある。 本稿は今回開発したFeedponの設計思想とその特徴を語るものである。 背景 自分が長年愛用していたRSSリーダーのLDR(Live Dowango Reader)が2017年8月31日をもって終了と告知された。 終了の告知はLivedoor時代から数えると2度目で、今回はいよいよ本当に終了した。 実は、一度目の2014年10月の終了告知から、新しいRSSリー
知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
よしいずの雑記帳 選択範囲のリンクを取得する Chrome 拡張機能
Author:よしいず MATHEMATICS.PDFというウェブサイトを運営しています。アマゾンにて電子書籍を販売しています。 管理の都合上、トラックバックとコメントはオフにしてあります。ブログ経験者なら分かっていただけると思いますが、スパム(アダルトやその他の宣伝)ばかりなのが現実です。 リンクは自由です。ただし、ブログ記事アップ直後はミスが多く、頻繁に修正します。場合によっては削除する可能性もあります。その際、何も断りもなく修正・削除しますがご了承ください。内容を参考にする場合には投稿後一週間ほど様子を見てからにしてください。 Kindle 本についても、販売開始直後は修正のためのアップロードを行うことが多いです。あと、購入前に、ダブルクォートで囲んたキーワード「"よしいず"」で検索し、結果を「出版年月が新しい順番」で並べ替えて、今購入しようとしている Kindle 本の新バージョン
uBlock 軽くて高機能の広告ブロック＆トラッキング対策
◆設定 uBlockアイコン → 黒いバーをクリックするとダッシュボード(設定画面)が開く 「ブロックされたリクエスト数をアイコンに表示」は普段は目障りなのでフィルタの効果を確認するとき以外は外す。 「適切な場合コンテキストメニューを使用」は右クリックメニューに「要素をブロック」が出て誤爆すると面倒なので外す。 「I am an advanced user」の詳細は後述の◆Myルールで。 ◆外部フィルタ ▼色々なフィルタがあるがこれら以外はチェックを外した。フィルタリストを自動更新する要素隠蔽フィルタを解析、施行するMyフィルタFanboy’s Social Blocking List(SNSボタンを全てブロック) 各フィルタのオン/オフはチェックを弄った後に表示される画面右上の「適用」で反映される。 ▼外したフィルタの代わりにカスタムフィルタを追加。 豆腐フィルタ 広告とアクセス解析を
uBlock Origin - Firefox更新情報 Wiki*
説明・詳細 開発プロジェクトを別の制作者へ引き継いだ後のuBlockから派生した元の制作者による拡張機能です。 各種フィルターを使用して広告や悪質サイト等をブロック可能にし、更に閲覧サイト内外や全サイト内外のコンテンツの実行を制御する事ができます。 ツールバーの専用ボタン上には閲覧ページでブロックされている件数が表示されます。 WebExtensions版 開発チャンネル バージョン1.13.9b7 旧拡張機能にWebExtensions版を埋め込んだハイブリッド方式。 バージョン1.13.9b8以降 WebExtensions完全版。 リリース版 バージョン1.13.8～1.13.10 旧拡張機能にWebExtensions版を埋め込んだハイブリッド方式。 バージョン1.14.0以降 WebExtensions完全版。 WebExtensions版へ移行する際の注意点 WebExtens
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Patchouli/README.en.md at master · FlandreDaisuki/Patchouli
Replace zero-width characters with emojis - Chrome ウェブストア
はてなブログ | 無料ブログを作成しよう
