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

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

{ "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>…

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

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

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

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

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

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

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