Chrome拡張の作り方 (超概要) - Qiita
【更新情報】 ・2020.12.25 別記事でこの記事の「ガチのやつ」にフォーカスしたものを書きました！ ▼ kintoneのスレッド投稿がスマートになるChrome拡張をVue.jsで作る https://qiita.com/RyBB/items/3f343252b0397e93050e これからChrome拡張を始めたいという方はこのままこの記事を読むと良いと思います！ がっつり開発するとどんなことができるか知りたい方は上のリンクの記事を読むと良いと思います！ はじめに 普段、Chrome拡張使ってますか？ そもそもChrome使ってますか？ 使っている方であればわかると思いますが、 Chrome拡張はとても便利な機能です。ブラウザを自分流にカスタマイズすることができます！ そんなChrome拡張はストアからインストールするだけでなく、 自作 することもできます！ (ストアに公開しなけ
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.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
Chrome拡張の開発方法まとめ その1：概念編 - Qiita
Chrome拡張の開発に必要な知識とかの覚書です。 この記事では開発の前に知っておくべきChrome拡張の全容について解説していきます。 「実際に開発しながら学ぶ」形式の解説記事は多く見られるのですが、概念についてちゃんとまとめてある記事は見当たらず、そこらへんの理解で結構苦労した覚えがあるので、そういった人達の手助けになればと思います。 対象 Chrome拡張が作りたい人 Javascriptがまあまあわかる人 Chrome拡張の各概念がいまいちわかってない人 概要 まずはChrome拡張の大まかな構造について説明します。 Chrome拡張はHTMLとCSSとJavascriptで作られています。 必要なhtml,css,jsファイルなどと後述のManifest Fileを一つのフォルダにまとめたものが一つの拡張機能のまとまりとなり、zipで圧縮してアップロードすることでストアで公開する
ChromeでVimperatorの代替を比較してVromeに決定した！
長年愛用してきた Firefox から、Google Chrome にブラウザを移行気味なのですけど、一番のネックが Firefox の神アドオンである Vimperator の代替。Vimperator は Firefox を Vim ライクなキーバインドで操作できる拡張機能で、これがあるからこそ長年 Firefox を使ってきたと言っても過言ではありません。 Vimperator に慣れすぎちゃうと、ブラウジングでの操作を全てキーボードだけで済ませちゃうんですよね。マウスやトラックパッドなんかできるだけ触りたくない怠惰な人間になってしまいました（笑。 Chrome ウェブストアで見つけた4つの候補 Chrome ウェブストアで vim で検索したところ、以下の4つの人気っぽい vim ライクな Extension を見つけました。一応4つとも全部入れて比較しました。 Vimium –
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404 Not Found
Google Chrome Extensions Tutorial: Getting Started (Hello, World!)
ウェブページ全体をスクリーンショット - FireShot
作業効率が3倍になる！絶対に入れておくべき、Chrome拡張機能おすすめ10選 | iPhoneの神様 - iPhone X・iPhone8最新情報