Skip to content

Instantly share code, notes, and snippets.

(function () {
//全体で使用する変数
/*ここに演習 4 タスク 1 で変数を追加します。*/
//全体で使用する変数
let canvas;
let ctx;
let img = { snow: null, snow_man: null };
let requestId;
//DOM のロードが完了したら実行
(function () {
//全体で使用する変数
/*ここに演習 4 タスク 1 で変数を追加します。*/
//全体で使用する変数
let canvas;
let ctx;
let img = { snow: null, snow_man: null };
let requestId;
//DOM のロードが完了したら実行
(function () {
//全体で使用する変数
/*ここに演習 4 タスク 1 で変数を追加します。*/
//全体で使用する変数
let canvas;
let ctx;
let img = { snow: null, snow_man: null };
let requestId;
//DOM のロードが完了したら実行
(function(){
//全体で使用する変数
/*ここに演習 4 タスク 1 で変数を追加します。*/
//全体で使用する変数
let canvas;
let ctx;
let img = {snow:null,snow_man:null};
let requestId;
//DOM のロードが完了したら実行
document.addEventListener('DOMContentLoaded', function () {
@osamum
osamum / MSEdge_extension_browserAction_clickCounter.js
Last active October 31, 2016 09:48
Sample clickCounter.js of MSEdge pageAction extension.
//Edge の名前空間(browser) がなけれぱ chrome の名前空間を使用する
var browser = browser || chrome;
//リンクをクリックした回数をカウントする
let clickCount = 0;
let anchors = document.getElementsByTagName('li');
let len = anchors.length;
for(let i=0;i<len;i++){
anchors[i].addEventListener('click',()=>{
clickCount++;
@osamum
osamum / MSEdge_extension_forMSDN_Blog.js
Created October 26, 2016 03:08
Call from contentScripts manifest.json of MSEdge's extension.
alert('Welcome to the MSDN Blog.');
@osamum
osamum / MSEdge_extension_contentScriptsSample_manifest.json
Last active October 28, 2016 13:20
Sample manifest.json of MSEdge contentScripts extension
{
"name": "Content scripts sample",
"author": "(Your name write down here.)",
"version": "0.1",
"description": "特定の Web サイトむけの js を実行",
"content_scripts": [{
"matches": ["*://blogs.msdn.microsoft.com/*"],
"js" : ["forMSDN_Blog.js"]
},{
"matches": ["*://www.microsoft.com/ja-jp/windows/microsoft-edge/*"],
@osamum
osamum / MSEdge_extension_pageAction_add_h1.js
Last active October 26, 2016 04:50
Sample add_h1.js of MSEdge pageAction extension
let h1 = document.createElement('h1');
h1.textContent = "アドレスバーのアイコンがクリックされました";
h1.style.color = 'red';
document.body.appendChild(h1);
@osamum
osamum / MSEdge_extension_pageAction_background.js
Last active October 26, 2016 04:56
Sample background.js of MSEdge pageAction extension
//Edge の名前空間(browser) がなけれぱ chrome の名前空間を使用する
var browser = browser || chrome;
//Page action
browser.tabs.onUpdated.addListener(function (tabId, changInfo, tab){
//URL に 'edge' という文字列が含まれていたらアドレスバーにアイコンを表示
if(tab.url.indexOf('edge') != -1){
browser.pageAction.show(tabId);
}
});
@osamum
osamum / MSEdge_extension_pageActionSample_manifest.json
Last active October 31, 2016 05:49
Sample manifest.json of MSEdge pageAction extension
{
"name": "Page action sample",
"author": "Osamu Monoe",
"version": "0.1",
"manifest_version": 2,
"description": "アクティブなタブのコンテンツを操作",
"page_action": {
"default_icon": {
"19": "icon/e-19.png"
},