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

chrome拡張機能 javascript

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

2021-05-29

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

javascript chrome拡張機能プログラムメモ

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

#Chrome拡張機能 #JavaScript #個人開発

2018-06-25

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

chrome拡張機能 javascript 作ってみた・やってみたプログラム

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

2018-06-24

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

chrome拡張機能 javascript プログラム作ってみた・やってみた

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

2018-01-12

Reveal.jsのテーマ一覧

javascript

Reveal.js Reveal.jsとは HTMLでスライドを作成できるJavascriptです。 revealjs.com 設定方法 HTML内でCSSを指定すればOK <link rel="stylesheet" href="css/theme/white.css"> カラーテーマ一覧（プリインストール設定）初めから用意されているCSSの一覧。 CSSによってフォントやデザインの印象が大きく変わ</link>…

2017-12-03

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

javascript chrome拡張機能

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

2017-08-21

ksnctf #3 Crawling Chaos

CTF javascript 作ってみた・やってみた

前回に引き続きCTFの問題を解いていきます。 www.cyamax.com 問題 ksnctf.sweetduet.info 100pt 適当に入力すると以下のようにでます。解き方ソースコードを見てみる。 Chromeのデベロッパーモードでソースコードを見てみると、headのscript内に謎のコード…

2017-08-04

ksnctf #2 Easy Cipher

javascript 作ってみた・やってみたプログラム CTF

スキルアップのためにCTF（キャッチ・ザ・フラグ）にチャレンジしてみました。問題 ksnctf.sweetduet.info 50pt EBG K VVV vf n fvzcyr yrggre fhofgvghgvba pvcure gung ercynprf n yrggre jvgu gur yrggre KVVV yrggref nsgre vg va gur nycunorg. EBG KV…

2017-07-30

【Node.js】ベイジアンフィルタを使って「おすぎ」と「ピーコ」を判定させる【機械学習】

作ってみた・やってみた javascript プログラム

ベイジアンフィルタとは単純ベイズ分類器を応用し、対象となるデータを解析・学習し分類する為のフィルタ。学習量が増えるとフィルタの分類精度が上昇するという特徴をもつ。個々の判定を間違えた場合には、ユーザが正しい内容に判定し直すことで再学習を行…

2017-07-23

【Node.js】マルコフ連鎖で「人生」を要約する

作ってみた・やってみた javascript

マルコフ連鎖(Markov Chain)とは私が説明するよりも以下のページを見た方が早いです。マルコフ連鎖を説明してみる。 | 分析のおはなし。この性質を利用して文章生成を行います。要約方法 wikiの「人生」の説明内容をもとに、マルコフ連鎖で要約します。 …

2017-05-23

【JavaScript】指定したClassNameを含むIdをすべて取得する

作ってみた・やってみた javascript プログラム

はじめに ID一覧を取得する方法がわからなかったので、色々調べて動いたメモ。やりたいこと <div class="hoge" id="1"></div> <div class="hoge" id="2"></div> <li class="hoge" id="nuo"></li> <li class="hoge" id="gaa"></li> <li class="hoge" id="hua"></li> などとなっているときに、class="hoge"の id=1,2,nuo,gaa,hua といった不規則なID名をすべて取り出す。やり方指定したクラスのID一覧を取得 //指定したク…

2017-04-23

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

chrome拡張機能作ってみた・やってみた javascript

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

2016-08-28

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

chrome拡張機能プログラム javascript

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

2016-08-22

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