超簡単に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の便利機能まとめ
池田 泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…
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
ゼロからはじめるPython(49) Pythonでブラウザ自動操縦してカード明細を自動でダウンロードしよう(その1)
クレジットカードの利用明細はこまめにチェックする必要がある。なぜなら、カードの不正使用などの危険があるからだ。しかし、最近ではオンライン明細が推奨されており、カード会社のサイトにログインして、明細をダウンロードしなければならないことも多い。カードが複数枚あるなら、それはかなり面倒な作業となる。そこで、自動でカード明細をダウンロードするプログラムを作ってみよう。今回は、環境の構築をし、簡単なプログラムを作ってみよう。 Webブラウザを自動操縦しているところ Webブラウザを自動操作しよう PythonにはデータをWebから取得する命令がいろいろある。最も簡単なのは、Pythonに標準で用意されているurllib.requestだ。これを使うと任意のURLからデータを取得できる。しかし、最近のWebサイトは、セッションという仕組みを利用していたり、JavaScriptでページをレンダリングした
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ
Chromeデベロッパーツールでスマホサイトをデバックする方法
更新日: 2018年10月18日公開日: 2015年09月10日Chromeデベロッパーツールでスマホサイトをデバックする方法 Chrome デベロッパー・ツールというと Web 開発には欠かせないツールです。レイアウトやフォントのカスタマイズなどによく使われていると思いますが、実はスマホサイトやアプリのデバックにも使うことができます！ そこで今回は、Chromeデベロッパーツールでスマホサイトとアプリをデバックする方法をご紹介します。 スマホサイトを Chrome デベロッパーツールでデバッグブラウザ上で様々な端末をチェック 現在世の中には 3000 種類以上の携帯端末が使用されていて、そのすべての端末で Webアプリを正常に起動させることは簡単なことではありません。しかし、Chrome デベロッパー・ツールの Emulation 機能を使うと大部分の端末でバグをチェックすることができま
新社会人必須。Chrome拡張「社会人ブラウザ」 – なかよしインターネッツ
いつまでも学生ノリが抜けずに目的もなくダラダラとインターネットで遊び、人生という何物にも代えられない貴重な時間をドブに捨て文句だけはいっちょまえに言って他人の足を引っ張ることに夢中なみなさんを矯正し圧倒的な成長を実現することができる無料のChrome拡張が『社会人ブラウザ』です。 社会人ブラウザ – Chrome ウェブストア https://chrome.google.com/webstore/detail/%E7%A4%BE%E4%BC%9A%E4%BA%BA%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/ldaamcmpjjabpmmopdjknbobifnkbhhd この革命的な「社会人ブラウザ」をインストールするには「Chromeに追加」をクリック。 「追加」をクリック。これでインストールは完了です。 すると新しいタブを開くごとに胸に刻むべき至極のメッセ
2012年に見つけた入れておくと便利なオススメChrome拡張機能ベスト5 | フリーソフトラボ.com
Google Chromeがバージョン4のリリース以降拡張機能に対応して3年ほど経ち、すでに必要な拡張機能は十分に出そろった感がありますが、そんな中で今年新しくリリースされたユニークで便利な拡張機能の中から、筆者が個人的に気に入ったものを5つほど紹介します。 ちなみに当ブログでは昨年の末にも、2011年に見つけた入れておくと便利なオススメChrome拡張機能ベスト10という記事を書いているので、ウェブのブラウジングや仕事を効率化して生産性をアップしたい人は、こちらもあわせて目を通してみてはいかがでしょうか。 Tab Memory Purge 一定時間開いていないタブの読み込みを自動的に停止してメモリを解放してくれる拡張機能。Google Chromeはメモリの消費が特に激しいブラウザなので、搭載メモリの容量が少なかったり、32bit版のWindowsを使っている場合は導入するとずいぶん快適
Googleの検索結果を常に更新が1年以内のものに限定するChrome Extension「ato-ichinen」が便利 | Last Day. jp
Googleの検索結果を常に更新が1年以内のものに限定するChrome Extension「ato-ichinen」が便利 最終更新日： 2015/09/14 Chrome拡張 ブラウザはgoogle chromeを使っています@sayobsです。今日紹介するchromeのエクステンションはGoogle検索で1年以内に更新された情報だけを検索できるものです。 まずは→「Chrome Web Store – ato-ichinen」からインストールします。 「ato-ichinen」がインストールされました。 アイコンをクリックするとアクティブ(1年以内だけ検索できる)になります。 この状態でグーグル検索すると1年以内の情報だけがヒットしました。 こんなエクステンション待ってました! 作者:@amazedkoumei iPhoneのsafariからGoogle期間指定検索する方法 | Las
Google ChromeでFirefoxのようなReblogしまくれる環境を構築する - Syoichi's Tumblr
Tumblrを紹介しているブログでは、Dashboard上でキーボードショートカットによって、多くのポストをReblogできるMozilla Firefoxのカスタマイズも併せて解説されている事があります。最近になって、Google Chromeでも完全ではないもののFirefoxのようにReblogできる環境が整いつつあります。このポストでは、まだ少ないChromeにおけるDashboard上のReblog環境の構築について解説します。 まずFirefoxでは以下の拡張とUser ScriptがReblog環境の構築に必要です。 GreasemonkeyAutoPagerizeMinibufferLDRizeReblogCommandtumblr Dashboard jk disable2011/11/22追記 現在、上記の組み合わせはFirefoxやGreasemonkey(Greas
サイトのCSSをリアルタイムにいじれるChrome拡張「CSS Tester」
サイトのCSSをテストできるブラウザの拡張機能は、すでにいくつかあるのですが、どれも大量の機能を持っていて、ちょっとデザイン変更をしたいときに使うには不便だったりもします。 そのようなわけで、今回はCSSだけを、その場でリアルタイムに変更できるGoogle Chrome 拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! CSSをリアルタイムにいじれる Chrome拡張機能 「CSS Tester」は、開いたページのCSSを、リアルタイムに変更し、デザインをテスト反映させることができるChrome拡張機能。 度重なる小変更を繰り返して、意味不明になってしまったCSSの、謎を解く鍵にもなる便利機能です。 リアルタイムにCSS編集を反映 ↑このように、ボタンをクリックして表示され
Chromeの小技＆裏ワザまとめ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Mozilla Re-Mix: ログイン情報同期サービスの「LastPass」が Google Chrome用エクステンションをリリース。
Firefoxユーザーにはおなじみのオンラインパスワード同期サービス「LastPass」から、Google Chrome用エクステンションがリリースされています。 あらゆるサイトでログインが必要な今、複数のブラウザでシームレスにログインできるようになるのは大きなメリットになるかもしれません。 ご存じのように、LastPassは、オンライン上にFirefoxなどに保存してあるログイン情報を保持し、それらを保存していないPCやプロファイルでもログイン環境を同期することができるというサービスです。 今回、Google Chrome用の拡張が公開されたことにより、PCやプロファイルだけでなく、ブラウザをも超えた同期が可能となります。 なお、本拡張はdev版であるGoogle Chrome4.0以上で利用が可能となっています。 ＊当方の環境でテストしたところ、dev [4.0.206.1]でインスト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeのなかのコンピュータ・サイエンス
訛りまで再現しつつテキストを読み上げてくれるChrome拡張「Select and Speak」NOT SUPPORTED
http://n1kumeet5.com/2011/09/chromefreeapp/
IDEA * IDEA