templateを新しいタブで開く

templateを使ってページを作成を、新しいタブからやれないだろうか？

空ページにtemplate流し込むのではなく、新しいタブを作ってそこにページを開く

日時入りmemoのtemplateで試してみよう。

00:12:16 ビンゴ！成功した。

スクラップ用bookmarklet以外はすべてこれに置き換えてしまおう。

/icons/hr.icon

課題

templateを使ってページを作成では、空ページを最初につくる必要がある

1クリック余計な動作が入る

対策として実装したこと

PageMenuにボタンを追加する

押すと、自動的に新しいタブを開いてテンプレートを生成する

bookmarkletを設定していないweb browserでもテンプレートを生成できる

2020-10-10 12:22:05 projectごとにbuttonを変えた

/takker用

code:takker.js

import makeNewMemo from '/api/code/takker/日時入りmemoのtemplate/makeNewMemo.js'

import makeNewLog from '/api/code/takker/作業Log_template/script.js';

scrapbox.PageMenu.addMenu({

title: 'NewMemo',

image: '/assets/img/logo.png',

onClick: makeNewMemo

});

scrapbox.PageMenu.addMenu({

title: 'Logging',

image: '/assets/img/logo.png',

onClick: makeNewLog

});

ボタンを文字で置き換える

code:takker.css

a#NewMemo.tool-btn:hover { text-decoration: none }

a#NewMemo.tool-btn::before { position: absolute; left: calc(46px/3 - 1px); content: '\1F4DD'; font: 21px/46px 'FontAwesome' }

a#NewMemo.tool-btn img { opacity: 0 }

a#Logging.tool-btn:hover { text-decoration: none }

a#Logging.tool-btn::before { position: absolute; left: calc(46px/3 - 1px); content: '\1F39E'; font: 21px/46px 'FontAwesome' }

a#Logging.tool-btn img { opacity: 0 }

takker-memex用

code:takker-memex.js

import makeNewPlanningSheet from '/api/code/takker/予定の組み立てtemplate/planning.js'

import makeNewLoggingSheet from '/api/code/takker/日刊記録sheet_template/record.js'

import mackCheckPage from '/api/code/takker/失敗の分析template/analysis.js'

import makeNewCourseNote from '/api/code/takker/講義メモを作るUserScript/makeNewCourseNote.js';

import makeTaskPages from '/api/code/takker/期限付きだけど内容が曖昧なものをkeepするUserScript/script.js'

import makeNewMemo from '/api/code/takker/日時入りmemoのtemplate/makeNewMemo.js'

import makeNewLog from '/api/code/takker/作業Log_template/script.js';

import {makeSprint} from '/api/code/takker/takker-sprint_template/makeSprint.js';

import {makeCollectingTask} from '/api/code/takker/情報集め用タスクを作成するUserScript/script.js';

const iconName = 'Templates';

scrapbox.PageMenu.addMenu({

title: iconName,

image: '/assets/img/logo.png',

onClick: () => {}

});

scrapbox.PageMenu(iconName).addItem({

title: '📝New memo',

onClick: makeNewMemo

});

scrapbox.PageMenu(iconName).addItem({

title: '📝講義ノート',

onClick: makeNewCourseNote

});

const taskTools = 'TaskTools';

scrapbox.PageMenu.addMenu({

title: taskTools,

image: '/assets/img/logo.png',

onClick: () => {}

});