chrome拡張機能

chrome.storageをPromise(async/await)する

はじめに Chrome拡張機能を作っていると、chrome.storage.sync か chrome.storage.localを使うことが良くある。 chrome.local.sync.get( date => { console.log(date) }) 値取得時に簡単な処理なら良いが、複雑な処理を書くとネストが深くなりコールバック地…

chrome拡張機能のストレージへの容量増加と中身の確認

ストレージを増やす Chrome拡張機能を開発中に、急にデータの保存が効かなくなり以下のエラーが出ていた。 Unchecked runtime.lastError: QUOTA_BYTES quota exceeded もともとchrom.storage.sync.setで保存していたのだが、どうやら一つのキーに対して保存…

Backlogで大きくなりがちな画像を自動で小さくする

概要 Backlogのwikiに貼った画像が、横幅いっぱいに表示されてとても見にくいので、 自動で画像を縮小してくれる仕組みを作りました。 やり方 1. ChromeにScriptAutoRunnerをインストール 任意のドメインで任意のJavascriptを実行できる。 本当に重宝する。…

Backlogのチケット登録時に自動でテンプレートを入れる

仕様 Backlogのカテゴリーを選択時に、予め設定したテンプレートを挿入する。 動作 動きを見たらどんなものかわかるはず。 ここが便利 チームで同じテンプレートが使え、自動で更新される テンプレートはURLで読み込んで都度表示させるので、 BacklogのGitで…

【Javascript】サイトのファビコンURLを取得する

概要 ファビコン(favicon)とは www.webword.jp やり方 想定環境 javascript favicon画像のurlは<HEAD>配下に<link rel="shortcut icon" href="アイコンのURI" >として書かれている 以下コードを取得したいサイトで実行するとファビコンを取得できる コード //ファビコンURL取得 function favi() { //favicon画像のu</link></head>…

散らばったウインドウを一つにするchrome拡張機能作りました

「Merge Windows Plus」作りました Merge Windows plus - Chrome Web Store 機能 散らばったchromeのウインドウをボタン一つで一画面にまとめます。 merge windows plus 他と違うの? 同じ機能を持った拡張機能は複数ありましたが、 chromeの閲覧履歴へのア…

kintone用chrome拡張機能(kintone extension search)を公開しました

まずはダウンロード↓ chromeストア kintone extension search デモ画面 設定方法 好きな検索フォームで「xxxx」を入力&検索 そのときのURLをコピー kintone extension searchのオプション画面でコピーしたURLを登録 以上で設定完了 あとは好きなタイミング…

Backlog用chrome拡張機能(slide method for Backlog) を公開しました

まずはダウンロード ダウンロードはこちらから↓ chromeストア slide method for Backlog コンセプト 別サービス「esa」の良い部分(スライド)をBacklogでも使いたい! 何ができるのか この拡張機能を使うことにより、Backlogで作成したwikiをスライドショー…