# CommentGenerator-Re
-HTML5コメントジェネレーターRe
+HTML5コメントジェネレーターRe(未完成)
```
[Warn] This repoligy is currently undergoing destructive changes. Until program configuration is available, pull requests and issues submitted may be ignored or rejected.
--- /dev/null
+{}
\ No newline at end of file
<!DOCTYPE html>
<html>
+
<head>
<meta charset="UTF-8">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
- <title>Hello World!</title>
+ <title>CommentGenerator-Re</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
+ <style>
+ /*タブ切り替え全体のスタイル*/
+ .tabs {
+ margin-top: 50px;
+ padding-bottom: 40px;
+ background-color: #fff;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+ margin: 0 auto;
+ min-height: calc(100% - 40px);
+ }
+
+ /*タブのスタイル*/
+ .tab_item {
+ width: calc(100%/3);
+ height: 30px;
+ border-bottom: 3px solid #5ab4bd;
+ background-color: #d9d9d9;
+ line-height: 30px;
+ font-size: 12px;
+ text-align: center;
+ color: #565656;
+ display: block;
+ float: left;
+ text-align: center;
+ font-weight: bold;
+ transition: all 0.2s ease;
+ }
+
+ .tab_item:hover {
+ opacity: 0.75;
+ }
+
+ /*ラジオボタンを全て消す*/
+ input[name="tab_item"] {
+ display: none;
+ }
+
+ /*タブ切り替えの中身のスタイル*/
+ .tab_content {
+ display: none;
+ padding: 20px 20px 0;
+ clear: both;
+ overflow: hidden;
+ }
+
+
+ /*選択されているタブのコンテンツのみを表示*/
+ #setsumei:checked~#setsumei_content,
+ #kihon:checked~#kihon_content,
+ #shousai:checked~#shousai_content,
+ #risuna:checked~#risuna_content,
+ #hontai:checked~#hontai_content,
+ #maruti:checked~#maruti_content {
+ display: block;
+ }
+
+ /*選択されているタブのスタイルを変える*/
+ .tabs input:checked+.tab_item {
+ background-color: #5ab4bd;
+ color: #fff;
+ }
+ </style>
</head>
+
<body style="background: white;">
- <h1>Hello World!</h1>
- <p>
- We are using Node.js <span id="node-version"></span>,
- Chromium <span id="chrome-version"></span>,
- and Electron <span id="electron-version"></span>.
- </p>
- <p>補足、このソフトを開いた直後に閉じるとエラーが起きます。ソフトウェアフレームワーク仕様なので修正はできません。(timerなんちゃらとか出てくるけど無視で....</p>
+ <div class="tabs">
+ <input id="setsumei" type="radio" name="tab_item" checked>
+ <label class="tab_item" for="setsumei">説明</label>
+ <input id="kihon" type="radio" name="tab_item">
+ <label class="tab_item" for="kihon">基本</label>
+ <input id="shousai" type="radio" name="tab_item">
+ <label class="tab_item" for="shousai">詳細</label>
+ <input id="risuna" type="radio" name="tab_item">
+ <label class="tab_item" for="risuna">リスナー</label>
+ <input id="hontai" type="radio" name="tab_item">
+ <label class="tab_item" for="hontai">本体</label>
+ <input id="maruti" type="radio" name="tab_item">
+ <label class="tab_item" for="maruti">マルチ</label>
+ <div class="tab_content" id="setsumei_content">
+ <h1>CommentGenerator-Re</h1>
+ <p>
+ We are using Node.js <span id="node-version"></span>,
+ Chromium <span id="chrome-version"></span>,
+ and Electron <span id="electron-version"></span>.
+ </p>
+ <p>補足、このソフトを開いた直後に閉じるとエラーが起きます。ソフトウェアフレームワーク仕様なので修正はできません。(timerなんちゃらとか出てくるけど無視で....</p>
+ </div>
+ <div class="tab_content" id="kihon_content">
+ kihonの内容がここに入ります
+ </div>
+ <div class="tab_content" id="shousai_content">
+ shousaiの内容がここに入ります
+ </div>
+ <div class="tab_content" id="risuna_content">
+ risunaの内容がここに入ります
+ </div>
+ <div class="tab_content" id="hontai_content">
+ hontaiの内容がここに入ります
+ </div>
+ <div class="tab_content" id="maruti_content">
+ marutiの内容がここに入ります
+ </div>
+ </div>
<!--通知-->
<script src="./renderer.js"></script>
</body>
+
</html>
\ No newline at end of file
{
label: 'ファイル',
submenu: [
- isMac ? {role:'close', label:'ウィンドウを閉じる'} : {role:'quit', label:'終了'}
+ isMac ? {role:'close', label:'ウィンドウを閉じる'} : {C}
]
},
{
function createWindow() {
//ブラウザウィンドウを作成します。
window = new BrowserWindow({
- width: 800,
+ width: 400,
height: 600,
+ minWidth: 400,
+ minHeight: 600,
+ maxWidth: 600,
+ maxHeight: 800,
frame: false,
webPreferences: {
preload: path.join(__dirname, 'preload.js'),
})//*/
}).then(() => {
createWindow()// <-- function createWindow のやつを動かす。
-
+/*
window.setProgressBar(0.555555555555,{mode:"paused"})
setTimeout(() => {
window.setProgressBar(0)
}, 2000)
}, 2000)
}, 2000)
-
+*/
// このリスナーは、アプリケーションが起動した後に動きます。
app.on('activate', () => {
label: "Options",
submenu: [
{
- label: "Quit",
+ label: `${app.name}を完全終了する`,
click: () => app.quit()
- },
- {
- label: "Radio1",
- type: "radio",
- checked: true
- },
- {
- label: "Radio2",
- type: "radio",
- },
- {
- label: "Checkbox1",
- type: "checkbox",
- checked: true,
- click: (item) => {
- console.log("item is checked? " + item.checked);
- }
- },
- {type: "separator"},
- {
- label: "Checkbox2",
- type: "checkbox",
- checked: false,
- click: (item) => {
- console.log("item is checked? " + item.checked);
- }
- },
- {
- label: "Radio Test",
- submenu: [
- {
- label: "Sample Checkbox",
- type: "checkbox",
- checked: true
- },
- {
- label: "Radio1",
- checked: true,
- type: "radio"
- },
- {
- label: "Radio2",
- type: "radio"
- },
- {
- label: "Radio3",
- type: "radio"
- },
- { type: "separator" },
- {
- label: "Radio1",
- checked: true,
- type: "radio"
- },
- {
- label: "Radio2",
- type: "radio"
- },
- {
- label: "Radio3",
- type: "radio"
- }
- ]
- },
- {
- label: "zoomIn",
- role: "zoomIn"
- },
- {
- label: "zoomOut",
- role: "zoomOut"
- },
- {
- label: "Radio1",
- type: "radio"
- },
- {
- label: "Radio2",
- checked: true,
- type: "radio"
- },
+ }
]
}
];
\ No newline at end of file
## MultiCommentViewer 互換性プラグイン
-.xmlファイルをSQL形式に変換し、コメントを一カ所にまとめるためにSQLに送信します。(予定ではsqlliteを使用します。)
+.xmlファイルを.json形式に変換し、コメントを一カ所にまとめるために「まとめるシステム(仮)」に送信します。
+
+.json形式は、Node.js及びelectronが扱いやすい形式です。
理由: もし、他のコメント取得ソフトが登場した場合、MultiCommentViewerがまだプラットフォームに対応していないときなどに、コメントが別々にならないようにするためです。
\ No newline at end of file
// Node.jsのすべてのAPIがプリロードプロセスで利用できます。
// !Chrome の拡張機能と同じサンドボックスを持っています。
-
-
const customTitlebar = require('custom-electron-titlebar');
window.addEventListener('DOMContentLoaded', () => {
-/*
- const menu = new Menu();
-menu.append(new MenuItem({
- label: 'Item 1',
- submenu: [
- {
- label: 'Subitem 1',
- click: () => console.log('Click on subitem 1')
- },
- {
- type: 'separator'
- }
- ]
-}));
-menu.append(new MenuItem({
- label: 'Item 2',
- submenu: [
- {
- label: 'Subitem checkbox',
- type: 'checkbox',
- checked: true
- },
- {
- type: 'separator'
- },
- {
- label: 'Subitem with submenu',
- submenu: [
- {
- label: 'Submenu &item 1',
- accelerator: 'Ctrl+T'
- }
- ]
- }
- ]
-}));
-new customTitlebar.Titlebar({
- backgroundColor: customTitlebar.Color.fromHex('#444'),
- menu: menu,
-});
-titlebar.updateBackground(new Color(new RGBA(0, 0, 0, .7)));
-*/
+ new customTitlebar.Titlebar({
+ backgroundColor: customTitlebar.Color.fromHex('#444'),
+ });
+ titlebar.updateBackground(new Color(new RGBA(0, 0, 0, .7)));
+
-new customTitlebar.Titlebar()
+ new customTitlebar.Titlebar()
- const replaceText = (selector, text) => {
- const element = document.getElementById(selector)
- if (element) element.innerText = text
- }
-
- for (const type of ['chrome', 'node', 'electron']) {
- replaceText(`${type}-version`, process.versions[type])
- }
- })
+ const replaceText = (selector, text) => {
+ const element = document.getElementById(selector)
+ if (element) element.innerText = text
+ }
+ for (const type of ['chrome', 'node', 'electron']) {
+ replaceText(`${type}-version`, process.versions[type])
+ }
+})
-