超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
【selenium】コンテナにChrome version 115 以降に対応するChromedriverを入れる方法 - Qiita
目的 seleniumでChromeを使う場合、ChromeとChromedriverのバージョンを対応しているものにしないと不具合に繋がります。 今回はコンテナ内でChrome version 115 以降に対応したChromedriverの取得方法の備忘録になります。 仕様環境 Docker Python 3.11 selenium 4.1.0 Chromeバージョン 120.0.6099.129 Chrome version 115 以降でのChrimedriverの選択 Chrimedriverのダウンロード先は以下の公式サイトより確認できます。 version 114以前とは別のサイトになりました。 https://googlechromelabs.github.io/chrome-for-testing/ 2024/01/01時点での対応状況は以下のようになっています。 今回使
GoogleやBingの検索結果にChatGPTを表示させる拡張機能「ChatGPT for Search Engines」
OpenAIのChatGPTは高度な自然言語処理モデルを利用した対話型AIで、文章を入力するとまるで人間が書いたような自然な文章を返してくれます。これまでの検索エンジンでは検索クエリに複数の単語を入力する必要がありましたが、このChatGPTを応用すれば、調べたいことを直接文章で入力することでより適切な検索結果を示す次世代の検索エンジンが可能になると期待されています。そんなChatGPTの回答を実際にGoogleやBingなどの検索結果に表示させる拡張機能「ChatGPT for Search Engines」が、Chrome・Firefox・Edge向けにリリースされています。 ChatGPT for Search Engines https://chatonai.org/ ChatGPT for Search Enginesを利用するには、あらかじめChatGPTにアカウントを作成して
Chrome拡張 つくりかた 令和最新版
数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい？」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
古くからのユーザ程混乱しがちな1Password機能拡張の今について確認してみた | DevelopersIO
MacのSafariやChromeの拡張を整理していく中、とあることに気が付きました。 「1Passwordの拡張が複数あるけどどうして」 1Passwordの拡張機能を意識するのは大体ログインフォーム入力時或いは新規アカウントを作成する時。後はたまに漏洩等でWatchTowerがお知らせしてくれる程度。そのため、入れ替えやら行う場合に大きく状況が変わっていると戸惑うわけです。 現状の1Passwordのブラウザ拡張について振り返りつつ整理してみました。 現在の1Password拡張機能 現在Chromeウェブストア上から検索にて辿れる拡張は以下一つ。 拡張の概要欄を見ると分かりますが、これは以前1Password Xと呼ばれていた拡張機能です。 1Password Xには1Passwordメンバーシップが必要です。まだアカウントを持っていない場合は、1Password Xをインストールし
E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog
Webエンジニアの森脇です。LCLでは、以前より「Capybara + PhantomJS」でE2Eテストを行っていましたが、「Puppeteer + Headless Chrome」へ変更しました。 元々は、軽くPuppeteerを触ってみるだけのつもりでしたが、できが良く本格的にE2Eテストへ導入することにしました。 本記事では、変更の経緯や、PuppeteerでE2Eテストを実装する上でのTIPSを紹介します。なお、Capybara + PhantomJSを利用したE2Eテストは、以下の記事でご紹介しております。 techblog.lclco.com 変更の経緯 PhantomJSは古めのWebkitをベースにしているため、一部のCSSがうまく適用されず、Headless Chromeへ移行を以前より考えていました。そんな中、PhantomJSの開発が終了したこともあり、移行すること
AWS-EC2(Amazon Linux)にGoogleChromeをインストールしてNode+Selenium3でスクリーンショットを取る - Qiita
AWS-EC2(Amazon Linux)にGoogleChromeをインストールしてNode+Selenium3でスクリーンショットを取る はじめに ブラウザでレンダリングされたスクリーンショットを取る必要があり、EC2にインストールする奮闘した備忘録を残しておきます。今後、他のエンジニアの人が苦悩をしないためにも…。 そもそも Amazon Linuxが提供しているリポジトリは古い。更に他のリポジトリを入れようと競合する。 本当に厄介でした。ローカルの開発環境はCentOS7で、インストールはすんなりいったので、 AmazonLinuxでも普通にいけるでしょーと思っていた私が間違っていました…。 戦いはこれから始まるのです… Google Chrome 59のインストールにはgtk3, gdk3, atk, libXssが必要 これがまた厄介。AmazonLinux上でgtk3, gd
CakePHP3 + Selenium3 + Facebook WebDriver + PHPUnitでテストを加速させる - Qiita
CakePHP3 + Selenium3 + Facebook WebDriver + PHPUnitでテストを加速させる 私はテストがしたい！ 地獄みたいなタイトルで申し訳ございません。 本当に申し訳ございません。 PHPUnitはその昔、Seleniumに対応した拡張機能がありました 昔々、PHPUnitはSeleniumに対応した拡張機能がありました。しかし、Selenium2のみの対応を機に拡張機能は亡くなってしまわれたのです。Selenium3には対応していません。 しかし、代替機能はある 優秀なテスト用ライブラリに facebook/php-webdriverがあります。 これをPHPUnitに埋め込めば、Seleniumを介してブラウザのヘッドレスのテストを行う事が可能です。 インストール Selenium Standalone Serverをダウンロードしてく http:/
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
AndroidアプリをPCで動作させる方法――ARC Welderの使い方を解説
グーグルはChromeブラウザが対応するOSであれば、AndroidアプリをPCで利用できる「ARC Welder」を一般向けにリリースしました。 ARC Welderとは？ グーグルは、昨年9月にAndroidアプリをPCで動作可能にする「App Runtime for Chrome（略称ARC）」を発表し、PCで動作するAndroidアプリとしてVineやEvernoteなどをChromeウェブストアにてリリースしていました。 ただ、この機能が利用できるPCは、グーグルが開発するPC向けのChrome OSを搭載する「Chromebook」のみで、WindowsやMacなどで利用することはできず、さらに、一部の開発者のみが利用できたため、公開されているアプリがかなり限られていたことから、実際に使ってみた人はかなり少なかったと思います。 そんな問題を解決するのがグーグルが発表した「ARC
知ってると超便利！効率的なSEOに役立つGoogle Chrome拡張機能まとめ19選 | nanapi [ナナピ]
はじめに Webサービスのマーケティングで欠かせないSEO。Web担当者やマーケターの方は、自社のサービスがユーザーに見つけてもらえるように、日々改善を行っているかと思います。 あらゆる観点での調査や分析などが必要なSEOにとって、効率よく調べるための工夫をすることは、大きな成果につなげるために大事なことだったりします。 ここではそんなSEOの業務の効率化や、成果の最適化に活きるGoogle Chromeの拡張機能をまとめてみました。ぜひ一度使ってみてください！ SEO向けGoogle Chrome拡張まとめ SEO Site Tools SEOのあらゆる要素をみることができる便利拡張。被リンク数やページランク、ソーシャルサイトの反応やサーバ･ドメインの情報などSEOに役立つ情報が見れます。 SEO Site Tools On-Page / External metrics, Social
![知ってると超便利！効率的なSEOに役立つGoogle Chrome拡張機能まとめ19選 | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d6a574b09d268bd39adb54bb4e0b76858c16c7e/height=288;version=1;width=512/http%3A%2F%2Fp.cdnanapi.com%2Fe%2Flh3.googleusercontent.com%2FfYvLYXa1xYmfPrfEuQaDqJE91aEKtrt5t0caIynjYEAMAi0INNLNKBBgpwcGgvsQd6M9C25E0g%3Ds128-h128-e365%3Fsize%3D195)
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
[JS]これはスゴイ！人の声でウェブページをコントールできるようにするスクリプト -annyang!
下部からアニメーションでエレメントを表示 annyang!の使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 jQueryなどの他のスクリプトは必要ありません。 <script type="text/javascript" src="annyang.min.js"></script> Step 2: JavaScript スクリプトの基本書式は、トリガーとなる言葉をコマンドとして指定し、実行するスクリプトを記述します。 下記は、最後のデモのエレメントをアニメーションで表示するスクリプトです。 <script type="text/javascript"> if (annyang) { // Let's define our first command. First the text we expect, and then the function it s
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
別のPCを遠隔操作できるChromeウェブアプリ「Chrome Remote Desktop 」
「アプリを使っていて、操作がいまいちわからないから教えて欲しい」というケース、よくあることだと思います。 そのような場合相手がすぐ近くにいれば、その場で画面を一緒に見ながら教えることができますが、相手が遠隔地にいる場合、なかなか伝えるのが難しいですよね。 そんな時にGoogle Chromeのブラウザ画面上から手軽にリモート操作することができるChromeウェブアプリをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Chromeから遠隔操作できる「Chrome Remote Desktop 」 「Chrome Remote Desktop BETA」は、Google Chromeの画面上から、別のパソコンの画面を遠隔操作できるChromeウェブアプリ。 ブラウザの画面
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KAJI | 梶谷健人 on Twitter: "GlaspっていうChrome拡張機能使うと、YouTube動画からボタン一発でChatGPTにサマリー文章を作ってもらえてとても便利。 DeepLと組み合わせて海外のカンファレンス動画やレクチャー動画も高速で学習できる。 https://t.co/FHSapesC0K"
Native Client | Chrome for Developers
http://n1kumeet5.com/2011/09/chromefreeapp/