日常の進捗

主に自分のための,行為とその習慣化の記録

Chrome Extension

Chrome拡張(8)起動〇〇分後に,△△分間隔で繰り返されるChrome拡張

コード { "name": "experimental", "version": "0.1", "manifest_version": 2, "background": { "scripts": ["background.js"] }, "permissions": [ "alarms", "notifications" ] } (function() { //アラームの作成 // 'test' : アラームの名前(なんでもい…

Mod: Coding Challenge #83: Chrome Extension with p5.js Sketch

p5.jsを使って以前Chrome拡張を作ることをやってみた. takawo.hatenablog.com が,開くWebサイトによって実行されなかったりすることもあって原因がわからなかった. 今回の内容では,p5.jsを使ってChrome拡張を作るというまんまな内容で,普段書いているグ…

Mod: Coding Challenge #82: Image Chrome Extension: The Ex-Kitten-sion!

{ "manifest_version": 2, "name":"Chrome Extension", "version": "0.1", "web_accessible_resources" : ["images/*.jpg"], "content_scripts": [ { "matches" : ["<all_urls>"], "js" : ["content.js"] } ] } (function (){ let files = [ "nasa-63032.jpg", "joel-f</all_urls>…

Chrome拡張(7) Chrome拡張とブックマークレット

「11.1 : Introduction to Chrome Extensions - Programming with Text」はChrome拡張に関するイントロダクション.その中で,通常の「サービスやChromeでのブラウジング体験をより便利にする」という目的のChrome拡張ではなく,より多様な価値観へ向けたク…

Chrome拡張(6)p5.jsで作る,バックグラウンドで動作するChrome拡張

タイトル通り,背景でなんとなくジェネラティブに動くものをChrome拡張を使ってやりたいと思い立った.今回は,個人的な興味でp5.jsを使うことにした.その理由は以下. p5.js自体が微妙に重い(通常版が2.6MB,min版が1.2MB)ので,逆にローカルにダウンロ…

Chrome拡張(5)マウスを追跡して画像を表示するChrome拡張

基本的に下記リンクを参照しつつ,もう少し機能を簡単なものにした.1つの画像でマウスを追従する.CSSもファイルに書き込む形にしたけど,数値変更が必要だからメンテナブルじゃないのに後で気づいた. それにしてもjQuery,書き方ぼんやりしか覚えてないの…

Chrome拡張(4)特定のページで背景画像を変更する

今後CSSのプロパティ触ったりするのを簡単に書けたら良いと思ったのでjQueryを読み込んで使うようにした。今後使用する画像が増えてきた場合manifest.jsonのweb_accessible_resourcesに列記するのも大変なので、画像(cat.jpg)はimagesフォルダを作ってそこ…

Chrome拡張(3)特定のページで音源を再生する

前回の続き。特定のページで自作の音源ファイルを再生させたい。とする。試行錯誤しつつ、 DOMException: Failed to load because no supported source was found. というエラーが出て音源が再生できない。 ファイルの読み込みが出来てなかったので、Chrome…

Chrome拡張(2)特定のページで実行されるプログラム

Googleのサイトでのみ実行される機能拡張を考える。manifest.jsonでコンテンツスクリプトとして定義する。 manifest.json { "name" : "Google Extension", "version" : "0.1", "manifest_version" : 2, "description" : "site specific extension works in g…

はじめてのChrome拡張 / Creating Google Chrome Extensions : Chapter 1

書籍「Creating Google Chrome Extensions」を買ってChrome拡張の開発をやってみることにした。最初のChrome拡張作成をやった。カレンダーと時刻機能。 書籍は統合された情報が掲載されていて余計なこと書かれてないので、それだけ取り組みたいときは効率が…