[B! chrome] Cherenkovのブックマーク

Cherenkov id:Cherenkov

chromeに関するCherenkovのブックマーク (174)

ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。「ブラウザでキャッシュがヒットしない」以下は、 Web における Caching の FAQ だ。サーバで Cache-Control を付与したのにキャッシュがヒットしないサーバで ETag を付与したのに If-None-Match が送られないサーバで Last-Modified-Since を付与したのに If-Modified-Since が送られない先日も、筆者が書いた MDN の Cache セクションで「記述が間違っているのでは?」と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/cont
Cherenkov 2023/11/06
はてブコメみせてや cache

browser

chrome

development

debug
リンク
ReactではじめるChrome拡張開発入門
ReactとTypeScriptで、シンプルかつ実用的なChrome 拡張機能を開発するための入門書です。開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。また、本書を読むことでDeepLのような実践的な翻訳Chrome 拡張機能を開発できるようになります。所要時間‥ 約2時間対象者‥ Reactを少しでも触ったことがある人︻2023/02/20︼初版を公開しました！︻2024/02/18︼改訂版を公開しました！
Cherenkov 2023/02/22
react

chrome

development

extension

addon

tutorial
リンク
Chrome DevTools の知っておくと便利かも機能 - Qiita
長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。この記事は Corome DevTools 公式を参考にしています。日本語化英語が苦手な方は日本語化しましょう。手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする要素の状態を強制指定の要素を :hover や :focus などの状態に強制的にすることができます。そうすることで指定状態時のスタイルを確認することができます。手順要素タブをクリックする状態を変更したい要素を選択する今回は Google の検索フォームを選択 [:hov] をクリックする
Cherenkov 2021/12/24
chrome

debug

tool
リンク
複数AWSアカウントのコンソールを行き来して迷子になる人の強い味方、AWS Peacock Management Console Chrome拡張機能のご紹介 | DevelopersIO
最近リリースされたChrome 拡張機能﹁AWS Peacock Management Console﹂をご紹介します。 AWS Peacock Management Console - Chrome ウェブストア AWSマネジメントコンソールを見やすくしてくれるChrome 拡張機能です。AWS SSOを使って、いや使わない場合でも、複数のアカウントのコンソールを行き来するようなAWSの使い方をしている場合、﹁あれ、今どのアカウントにログインしているんだっけ？﹂と迷子になることはありませんでしょうか。私はよくあります。この拡張機能はその問題を解決します。具体的にはこの拡張機能は、コンソールの2箇所の表示を変えることで、今どのアカウントにログインしているのかを判別しやすくします。 1. グローバルヘッダーの色の切り替えどの画面でも共通して表示される一番上の黒背景の部分のことです。拡張機能を
Cherenkov 2021/10/30
chrome

aws

tool

extension
リンク
Chrome で危険なサイトへのアクセスを継続する場合は「thisisunsafe」と入力する - らくがきちょう
Chrome で無効な証明書がインストールされたサイトへアクセスすると、以下のような警告が表示されますが、アンダーライン部分の～にアクセスする (安全ではありません) をクリックするとアクセス自体は続行出来ます。しかし、条件によっては以下のように～にアクセスするが表示されない場合があります。こういったケースではブラウザにフォーカスを合わせた状態で thisisunsafe (this is unsafe のようにスペースを入れては NG) とタイプするとアクセスを続行することが出来ます。もちろん、証明書が無効＝安全では無いということになりますので、出来ればアクセスすべきではありませんし、もしどうしてもアクセスする必要がある場合はリスクを十分理解した上で続行する必要があります。尚、現在の Chrome では thisisunsafe ですが、以前は danger や bad
Cherenkov 2021/06/15
イースターエッグすなぁ

chrome

browser
リンク
PC版Chrome、Twitterの検索窓を「ID入力欄」と勘違い？　Facebookも
﹁ChromeでTwitterを表示すると、検索窓にID・パスワードの入力候補が出てくる﹂――Webブラウザ﹁Google Chrome﹂のPCアプリユーザーから5月13日朝、こんな報告が相次いだ。Facebookでも同様な事象が起きている。 ChromeがTwitterの検索窓を﹁ID入力欄﹂と“勘違い”して、オートコンプリート機能が働き、ID・パスワードの候補が表示されているようだ。Chromeをアップデートすると問題が解消する。記者が自身のTwitterアカウントで検索窓をクリックしたところ、管理している複数のTwitterアカウントのID・パスワードの候補が一覧で表示された。ID・パスワードを選んでもログインされることはなく、そのIDでTwitter検索が行われるだけだ。Facebookの検索窓も同様だ。 Microsoft Edgeなど他のWebブラウザでは再現されなかったた
Cherenkov 2021/05/14
興味深い不具合だ。ブラウザの勝手なおもてなし機能が裏目に出た？

chrome

twitter

browser
リンク
17352 – Origin of a Document from a data: URI should match HTML5
Cherenkov 2021/04/29
canvas to toDataURL("image/png") not working on ios

safari

chrome

browser

canvas
リンク
Web 技術の調査方法 | blog.jxck.io
Intro ﹁新しい API などを、どうやって調べているのか﹂﹁仕様などを調べる際に、どこから手をつければ良いのか﹂などといった質問をもらうことがある。確かにどこかに明文化されていると言うよりは、普段からやっていて、ある程度慣れてきているだけなものであり、自分としても明文化していなかったため、これを機に解説してみる。やり方は一つではない上に日々変わっていくだろうが、頻繁にこの記事を更新するつもりはない。また、筆者は実務で必要になるというよりは、ほとんどを趣味でやっているため、このやり方が合わない場面は多々有るだろう。スコープとしては、ライブラリ、ツール、フレームワークなどではなく、 Web プラットフォーム関連の標準やブラウザの実装状況などに限定している。 Scope 従来からあり、広く認知された API については、情報も多く調査の敷居はそこまで高くないため、今回は議論が始まって
Cherenkov 2020/11/19
api ブラウザ実装調査仕様 spec 情報参照

chrome

technology

browser
リンク
Chrome でリソースを大量に消費する広告への対策
.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
Cherenkov 2020/06/01
google

chrome

ad

広告
リンク
あなたの window.open はなぜ開かないのか，Chrome で - マンガ〜ノ伊藤ノ〜ト
先日 window.open をしようとしたらポップアップブロッカーに阻まれて open することができなかった． Blocked まあ，これならよくあることなのだが，いかんせん自分の記憶では onClick のようなユーザーのアクション内で開かれた window.open は阻まれないことになってると思っていた．だからそのときも onClick のイベントハンドラ内で window.open したから大丈夫だろう，と思っていたら，見事にブロックされてしまったのでなぜだろう，となっていた．検証なので，検証するために 3 つのケースを用意してみた: 検証ページを用意したのであなたの環境でも試してみてね♥ 今回試すブラウザは Google Chrome を前提にしてますケース1 const immediate = () => { window.open('https://www.goog
Cherenkov 2020/04/30
popup

chrome

javascript
リンク
なぜ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サブドメイン表示の削
Cherenkov 2019/11/19
chrome

google

ui

security

web

browser
リンク
beforeunloadにカスタムメッセージを表示できなくなっていた - Qiita
beforeunload でカスタムメッセージを出したいのに、何度やってもデフォルトっぽいメッセージが出てくる。なぜだろう。調べていたら、最終的に下記の画面にたどり着いた。 https://bugs.chromium.org/p/chromium/issues/detail?id=587940 ↓ https://www.chromestatus.com/feature/5349061406228480 バグではなく仕様でした。各種ブラウザで試した感じだとIE/Edgeを除いて、最新のブラウザでカスタムメッセージは使えなくなっていた。どのブラウザもメッセージが微妙に異なるが、Chromeが一番不安感を醸し出している。 Chrome SafariとFirefoxは割と平和である。 Firefox Safari
Cherenkov 2019/08/15
“beforeunload” なるほど

chrome

javascript
リンク
エンジニアが知っておきたい色についてのお話 - Qiita
﹁俺にデザインなんて無理だ。﹂そう思う人もいるかもしれません。確かにデザインはセンスによる部分も多大にあると思います。でもちょっと待ってください。デザインにも色々あるんです。人生色々、男も色々、女だって色々・・・そう色の話です。＃私自身はデザイナーではないので、あくまでエンジニアがこれを知ってると便利なんじゃないというレベルのお話ですはじめに今回、本当に共有したかったのは後半部分のChromeの機能についてです。個人的には超便利！使う色合いを決める赤系なのか、青系なのか、緑系なのか・・・作るものによってはコーポレートカラーが決まってることもありますし、全く何も決まってないことがあるかもしれません。アクセントカラー決めて、その補色をサブカラーにして・・・とかありますが、今なら Adobe Capture というスマホアプリを使えば適当に色をピックアップしてくれます。
Cherenkov 2019/06/21
色 devtool

color

chrome

tool
リンク
Postman | API Development Environment
Cherenkov 2019/01/22
REST APIサンドボックス sandbox console

api

development

webservice

chrome
リンク
GitHub - puemos/hls-downloader: Web Extension for sniffing and downloading HTTP Live streams (HLS)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Cherenkov 2018/12/01
rtmp blob dl download video mp4 streaming

chrome

extension

downloader
リンク
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。ソースコード実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8Break Iterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/it ems/2a5568cb0b5a38c003fb 使い方インストール
Cherenkov 2018/09/05
chrome

english

英語

extension
リンク
Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
﹁Blink LazyLoad﹂と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。﹁Blink LazyLoad﹂の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。﹁Blink LazyLoad﹂の機能セキュアなLazyLoadのポリシー後方互換性 LazyLoadの有効化参考資料終わりに﹁Blink LazyLoad﹂の機能重要度の低いコンテ
Cherenkov 2018/09/04
chrome

browser
リンク
WIRED.jp の「ヴ」を変換するChrome拡張機能を作りました - 藻のブログ
つい先ほど公開したWIRED.jp の﹁ヴ﹂を変換するブックマークレットに加えて、WIRED.jp の﹁ヴ﹂を、対応する適当な文字に変換する Chrome 拡張機能を作成しました。 Wired Normalizerです。この Chrome 拡張機能では、変換は、記事を読み込むことで自動的に行なわれます。 WIRED.jp では無限スクロールによって記事が追加的に読み込まれることがありますが、ブックマークレットでは、ブックマークレットを適用してから読み込まれた記事には変換が行なわれないという問題があります。 Chrome 拡張機能では、追加的に読み込まれた記事にも変換が適用されます。変換の例変換前変換後シリコンヴァレーシリコンバレーヴィデオビデオサヴァイヴサバイブレヴェルレベルヴォキャブラリーボキャブラリーマウンテンヴューマウンテンビューイノヴェイションイ
Cherenkov 2018/02/15
Chrome

extension
リンク
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%
Cherenkov 2016/11/04
extension

Chrome

Security
リンク
HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog
疑惑どころか 99.99% くらい黒な話。︵後記‥セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい︶追記‥続報11月3日今回指摘した HTTP Headers 以外にも、﹁Tab Manager﹂﹁Give Me CRX﹂﹁Live HTTP Headers﹂等で同様︵？︶の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様︵？︶。皆さま情報ありがとうございます。11月4日Zaifについては、﹁不正な Chrome 拡張﹂と﹁スクリプトから保護されていなかったクッキー﹂のコンボによりセッションが盗まれていた可能性あり。Zaifのセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
Cherenkov 2016/11/03
Chrome

extensions

malware
リンク
1 2 3 4 5 6 7 8 9 次のページ