超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
Chromeブラウザのカスタマイズやタブグループ化など、今秋登場の新機能
Googleが、今秋使えるようになる（既に使えるものも含む）Chromeブラウザの新機能を紹介した。Android版ではタブのグリッド表示ができるようになり、グループ化も可能になる。 米Googleは9月19日（現地時間）、Webブラウザ「Chrome」の新機能を幾つか紹介した。既に使えるものや、次期バージョン（78）以降に追加されるものを含む、“秋の後半”に使えるようになるものだ。 開きすぎたタブのタイトル表示（将来的にはサムネイルも） 1度に多数のタブを開くと、タブにはアイコンしか表示されなくなってしまう。タブにカーソルを合わせると、そのページのタイトルがカードで表示されるようになった（本稿執筆現在、筆者のデスクトップ版Chrome（バージョン77）で既に利用できる）。 年内に、このカードにページのサムネイルも表示されるようになる見込みだ。 アドレスバーへの質問入力に直接回答 アドレス
Chrome DevToolsを用いたメルカリWebのパフォーマンス計測 - Mercari Engineering Blog
フロントエンドチームの @urahiroshi です。Mercari Advent Calendar 2018 12日目を担当します。 今年の8月から12月にかけて，メルカリ・メルペイのフロントエンドチーム有志で「超速！Webページ速度改善ガイド」の社内輪読会を行いました。 この本の中で，「推測するな，計測せよ」という言葉が紹介されていますが，今回の記事は，輪読会で学んだことのまとめとして，Chrome DevToolsを用いてメルカリWebのパフォーマンス計測と簡単な分析を行ったものです。 なお，現在メルカリWebのアーキテクチャを刷新するための開発が進んでいるため，ここで計測したパフォーマンスの値は大幅に変化していく可能性が高いです。アーキテクチャの刷新後に振り返って見られる楽しみが増えることも、この記事を書いた目的の一つです。 計測方法，環境 計測はGoogle Chrome 71.
Chromeを使うなら、必ずServiceWorkersを無効化しよう - Qiita
2022/01/17追記：この方法では無効化できません。【Chrome】ServiceWorkerを今度こそ決定的かつ完全に消去するを参照してください。 ServiceWorkersというAPIが存在します。 ブラウザをフルスクリーン表示したり、デスクトップにアイコンを作成したり、PUSH通知を行ったり、バックグラウンドでJavaScriptを動作させたりといった機能を提供します。1 見てのとおりユーザには何一つ利のない機能なので、必ず無効化しましょう。 なに、動かなくなるサイトがあって困る？ 大丈夫。 ServiceWorkersがないと動かないサイトは、存在そのものが不要なサイトです。 手順 PC版Chrome URLにchrome://flags/と入力すると、全面英語の設定画面のようなものが出てきます。 最上部の検索欄に「Worker」および「PWA」「Progressive」と入
グーグル、「Chrome 56」でHTTP接続への警告表示を開始
Googleは米国時間1月25日、「Google Chrome 56」をリリースした。すべてのHTTPページが安全とは限らないことをユーザーに警告する計画の第1段階として、まずはログイン情報やクレジットカード番号を収集するページで警告を表示する。 この変更は、ウェブサイトを運営する企業だけでなく、暗号化されていない接続で情報を収集している企業への働きかけになるだろう。 Chromeはこれまで、HTTPページに対して中立的なグレーのマークのみ表示していたが、これではHTTP接続の安全性が完全に欠如していることを示せないとGoogleのChromeセキュリティチームは考えている。 Chrome 56以降の新しいマークでは、HTTP接続によるログインページや決済ページに対して「Not secure（安全ではない）」と表示される。いずれは同じ警告が他のHTTPページにも適用される予定だ。Googl
ついにGoogle Chromeが首位 - 4月ブラウザシェア
Net Applications - Usage Share Statistics for Internet Technologies. Net Applicationsから2016年4月のデスクトップブラウザのシェアが発表された。4月はついにChromeのシェアがInternet Explorerを抜いて1位になった。Internet Explorer、Firefox、Safariはシェアを減らしており、強い成長を見せ続けるChromeとシェアが下落が続くそれ以外の主要ブラウザといった構造が鮮明になっている。 MicrosoftはWindows 10の普及を狙うとともに、主要ブラウザをMicrosoft Edgeへ変更。しかし、Windows 10の普及と比較してMicrosoft Edgeの普及率は低いものにとどまっており、多数のユーザーがほかのブラウザへ流れている。FirefoxもS
【朗報】Chrome OSでAndroidアプリが利用可能へ : IT速報
Ars Technicaは、「Chrome OS」が近日中にもAndroid向けアプリに対応する見通しと伝えています Ars Technicaによると、米国最大のソーシャルニュースサイトReddit上に、Chrome OS開発者向けプレビュー版の最新ビルド（ver.51）の設定メニュー中に、新たに追加された「Android Apps」という項目の存在が確認されたとのことです。 説明文には、“Enable Android Apps to run on Chromebook（Chromebook上でAndroid向けアプリの動作を有効化する）”という一文が記述されており、この機能を有効化することにより、Chromebook上でAndroid向けアプリが利用可能になることが明示されました また今回、有志のユーザーによって、“Google Play store now on your Chrome
Android版「Chrome 45」、WebViewに代わる「Custom Tabs」でアプリからのページ読み込みが高速化
Android版「Chrome 45」、WebViewに代わる「Custom Tabs」でアプリからのページ読み込みが高速化 米Googleは9月2日（現地時間）、同日リリースしたAndroid版「Chrome 45」安定版で、「Custom Tabs」の利用が有効になったと発表した。 Custom Tabsは、Googleが今年のGoogle I/Oで紹介した、Androidアプリ内でWebページをシームレスに開くブラウザをアプリに追加するための新機能。 アプリ開発者はこれまで、ユーザーがアプリ内の外部へのリンクをタップした際、Webブラウザを別途起動させるか、Googleが提供するWebViewで構築するアプリ内ブラウザでページを開くしか選択肢がなかった。 だが、別途ブラウザを開くには時間がかかるし、WebViewではブラウザの設定を共有できないだけでなく、ずっとアップデートしていく必
TechCrunch | Startup and Technology News
The tech layoff wave is still going strong in 2024. Following significant workforce reductions in 2022 and 2023, this year has already seen 60,000 job cuts across 254 companies, according to independent layoffs tracker Layoffs.fyi. Companies like Tesla, Amazon, Google, TikTok, Snap and Microsoft have conducted sizable layoffs in the…
Ptengineウェブ運営All-in-Oneプラットフォーム | ウェブの改善や改善業務はこれひとつで完結
サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。
Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得 最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 す
Service Worker 開発するときのデバッグ方法 - Qiita
Service Worker Hackathon で教えてもらったのでまとめておく。 2015/04/05 時点での記事。 前提 Chrome Canary を入れておく(今のところ、これが無いと話にならない) localhost か https な環境を使う でも、Dropbox public link な環境はダメ Service Worker Inspector を有効にする Chrome Canary で以下を設定。なお、43.0.2350.0 canary (64-bit) で確認。そのうち設定箇所や方法が変わったり、stable でも使えるようになるかもしれない。 chrome://flags にアクセスし、デベロッパーツールのテストを有効にする #enable-devtools-experiments の項目を有効にする Chrome 再起動 デベロッパーツールを開き Set
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
映画鑑賞中にポテチを食べると、AIが自動的に字幕をオン。Chrome拡張が公開
新しいWeb版「Chrome リモート デスクトップ」が正式リリース【今すぐ読みたい！人気記事】
Chrome拡張はストア以外から導入不能に ～“インライン インストール”が段階的に廃止へ／有害な拡張機能をインストールさせる際の手段として悪用されるケースが後を絶たず
Windows版「Google Chrome」のコンパイラーが「MSVC」から「Clang」に／今のところバイナリのサイズとパフォーマンスは一長一短、今後の最適化に期待【やじうまの杜】
Google公式のブックマークサービス用Chrome拡張機能「Save to Google」 
【＃モリトーク】第130話：メモリ消費が軽減されたChromeの副作用
GoogleがChromeにポインタイベントを実装すると発表
