nadesiko3 3.3.45 → 3.3.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +143 -132
- package/batch/browsers.template.md +3 -3
- package/batch/build_browsers.nako3 +72 -72
- package/batch/build_command.nako3 +44 -44
- package/batch/build_nako_version.nako3 +42 -42
- package/batch/calc_hash.nako3 +29 -29
- package/batch/cmd_txt2json.nako3 +74 -74
- package/batch/command.txt +270 -338
- package/batch/command_nakopad.txt +9 -69
- package/batch/download-extlib.nako3 +43 -43
- package/batch/gen_command_nakopad.nako3 +57 -57
- package/batch/jsplugin2text.nako3 +285 -285
- package/batch/pickup_command.nako3 +110 -110
- package/batch/pickup_reserved_words.nako3 +11 -11
- package/batch/publish_version.nako3 +46 -46
- package/batch/show_agents.js +14 -14
- package/batch/turtle2js.nako3 +21 -21
- package/bin/cnako3 +10 -10
- package/core/.editorconfig +6 -0
- package/core/.eslintrc.cjs +33 -0
- package/core/.github/dependabot.yml +7 -0
- package/core/.github/workflows/nodejs.yml +37 -0
- package/core/.github/workflows/super-linter.yml +61 -0
- package/core/.github/workflows/textlint.yml +199 -0
- package/core/LICENSE +21 -0
- package/core/README.md +66 -0
- package/core/batch/build_nako_version.nako3 +42 -0
- package/core/command/snako.mjs +105 -0
- package/core/command/snako.mts +116 -0
- package/core/index.mjs +21 -0
- package/core/index.mts +21 -0
- package/core/package.json +47 -0
- package/core/sample/hello.nako3 +7 -0
- package/core/sample/hoge.mjs +4 -0
- package/core/sample/hoge.mts +6 -0
- package/core/src/nako3.mjs +858 -0
- package/core/src/nako3.mts +967 -0
- package/core/src/nako_colors.mjs +78 -0
- package/core/src/nako_colors.mts +86 -0
- package/core/src/nako_core_version.mjs +8 -0
- package/core/src/nako_core_version.mts +19 -0
- package/core/src/nako_csv.mjs +185 -0
- package/core/src/nako_csv.mts +188 -0
- package/core/src/nako_errors.mjs +173 -0
- package/core/src/nako_errors.mts +197 -0
- package/core/src/nako_from_dncl.mjs +255 -0
- package/core/src/nako_from_dncl.mts +250 -0
- package/core/src/nako_gen.mjs +1648 -0
- package/core/src/nako_gen.mts +1719 -0
- package/core/src/nako_gen_async.mjs +1659 -0
- package/core/src/nako_gen_async.mts +1732 -0
- package/core/src/nako_global.mjs +107 -0
- package/core/src/nako_global.mts +138 -0
- package/core/src/nako_indent.mjs +445 -0
- package/core/src/nako_indent.mts +492 -0
- package/core/src/nako_josi_list.mjs +38 -0
- package/core/src/nako_josi_list.mts +45 -0
- package/core/src/nako_lex_rules.mjs +253 -0
- package/core/src/nako_lex_rules.mts +260 -0
- package/core/src/nako_lexer.mjs +609 -0
- package/core/src/nako_lexer.mts +612 -0
- package/core/src/nako_logger.mjs +199 -0
- package/core/src/nako_logger.mts +232 -0
- package/core/src/nako_parser3.mjs +2439 -0
- package/core/src/nako_parser3.mts +2195 -0
- package/core/src/nako_parser_base.mjs +370 -0
- package/core/src/nako_parser_base.mts +370 -0
- package/core/src/nako_parser_const.mjs +37 -0
- package/core/src/nako_parser_const.mts +37 -0
- package/core/src/nako_prepare.mjs +304 -0
- package/core/src/nako_prepare.mts +315 -0
- package/core/src/nako_reserved_words.mjs +38 -0
- package/core/src/nako_reserved_words.mts +38 -0
- package/core/src/nako_source_mapping.mjs +207 -0
- package/core/src/nako_source_mapping.mts +262 -0
- package/core/src/nako_test.mjs +37 -0
- package/core/src/nako_types.mjs +25 -0
- package/core/src/nako_types.mts +151 -0
- package/core/src/plugin_csv.mjs +49 -0
- package/core/src/plugin_csv.mts +50 -0
- package/core/src/plugin_math.mjs +328 -0
- package/core/src/plugin_math.mts +326 -0
- package/core/src/plugin_promise.mjs +91 -0
- package/core/src/plugin_promise.mts +91 -0
- package/core/src/plugin_system.mjs +2832 -0
- package/core/src/plugin_system.mts +2690 -0
- package/core/src/plugin_test.mjs +34 -0
- package/core/src/plugin_test.mts +34 -0
- package/core/test/array_test.mjs +34 -0
- package/core/test/basic_test.mjs +344 -0
- package/core/test/calc_test.mjs +140 -0
- package/core/test/core_module_test.mjs +23 -0
- package/core/test/debug_test.mjs +16 -0
- package/core/test/dncl_test.mjs +94 -0
- package/core/test/error_message_test.mjs +210 -0
- package/core/test/error_test.mjs +16 -0
- package/core/test/flow_test.mjs +373 -0
- package/core/test/func_call.mjs +160 -0
- package/core/test/func_test.mjs +149 -0
- package/core/test/indent_test.mjs +364 -0
- package/core/test/lex_test.mjs +168 -0
- package/core/test/literal_test.mjs +73 -0
- package/core/test/nako_lexer_test.mjs +35 -0
- package/core/test/nako_logger_test.mjs +76 -0
- package/core/test/nako_logger_test.mts +78 -0
- package/core/test/plugin_csv_test.mjs +38 -0
- package/core/test/plugin_promise_test.mjs +18 -0
- package/core/test/plugin_system_test.mjs +630 -0
- package/core/test/prepare_test.mjs +96 -0
- package/core/test/re_test.mjs +22 -0
- package/core/test/side_effects_test.mjs +92 -0
- package/core/test/variable_scope_test.mjs +149 -0
- package/core/tsconfig.json +101 -0
- package/demo/ace_editor.html +89 -89
- package/demo/ace_editor_tabs.html +161 -161
- package/demo/basic.html +71 -71
- package/demo/browsers.html +9 -10
- package/demo/css/basic.css +3 -3
- package/demo/css/common.css +157 -157
- package/demo/css/editor.css +8 -8
- package/demo/css/flow.css +3 -3
- package/demo/css/index.css +3 -3
- package/demo/flow.html +98 -98
- package/demo/graph.html +53 -53
- package/demo/image/nakopad-icon256.png +0 -0
- package/demo/index.html +133 -133
- package/demo/js/common.js +17 -17
- package/demo/js/turtle3d_test.js +44 -44
- package/demo/js/turtle_test.js +45 -45
- package/demo/nako3/calc.nako3 +4 -4
- package/demo/runscript.html +47 -47
- package/demo/runscript2.html +33 -33
- package/demo/runscript3.html +35 -35
- package/demo/runscript4.html +33 -33
- package/demo/turtle.html +58 -58
- package/demo/turtle2.html +141 -141
- package/demo/turtle3.html +279 -279
- package/demo/turtle3d.html +58 -58
- package/demo/turtle3d2.html +107 -107
- package/demo/version.html +24 -24
- package/doc/SETUP.md +157 -157
- package/doc/about.md +17 -17
- package/doc/browsers.md +26 -26
- package/doc/docgen.md +21 -21
- package/doc/editor.md +44 -44
- package/doc/files.md +39 -39
- package/doc/plugins.md +234 -234
- package/doc/release.md +79 -79
- package/doc/textlint.md +43 -43
- package/doc/win32.md +57 -57
- package/package.json +195 -192
- package/release/_hash.txt +28 -28
- package/release/_script-tags.txt +14 -14
- package/release/command.json +1 -1
- package/release/command.json.js +1 -1
- package/release/command_cnako3.json +1 -1
- package/release/command_list.json +1 -1
- package/release/editor.js +1 -1
- package/release/nako_gen_async.js +1 -1
- package/release/plugin_csv.js +1 -1
- package/release/stats.json +1 -1
- package/release/version.js +1 -1
- package/release/wnako3.js +1 -1
- package/release/wnako3webworker.js +1 -1
- package/src/browsers.txt +11 -12
- package/src/browsers_agents.json +2 -2
- package/src/browsers_agents.mjs +1 -1
- package/src/cnako3.mjs +17 -10
- package/src/cnako3.mts +18 -12
- package/src/cnako3mod.mjs +707 -687
- package/src/cnako3mod.mts +712 -696
- package/src/commander_ja.mjs +164 -164
- package/src/commander_ja.mts +161 -161
- package/src/enako3.mjs +68 -69
- package/src/era.mjs +22 -22
- package/src/image_turtle-elephant.mjs +2 -5
- package/src/image_turtle-panda.mjs +2 -5
- package/src/image_turtle64.mjs +2 -5
- package/src/index.mjs +9 -9
- package/src/index.mts +10 -11
- package/src/nako3editorfix.sfd +106 -106
- package/src/nako_version.mjs +8 -8
- package/src/nako_version.mts +2 -2
- package/src/plugin_browser.mjs +213 -212
- package/src/plugin_browser.mts +206 -205
- package/src/plugin_browser_ajax.mjs +399 -399
- package/src/plugin_browser_audio.mjs +109 -109
- package/src/plugin_browser_canvas.mjs +449 -449
- package/src/plugin_browser_chart.mjs +294 -294
- package/src/plugin_browser_color.mjs +49 -49
- package/src/plugin_browser_crypto.mjs +26 -26
- package/src/plugin_browser_dialog.mjs +53 -53
- package/src/plugin_browser_dom_basic.mjs +336 -336
- package/src/plugin_browser_dom_event.mjs +193 -193
- package/src/plugin_browser_dom_parts.mjs +396 -396
- package/src/plugin_browser_geolocation.mjs +51 -51
- package/src/plugin_browser_hotkey.mjs +25 -25
- package/src/plugin_browser_html.mjs +59 -59
- package/src/plugin_browser_in_worker.mjs +45 -45
- package/src/plugin_browser_location.mjs +21 -21
- package/src/plugin_browser_speech.mjs +111 -111
- package/src/plugin_browser_storage.mjs +121 -121
- package/src/plugin_browser_system.mjs +31 -31
- package/src/plugin_browser_websocket.mjs +73 -73
- package/src/plugin_caniuse.mjs +29 -29
- package/src/plugin_datetime.mjs +394 -394
- package/src/plugin_httpserver.mjs +277 -0
- package/src/plugin_httpserver.mts +286 -0
- package/src/plugin_kansuji.mjs +224 -224
- package/src/plugin_keigo.mjs +55 -55
- package/src/plugin_markup.mjs +32 -32
- package/src/plugin_node.mjs +1047 -1047
- package/src/plugin_node.mts +980 -980
- package/src/plugin_turtle.mjs +647 -647
- package/src/plugin_webworker.mjs +334 -334
- package/src/plugin_weykturtle3d.mjs +1214 -1214
- package/src/plugin_worker.mjs +95 -95
- package/src/repl.nako3 +63 -63
- package/src/wnako3.mjs +12 -12
- package/src/wnako3.mts +11 -11
- package/src/wnako3_editor.css +215 -215
- package/src/wnako3_editor.mjs +1542 -1542
- package/src/wnako3_editor.mts +1657 -1656
- package/src/wnako3mod.mjs +213 -213
- package/src/wnako3mod.mts +214 -214
- package/src/wnako3webworker.mjs +69 -68
- package/test/ace_editor/karma.config.js +94 -94
- package/test/ace_editor/test/.babelrc.json +3 -3
- package/test/ace_editor/test/ace_editor_test.js +178 -178
- package/test/ace_editor/test/html/custom_context.html +139 -139
- package/test/async/async_basic_test.mjs +122 -122
- package/test/browser/karma.config.js +221 -221
- package/test/browser/test/.babelrc.json +3 -3
- package/test/browser/test/compare_util.js +50 -50
- package/test/browser/test/html/div_basic.html +2 -2
- package/test/browser/test/html/event_dom_form.html +4 -4
- package/test/browser/test/html/event_dom_scrolldiv.html +5 -5
- package/test/browser/test/import_plugin_checker.js +24 -24
- package/test/browser/test/plugin_browser_test.js +51 -51
- package/test/browser/test/plugin_browser_test_ajax.js +123 -123
- package/test/browser/test/plugin_browser_test_color.js +18 -18
- package/test/browser/test/plugin_browser_test_dialog.js +72 -72
- package/test/browser/test/plugin_browser_test_dom_event.js +598 -598
- package/test/browser/test/plugin_browser_test_dom_parts.js +125 -125
- package/test/browser/test/plugin_browser_test_system.js +9 -9
- package/test/browser/test/plugin_turtle_test.js +817 -817
- package/test/browser/test/plugin_webworker_test.js +86 -86
- package/test/browser/test/require_test.js +68 -68
- package/test/bundled/karma.config.base.js +117 -117
- package/test/bundled/karma.config.js +86 -86
- package/test/bundled/test/.babelrc.json +3 -3
- package/test/bundled/test/bundled_test.js +69 -69
- package/test/bundled/test/html/custom_context.html +65 -65
- package/test/bundled/test/html/custom_debug.html +66 -66
- package/test/bundled/test4b.cmd +52 -52
- package/test/bundled/test_base/.babelrc.json +3 -3
- package/test/bundled/test_base/_checktool_test.js +25 -25
- package/test/bundled/test_base/basic_ajax_test.js +56 -56
- package/test/bundled/test_base/basic_async_test.js +18 -18
- package/test/bundled/test_base/basic_test.js +153 -153
- package/test/bundled/test_base/calc_test.js +132 -132
- package/test/bundled/test_base/css/browsers_box.css +114 -114
- package/test/bundled/test_base/html/custom_context.html +69 -69
- package/test/bundled/test_base/html/custom_debug.html +71 -71
- package/test/bundled/test_base/js/browsers_box.js +72 -72
- package/test/bundled/test_base/plugin_csv_test.js +37 -37
- package/test/bundled/test_base/plugin_datetime_test.js +115 -115
- package/test/bundled/test_base/plugin_kansuji_test.js +49 -49
- package/test/bundled/test_base/plugin_system_test.js +410 -410
- package/test/bundled/test_base/plugin_webworker_test.js +53 -53
- package/test/bundled/test_base/test_utils.js +191 -191
- package/test/common/plugin_browser_test.mjs +22 -24
- package/test/common/plugin_browser_ut_audio_test.mjs +108 -108
- package/test/common/plugin_browser_ut_color_test.mjs +21 -21
- package/test/common/plugin_browser_ut_dialog_test.mjs +100 -100
- package/test/common/plugin_browser_ut_html_test.mjs +13 -13
- package/test/common/plugin_browser_ut_system_test.mjs +10 -10
- package/test/common/plugin_markup_test.mjs +23 -23
- package/test/jsconfig.json +19 -19
- package/test/karma.config.js +91 -91
- package/test/node/async_test.mjs +96 -82
- package/test/node/commander_ja_test.mjs +89 -89
- package/test/node/error_message_test.mjs +243 -253
- package/test/node/kai_test.nako3 +6 -6
- package/test/node/node_test.mjs +60 -60
- package/test/node/plugin_broken.js.txt +3 -3
- package/test/node/plugin_browser_ut_ajax_test.mjs.todo +357 -357
- package/test/node/plugin_browser_ut_location_test.mjs +42 -42
- package/test/node/plugin_markup_test.mjs +47 -46
- package/test/node/plugin_math_test.mjs +45 -44
- package/test/node/plugin_node_test.mjs +98 -97
- package/test/node/plugin_test.mjs +44 -43
- package/test/node/relative_import_test_1.nako3 +1 -1
- package/test/node/relative_import_test_2.nako3 +2 -2
- package/test/node/require_nako3_test.mjs +67 -66
- package/test/node/requiretest.nako3 +4 -4
- package/test/node/requiretest_indirect.nako3 +1 -1
- package/test/node/requiretest_name.nako3 +5 -5
- package/test/node/runtime_error.nako3 +2 -2
- package/test/node/scope1.nako3 +10 -10
- package/test/node/scope2.nako3 +12 -12
- package/test/node/side_effects_test.mjs +39 -119
- package/test/node/sjis.txt +5 -5
- package/test/node/syntax_error.nako3 +1 -1
- package/test/node/wnako3_editor_test.mjs +384 -384
- package/tools/README.md +12 -7
- package/tools/check_new_version.nako3 +25 -25
- package/tools/nako3edit/html/daisyui/LICENSE +22 -22
- package/tools/nako3edit/html/daisyui/version_2.14.1 +1 -1
- package/tools/nako3edit/html/edit.html +170 -170
- package/tools/nako3edit/html/edit_plugin.js +6 -6
- package/tools/nako3edit/html/files.html +125 -125
- package/tools/nako3edit/html/nako3edit.css +65 -65
- package/tools/nako3edit/index.mjs +248 -244
- package/tools/nako3server/index.html +10 -0
- package/tools/nako3server/index.mjs +116 -116
- package/tools/nako3server/index.nako3 +34 -0
- package/release/nako_gen_async.js.LICENSE.txt +0 -35
- package/release/plugin_caniuse.js.LICENSE.txt +0 -11
- package/release/plugin_csv.js.LICENSE.txt +0 -15
- package/release/plugin_datetime.js.LICENSE.txt +0 -15
- package/release/plugin_kansuji.js.LICENSE.txt +0 -3
- package/release/plugin_markup.js.LICENSE.txt +0 -11
- package/release/plugin_turtle.js.LICENSE.txt +0 -15
- package/release/plugin_webworker.js.LICENSE.txt +0 -3
- package/release/plugin_weykturtle3d.js.LICENSE.txt +0 -3
- package/release/wnako3webworker.js.LICENSE.txt +0 -131
- package/tools/nako3edit/a.sqlite3 +0 -0
package/demo/index.html
CHANGED
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<title>なでしこ3 - Webエディタ</title>
|
|
7
|
-
<!-- common -->
|
|
8
|
-
<link rel="stylesheet" type="text/css" href="extlib/pure-min.css">
|
|
9
|
-
<link rel="stylesheet" type="text/css" href="css/common.css">
|
|
10
|
-
<link rel="stylesheet" href="../src/wnako3_editor.css">
|
|
11
|
-
<script src="extlib/ace@1.4.12/ace.js" integrity="sha512-GZ1RIgZaSc8rnco/8CXfRdCpDxRCphenIiZ2ztLy3XQfCbQUSCuk8IudvNHxkRA3oUg6q0qejgN/qqyG1duv5Q==" crossorigin="anonymous"></script>
|
|
12
|
-
<script src="extlib/ace@1.4.12/ext-language_tools.min.js" integrity="sha512-8qx1DL/2Wsrrij2TWX5UzvEaYOFVndR7BogdpOyF4ocMfnfkw28qt8ULkXD9Tef0bLvh3TpnSAljDC7uyniEuQ==" crossorigin="anonymous"></script>
|
|
13
|
-
<script src="extlib/ace@1.4.12/ext-options.min.js" integrity="sha512-oHR+WVzBiVZ6njlMVlDDLUIOLRDfUUfRQ55PfkZvgjwuvGqL4ohCTxaahJIxTmtya4jgyk0zmOxDMuLzbfqQDA==" crossorigin="anonymous"></script>
|
|
14
|
-
<script src="extlib/ace@1.4.12/ext-code_lens.min.js" integrity="sha512-gsDyyKTnOmSWRDzUbpYcPjzVsEyFGSWeWefzVKvbMULPR2ElIlKKsOtU3ycfybN9kncZXKLFSsUiG3cgJUbc/g==" crossorigin="anonymous"></script>
|
|
15
|
-
<!-- index -->
|
|
16
|
-
<link rel="stylesheet" type="text/css" href="css/index.css">
|
|
17
|
-
<!-- editor -->
|
|
18
|
-
<link rel="stylesheet" type="text/css" href="css/editor.css">
|
|
19
|
-
</head>
|
|
20
|
-
<body>
|
|
21
|
-
|
|
22
|
-
<!-- header title -->
|
|
23
|
-
<h1 id="title">
|
|
24
|
-
<img src="image/nakopad-icon256.png" alt="なでしこ3" style="height:1.3em;"/>
|
|
25
|
-
なでしこ3 - Webエディタ
|
|
26
|
-
</h1>
|
|
27
|
-
|
|
28
|
-
<!-- menu bar-->
|
|
29
|
-
<div class="menubar">
|
|
30
|
-
<ul>
|
|
31
|
-
<li><a href="#about" class="pure-button">なでしこ3とは</a></li>
|
|
32
|
-
<li><a href="#help" class="pure-button">ヘルプ</a></li>
|
|
33
|
-
</ul>
|
|
34
|
-
<div style="clear:both"></div>
|
|
35
|
-
</div>
|
|
36
|
-
|
|
37
|
-
<!-- editor -->
|
|
38
|
-
<div id="editor" class="edit_div">
|
|
39
|
-
<div class="editor-component">
|
|
40
|
-
<script type="application/json">
|
|
41
|
-
{
|
|
42
|
-
"title": "簡易エディタ",
|
|
43
|
-
"code": "「こんにちは!」と表示。\n(1 + 2)×3を表示。",
|
|
44
|
-
"autoLoad": true
|
|
45
|
-
}
|
|
46
|
-
</script>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
|
|
50
|
-
<br />
|
|
51
|
-
<!-- version info -->
|
|
52
|
-
<div class="about-group">
|
|
53
|
-
<div class="version-component"></div>
|
|
54
|
-
</div>
|
|
55
|
-
<!-- about group panel -->
|
|
56
|
-
<h3><a id="about">「なでしこ3」とは</a></h3>
|
|
57
|
-
<div class="about-group">
|
|
58
|
-
<ul>
|
|
59
|
-
<li><a class="pure-button" href="http://nadesi.com/doc3">なでしこ3のマニュアル(→Web)</a></li>
|
|
60
|
-
<li><a class="pure-button" href="http://nadesi.com/v3/doc">命令リファレンス(→Web)</a></li>
|
|
61
|
-
<li><a class="pure-button" href="browsers.html">対応機器/Webブラウザ</a></li>
|
|
62
|
-
</ul>
|
|
63
|
-
</div>
|
|
64
|
-
|
|
65
|
-
<h3><a id="about-demo">デモ</a></h3>
|
|
66
|
-
<div class="about-group">
|
|
67
|
-
<ul>
|
|
68
|
-
<li><a class="pure-button" href="turtle2.html">タートルグラフィックスのデモ</a></li>
|
|
69
|
-
<li><a class="pure-button" href="flow.html">制御構文のデモ</a></li>
|
|
70
|
-
<li><a class="pure-button" href="turtle.html">タートルグラフィックス(エディタ)</a></li>
|
|
71
|
-
<li><a class="pure-button" href="turtle3d.html">タートルグラフィックス3D(エディタ)</a></li>
|
|
72
|
-
</ul>
|
|
73
|
-
</div>
|
|
74
|
-
|
|
75
|
-
<h3><a id="about-doc">文法について</a></h3>
|
|
76
|
-
<div class="about-group">
|
|
77
|
-
<ul>
|
|
78
|
-
<li><a class="pure-button" href="https://nadesi.com/doc3/go.php?8">文法一覧(→WEB)</a></li>
|
|
79
|
-
<li><a class="pure-button" href="https://nadesi.com/doc3/go.php?4">なでしこ3の基本(→Web)</a></li>
|
|
80
|
-
<li><a class="pure-button" href="https://nadesi.com/doc3/go.php?5">変数について(→Web)</a></li>
|
|
81
|
-
</ul>
|
|
82
|
-
</div>
|
|
83
|
-
|
|
84
|
-
<h3><a id="help">ヘルプ</a></h3>
|
|
85
|
-
<div class="about-group">
|
|
86
|
-
<div class="helpbox">
|
|
87
|
-
<h4>Webエディタについて</h4>
|
|
88
|
-
<div>なでしこ3のWeb版を実行が可能なエディタです。プログラムを入力してエディタ下部にある「実行」ボタンを押してプログラムを実行できます。</div>
|
|
89
|
-
</div>
|
|
90
|
-
<div class="helpbox">
|
|
91
|
-
<h4>「テスト」ボタンについて</h4>
|
|
92
|
-
<div>テストを実行できます。<a href="https://github.com/kujirahand/nadesiko3/pull/396">詳細はこちら</a>をご覧ください。</div>
|
|
93
|
-
</div>
|
|
94
|
-
<div class="helpbox">
|
|
95
|
-
<h4>「クリア」ボタンについて</h4>
|
|
96
|
-
<div>実行結果をクリアします。</div>
|
|
97
|
-
</div>
|
|
98
|
-
<div class="helpbox">
|
|
99
|
-
<h4>「↓」ボタンについて</h4>
|
|
100
|
-
<div>作ったプログラムをダウンロードします。</div>
|
|
101
|
-
</div>
|
|
102
|
-
<div class="helpbox">
|
|
103
|
-
<div><a class="pure-button" href="#title">トップへ</a>
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
|
|
107
|
-
<!-- editor script -->
|
|
108
|
-
<!--React.jsのスクリプトはHTMLの末尾で読み込む-->
|
|
109
|
-
<!-- なでしこ-->
|
|
110
|
-
<script src="../release/wnako3.js"></script>
|
|
111
|
-
<script src="../release/editor.js"></script>
|
|
112
|
-
<script src="../release/version.js"></script>
|
|
113
|
-
<script src="../release/plugin_markup.js"></script>
|
|
114
|
-
<script src="../release/plugin_csv.js"></script>
|
|
115
|
-
<script src="../release/plugin_kansuji.js"></script>
|
|
116
|
-
<script src="../release/plugin_turtle.js"></script>
|
|
117
|
-
<script src="../release/plugin_caniuse.js"></script>
|
|
118
|
-
<script src="../release/plugin_webworker.js"></script>
|
|
119
|
-
<script src="../release/nako_gen_async.js"></script>
|
|
120
|
-
<!-- Chart.js -->
|
|
121
|
-
<script defer src="extlib/chart.js@3.2.1/chart.min.js"></script>
|
|
122
|
-
<script>
|
|
123
|
-
// 部品スキル実装 #1033
|
|
124
|
-
(function(){
|
|
125
|
-
const registerSkin = function (itype, obj, sys) {
|
|
126
|
-
if (itype == 'ボタン作成') {obj.classList.add('pure-button')}
|
|
127
|
-
}
|
|
128
|
-
const v0 = navigator.nako3.__varslist[0]
|
|
129
|
-
if (typeof(v0['DOMスキン辞書']) == 'object') { v0['DOMスキン辞書']['pure.css'] = registerSkin }
|
|
130
|
-
})();
|
|
131
|
-
</script>
|
|
132
|
-
</body>
|
|
133
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<title>なでしこ3 - Webエディタ</title>
|
|
7
|
+
<!-- common -->
|
|
8
|
+
<link rel="stylesheet" type="text/css" href="extlib/pure-min.css">
|
|
9
|
+
<link rel="stylesheet" type="text/css" href="css/common.css">
|
|
10
|
+
<link rel="stylesheet" href="../src/wnako3_editor.css">
|
|
11
|
+
<script src="extlib/ace@1.4.12/ace.js" integrity="sha512-GZ1RIgZaSc8rnco/8CXfRdCpDxRCphenIiZ2ztLy3XQfCbQUSCuk8IudvNHxkRA3oUg6q0qejgN/qqyG1duv5Q==" crossorigin="anonymous"></script>
|
|
12
|
+
<script src="extlib/ace@1.4.12/ext-language_tools.min.js" integrity="sha512-8qx1DL/2Wsrrij2TWX5UzvEaYOFVndR7BogdpOyF4ocMfnfkw28qt8ULkXD9Tef0bLvh3TpnSAljDC7uyniEuQ==" crossorigin="anonymous"></script>
|
|
13
|
+
<script src="extlib/ace@1.4.12/ext-options.min.js" integrity="sha512-oHR+WVzBiVZ6njlMVlDDLUIOLRDfUUfRQ55PfkZvgjwuvGqL4ohCTxaahJIxTmtya4jgyk0zmOxDMuLzbfqQDA==" crossorigin="anonymous"></script>
|
|
14
|
+
<script src="extlib/ace@1.4.12/ext-code_lens.min.js" integrity="sha512-gsDyyKTnOmSWRDzUbpYcPjzVsEyFGSWeWefzVKvbMULPR2ElIlKKsOtU3ycfybN9kncZXKLFSsUiG3cgJUbc/g==" crossorigin="anonymous"></script>
|
|
15
|
+
<!-- index -->
|
|
16
|
+
<link rel="stylesheet" type="text/css" href="css/index.css">
|
|
17
|
+
<!-- editor -->
|
|
18
|
+
<link rel="stylesheet" type="text/css" href="css/editor.css">
|
|
19
|
+
</head>
|
|
20
|
+
<body>
|
|
21
|
+
|
|
22
|
+
<!-- header title -->
|
|
23
|
+
<h1 id="title">
|
|
24
|
+
<img src="image/nakopad-icon256.png" alt="なでしこ3" style="height:1.3em;"/>
|
|
25
|
+
なでしこ3 - Webエディタ
|
|
26
|
+
</h1>
|
|
27
|
+
|
|
28
|
+
<!-- menu bar-->
|
|
29
|
+
<div class="menubar">
|
|
30
|
+
<ul>
|
|
31
|
+
<li><a href="#about" class="pure-button">なでしこ3とは</a></li>
|
|
32
|
+
<li><a href="#help" class="pure-button">ヘルプ</a></li>
|
|
33
|
+
</ul>
|
|
34
|
+
<div style="clear:both"></div>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
<!-- editor -->
|
|
38
|
+
<div id="editor" class="edit_div">
|
|
39
|
+
<div class="editor-component">
|
|
40
|
+
<script type="application/json">
|
|
41
|
+
{
|
|
42
|
+
"title": "簡易エディタ",
|
|
43
|
+
"code": "「こんにちは!」と表示。\n(1 + 2)×3を表示。",
|
|
44
|
+
"autoLoad": true
|
|
45
|
+
}
|
|
46
|
+
</script>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<br />
|
|
51
|
+
<!-- version info -->
|
|
52
|
+
<div class="about-group">
|
|
53
|
+
<div class="version-component"></div>
|
|
54
|
+
</div>
|
|
55
|
+
<!-- about group panel -->
|
|
56
|
+
<h3><a id="about">「なでしこ3」とは</a></h3>
|
|
57
|
+
<div class="about-group">
|
|
58
|
+
<ul>
|
|
59
|
+
<li><a class="pure-button" href="http://nadesi.com/doc3">なでしこ3のマニュアル(→Web)</a></li>
|
|
60
|
+
<li><a class="pure-button" href="http://nadesi.com/v3/doc">命令リファレンス(→Web)</a></li>
|
|
61
|
+
<li><a class="pure-button" href="browsers.html">対応機器/Webブラウザ</a></li>
|
|
62
|
+
</ul>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<h3><a id="about-demo">デモ</a></h3>
|
|
66
|
+
<div class="about-group">
|
|
67
|
+
<ul>
|
|
68
|
+
<li><a class="pure-button" href="turtle2.html">タートルグラフィックスのデモ</a></li>
|
|
69
|
+
<li><a class="pure-button" href="flow.html">制御構文のデモ</a></li>
|
|
70
|
+
<li><a class="pure-button" href="turtle.html">タートルグラフィックス(エディタ)</a></li>
|
|
71
|
+
<li><a class="pure-button" href="turtle3d.html">タートルグラフィックス3D(エディタ)</a></li>
|
|
72
|
+
</ul>
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
<h3><a id="about-doc">文法について</a></h3>
|
|
76
|
+
<div class="about-group">
|
|
77
|
+
<ul>
|
|
78
|
+
<li><a class="pure-button" href="https://nadesi.com/doc3/go.php?8">文法一覧(→WEB)</a></li>
|
|
79
|
+
<li><a class="pure-button" href="https://nadesi.com/doc3/go.php?4">なでしこ3の基本(→Web)</a></li>
|
|
80
|
+
<li><a class="pure-button" href="https://nadesi.com/doc3/go.php?5">変数について(→Web)</a></li>
|
|
81
|
+
</ul>
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
<h3><a id="help">ヘルプ</a></h3>
|
|
85
|
+
<div class="about-group">
|
|
86
|
+
<div class="helpbox">
|
|
87
|
+
<h4>Webエディタについて</h4>
|
|
88
|
+
<div>なでしこ3のWeb版を実行が可能なエディタです。プログラムを入力してエディタ下部にある「実行」ボタンを押してプログラムを実行できます。</div>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="helpbox">
|
|
91
|
+
<h4>「テスト」ボタンについて</h4>
|
|
92
|
+
<div>テストを実行できます。<a href="https://github.com/kujirahand/nadesiko3/pull/396">詳細はこちら</a>をご覧ください。</div>
|
|
93
|
+
</div>
|
|
94
|
+
<div class="helpbox">
|
|
95
|
+
<h4>「クリア」ボタンについて</h4>
|
|
96
|
+
<div>実行結果をクリアします。</div>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="helpbox">
|
|
99
|
+
<h4>「↓」ボタンについて</h4>
|
|
100
|
+
<div>作ったプログラムをダウンロードします。</div>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="helpbox">
|
|
103
|
+
<div><a class="pure-button" href="#title">トップへ</a>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
|
|
107
|
+
<!-- editor script -->
|
|
108
|
+
<!--React.jsのスクリプトはHTMLの末尾で読み込む-->
|
|
109
|
+
<!-- なでしこ-->
|
|
110
|
+
<script src="../release/wnako3.js"></script>
|
|
111
|
+
<script src="../release/editor.js"></script>
|
|
112
|
+
<script src="../release/version.js"></script>
|
|
113
|
+
<script src="../release/plugin_markup.js"></script>
|
|
114
|
+
<script src="../release/plugin_csv.js"></script>
|
|
115
|
+
<script src="../release/plugin_kansuji.js"></script>
|
|
116
|
+
<script src="../release/plugin_turtle.js"></script>
|
|
117
|
+
<script src="../release/plugin_caniuse.js"></script>
|
|
118
|
+
<script src="../release/plugin_webworker.js"></script>
|
|
119
|
+
<script src="../release/nako_gen_async.js"></script>
|
|
120
|
+
<!-- Chart.js -->
|
|
121
|
+
<script defer src="extlib/chart.js@3.2.1/chart.min.js"></script>
|
|
122
|
+
<script>
|
|
123
|
+
// 部品スキル実装 #1033
|
|
124
|
+
(function(){
|
|
125
|
+
const registerSkin = function (itype, obj, sys) {
|
|
126
|
+
if (itype == 'ボタン作成') {obj.classList.add('pure-button')}
|
|
127
|
+
}
|
|
128
|
+
const v0 = navigator.nako3.__varslist[0]
|
|
129
|
+
if (typeof(v0['DOMスキン辞書']) == 'object') { v0['DOMスキン辞書']['pure.css'] = registerSkin }
|
|
130
|
+
})();
|
|
131
|
+
</script>
|
|
132
|
+
</body>
|
|
133
|
+
</html>
|
package/demo/js/common.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
// なでしこの関数をカスタマイズ
|
|
2
|
-
navigator.nako3.
|
|
3
|
-
window.alert(msg)
|
|
4
|
-
}, true)
|
|
5
|
-
navigator.nako3.
|
|
6
|
-
window.alert(msg)
|
|
7
|
-
}, true)
|
|
8
|
-
|
|
9
|
-
// なでしこにオリジナル関数をJSで追加
|
|
10
|
-
navigator.nako3.addFunc('色変更', [['に', 'へ']], function (s) {
|
|
11
|
-
document.getElementById('info').style.color = s
|
|
12
|
-
}, true)
|
|
13
|
-
|
|
14
|
-
function toHtml (s) {
|
|
15
|
-
s = '' + s
|
|
16
|
-
return s.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
|
|
17
|
-
}
|
|
1
|
+
// なでしこの関数をカスタマイズ
|
|
2
|
+
navigator.nako3.addFunc('言', [['と', 'を']], function (msg) {
|
|
3
|
+
window.alert(msg)
|
|
4
|
+
}, true)
|
|
5
|
+
navigator.nako3.addFunc('表示', [['と', 'を']], function (msg) {
|
|
6
|
+
window.alert(msg)
|
|
7
|
+
}, true)
|
|
8
|
+
|
|
9
|
+
// なでしこにオリジナル関数をJSで追加
|
|
10
|
+
navigator.nako3.addFunc('色変更', [['に', 'へ']], function (s) {
|
|
11
|
+
document.getElementById('info').style.color = s
|
|
12
|
+
}, true)
|
|
13
|
+
|
|
14
|
+
function toHtml (s) {
|
|
15
|
+
s = '' + s
|
|
16
|
+
return s.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
|
|
17
|
+
}
|
package/demo/js/turtle3d_test.js
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
// 追加のデフォルトコード
|
|
2
|
-
const defCode =
|
|
3
|
-
'T3Dカメ描画先は『turtle3d_div』。' +
|
|
4
|
-
'T3Dオービットコントロール設定。';
|
|
5
|
-
|
|
6
|
-
let displayId = 'info'
|
|
7
|
-
|
|
8
|
-
// なでしこの関数をカスタマイズ
|
|
9
|
-
navigator.nako3.setFunc('表示', [['と', 'を']], function (s) {
|
|
10
|
-
console.log(s)
|
|
11
|
-
document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
|
|
12
|
-
})
|
|
13
|
-
|
|
14
|
-
let nakoGlobal = undefined
|
|
15
|
-
|
|
16
|
-
// 簡易DOMアクセス関数など
|
|
17
|
-
function runBox (id) {
|
|
18
|
-
if (id === null) {
|
|
19
|
-
window.alert('idが設定されていません。')
|
|
20
|
-
return
|
|
21
|
-
}
|
|
22
|
-
let src = defCode + document.getElementById(id).value
|
|
23
|
-
displayId = id + '_info'
|
|
24
|
-
document.getElementById(displayId).innerHTML = ''
|
|
25
|
-
try {
|
|
26
|
-
nakoGlobal = navigator.nako3._runEx(src,'',{}, defCode, nakoGlobal)
|
|
27
|
-
document.getElementById('backlink').href = '#' + id + '_head'
|
|
28
|
-
window.location.href = '#run'
|
|
29
|
-
document.getElementById('err').style.display = 'none'
|
|
30
|
-
} catch (e) {
|
|
31
|
-
document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
|
|
32
|
-
document.getElementById('err').style.display = 'block'
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
function resetBoxTurtle3D (id) {
|
|
37
|
-
if (id === null)
|
|
38
|
-
id = 'src_box'
|
|
39
|
-
|
|
40
|
-
document.getElementById(id + '_info').innerHTML = ''
|
|
41
|
-
navigator.nako3._runEx('T3Dカメ全消去', '', {}, '', nakoGlobal)
|
|
42
|
-
document.getElementById('turtle3d_div').innerHTML = ''
|
|
43
|
-
nakoGlobal = undefined
|
|
44
|
-
}
|
|
1
|
+
// 追加のデフォルトコード
|
|
2
|
+
const defCode =
|
|
3
|
+
'T3Dカメ描画先は『turtle3d_div』。' +
|
|
4
|
+
'T3Dオービットコントロール設定。';
|
|
5
|
+
|
|
6
|
+
let displayId = 'info'
|
|
7
|
+
|
|
8
|
+
// なでしこの関数をカスタマイズ
|
|
9
|
+
navigator.nako3.setFunc('表示', [['と', 'を']], function (s) {
|
|
10
|
+
console.log(s)
|
|
11
|
+
document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
|
|
12
|
+
})
|
|
13
|
+
|
|
14
|
+
let nakoGlobal = undefined
|
|
15
|
+
|
|
16
|
+
// 簡易DOMアクセス関数など
|
|
17
|
+
function runBox (id) {
|
|
18
|
+
if (id === null) {
|
|
19
|
+
window.alert('idが設定されていません。')
|
|
20
|
+
return
|
|
21
|
+
}
|
|
22
|
+
let src = defCode + document.getElementById(id).value
|
|
23
|
+
displayId = id + '_info'
|
|
24
|
+
document.getElementById(displayId).innerHTML = ''
|
|
25
|
+
try {
|
|
26
|
+
nakoGlobal = navigator.nako3._runEx(src,'',{}, defCode, nakoGlobal)
|
|
27
|
+
document.getElementById('backlink').href = '#' + id + '_head'
|
|
28
|
+
window.location.href = '#run'
|
|
29
|
+
document.getElementById('err').style.display = 'none'
|
|
30
|
+
} catch (e) {
|
|
31
|
+
document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
|
|
32
|
+
document.getElementById('err').style.display = 'block'
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function resetBoxTurtle3D (id) {
|
|
37
|
+
if (id === null)
|
|
38
|
+
id = 'src_box'
|
|
39
|
+
|
|
40
|
+
document.getElementById(id + '_info').innerHTML = ''
|
|
41
|
+
navigator.nako3._runEx('T3Dカメ全消去', '', {}, '', nakoGlobal)
|
|
42
|
+
document.getElementById('turtle3d_div').innerHTML = ''
|
|
43
|
+
nakoGlobal = undefined
|
|
44
|
+
}
|
package/demo/js/turtle_test.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
// 追加のデフォルトコード
|
|
2
|
-
const defCode =
|
|
3
|
-
'カメ全消去。' +
|
|
4
|
-
'カメ描画先は『#turtle_cv』。' +
|
|
5
|
-
'『#turtle_cv』へ描画開始。';
|
|
6
|
-
|
|
7
|
-
let displayId = 'info'
|
|
8
|
-
|
|
9
|
-
// なでしこの関数をカスタマイズ
|
|
10
|
-
navigator.nako3.
|
|
11
|
-
console.log(s)
|
|
12
|
-
document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
// 簡易DOMアクセス関数など
|
|
16
|
-
function runBox (id) {
|
|
17
|
-
if (id === null) {
|
|
18
|
-
window.alert('idが設定されていません。')
|
|
19
|
-
return
|
|
20
|
-
}
|
|
21
|
-
console.log('runBox:', id)
|
|
22
|
-
let src = defCode + document.getElementById(id).value
|
|
23
|
-
displayId = id + '_info'
|
|
24
|
-
document.getElementById(displayId).innerHTML = ''
|
|
25
|
-
try {
|
|
26
|
-
console.log('defCode=', defCode)
|
|
27
|
-
navigator.nako3.run(src, 'main.nako3', defCode)
|
|
28
|
-
document.getElementById('backlink').href = '#' + id + '_head'
|
|
29
|
-
window.location.href = '#run'
|
|
30
|
-
document.getElementById('err').style.display = 'none'
|
|
31
|
-
} catch (e) {
|
|
32
|
-
document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
|
|
33
|
-
document.getElementById('err').style.display = 'block'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
function resetBoxTurtle (id) {
|
|
38
|
-
if (id === null)
|
|
39
|
-
id = 'src_box'
|
|
40
|
-
|
|
41
|
-
document.getElementById(id + '_info').innerHTML = ''
|
|
42
|
-
const cv = document.getElementById('turtle_cv')
|
|
43
|
-
cv.getContext('2d').clearRect(0, 0, cv.width, cv.height)
|
|
44
|
-
navigator.nako3.run('カメ全消去')
|
|
45
|
-
}
|
|
1
|
+
// 追加のデフォルトコード
|
|
2
|
+
const defCode =
|
|
3
|
+
'カメ全消去。' +
|
|
4
|
+
'カメ描画先は『#turtle_cv』。' +
|
|
5
|
+
'『#turtle_cv』へ描画開始。';
|
|
6
|
+
|
|
7
|
+
let displayId = 'info'
|
|
8
|
+
|
|
9
|
+
// なでしこの関数をカスタマイズ
|
|
10
|
+
navigator.nako3.addFunc('表示', [['と', 'を']], function (s) {
|
|
11
|
+
console.log(s)
|
|
12
|
+
document.getElementById(displayId).innerHTML += toHtml(s) + '<br>'
|
|
13
|
+
}, true)
|
|
14
|
+
|
|
15
|
+
// 簡易DOMアクセス関数など
|
|
16
|
+
function runBox (id) {
|
|
17
|
+
if (id === null) {
|
|
18
|
+
window.alert('idが設定されていません。')
|
|
19
|
+
return
|
|
20
|
+
}
|
|
21
|
+
console.log('runBox:', id)
|
|
22
|
+
let src = defCode + document.getElementById(id).value
|
|
23
|
+
displayId = id + '_info'
|
|
24
|
+
document.getElementById(displayId).innerHTML = ''
|
|
25
|
+
try {
|
|
26
|
+
console.log('defCode=', defCode)
|
|
27
|
+
navigator.nako3.run(src, 'main.nako3', defCode)
|
|
28
|
+
document.getElementById('backlink').href = '#' + id + '_head'
|
|
29
|
+
window.location.href = '#run'
|
|
30
|
+
document.getElementById('err').style.display = 'none'
|
|
31
|
+
} catch (e) {
|
|
32
|
+
document.getElementById('err').innerHTML = e.message.replace(/\n/g, '<br>\n')
|
|
33
|
+
document.getElementById('err').style.display = 'block'
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
function resetBoxTurtle (id) {
|
|
38
|
+
if (id === null)
|
|
39
|
+
id = 'src_box'
|
|
40
|
+
|
|
41
|
+
document.getElementById(id + '_info').innerHTML = ''
|
|
42
|
+
const cv = document.getElementById('turtle_cv')
|
|
43
|
+
cv.getContext('2d').clearRect(0, 0, cv.width, cv.height)
|
|
44
|
+
navigator.nako3.run('カメ全消去')
|
|
45
|
+
}
|
package/demo/nako3/calc.nako3
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# 取り込みテスト
|
|
2
|
-
●(AとBの)加算処理とは
|
|
3
|
-
A+Bを戻す。
|
|
4
|
-
ここまで。
|
|
1
|
+
# 取り込みテスト
|
|
2
|
+
●(AとBの)加算処理とは
|
|
3
|
+
A+Bを戻す。
|
|
4
|
+
ここまで。
|
package/demo/runscript.html
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<title>なでしこ3 - script要素を実行するデモ</title>
|
|
6
|
-
<!-- なでしこを使う準備 -->
|
|
7
|
-
<script src="../release/wnako3.js?run"></script>
|
|
8
|
-
<script type="なでしこ">
|
|
9
|
-
# # # # # # # # # # # # # # # # #
|
|
10
|
-
# なでしこのプログラムをここに書く
|
|
11
|
-
# # # # # # # # # # # # # # # # #
|
|
12
|
-
|
|
13
|
-
# input#a_txtタグに値を設定する
|
|
14
|
-
「input#a_txt」のDOM要素取得
|
|
15
|
-
「こんにちは★」をDOMテキスト設定。
|
|
16
|
-
|
|
17
|
-
# 続けて、スタイルを指定する
|
|
18
|
-
「backgroundColor」に青色をDOMスタイル設定。
|
|
19
|
-
「color」に白色をDOMスタイル設定。
|
|
20
|
-
「fontSize」に「45px」をDOMスタイル設定。
|
|
21
|
-
</script>
|
|
22
|
-
</head>
|
|
23
|
-
<body>
|
|
24
|
-
<h1>なでしこ3デモ - script要素を実行する方法</h1>
|
|
25
|
-
<div>
|
|
26
|
-
<div>
|
|
27
|
-
<div>
|
|
28
|
-
以下のいずれかの方法で、このプログラムを表示することができます。
|
|
29
|
-
<ul>
|
|
30
|
-
<li>画面を右クリック → 『ページのソースを表示』をクリック</li>
|
|
31
|
-
<li>開発者ツールを開く</li>
|
|
32
|
-
</ul>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
<div><input type="text" id="a_txt" style="width:300px"></div>
|
|
36
|
-
<br />
|
|
37
|
-
</div>
|
|
38
|
-
<hr>
|
|
39
|
-
<div class="sbox">
|
|
40
|
-
<h3>その他</h3>
|
|
41
|
-
<ul>
|
|
42
|
-
<li><a href="index.html">デモトップへ戻る</a></li>
|
|
43
|
-
<li><a href="browsers.html">対応機器/Webブラウザ</a></li>
|
|
44
|
-
</ul>
|
|
45
|
-
</div>
|
|
46
|
-
</body>
|
|
47
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>なでしこ3 - script要素を実行するデモ</title>
|
|
6
|
+
<!-- なでしこを使う準備 -->
|
|
7
|
+
<script src="../release/wnako3.js?run"></script>
|
|
8
|
+
<script type="なでしこ">
|
|
9
|
+
# # # # # # # # # # # # # # # # #
|
|
10
|
+
# なでしこのプログラムをここに書く
|
|
11
|
+
# # # # # # # # # # # # # # # # #
|
|
12
|
+
|
|
13
|
+
# input#a_txtタグに値を設定する
|
|
14
|
+
「input#a_txt」のDOM要素取得
|
|
15
|
+
「こんにちは★」をDOMテキスト設定。
|
|
16
|
+
|
|
17
|
+
# 続けて、スタイルを指定する
|
|
18
|
+
「backgroundColor」に青色をDOMスタイル設定。
|
|
19
|
+
「color」に白色をDOMスタイル設定。
|
|
20
|
+
「fontSize」に「45px」をDOMスタイル設定。
|
|
21
|
+
</script>
|
|
22
|
+
</head>
|
|
23
|
+
<body>
|
|
24
|
+
<h1>なでしこ3デモ - script要素を実行する方法</h1>
|
|
25
|
+
<div>
|
|
26
|
+
<div>
|
|
27
|
+
<div>
|
|
28
|
+
以下のいずれかの方法で、このプログラムを表示することができます。
|
|
29
|
+
<ul>
|
|
30
|
+
<li>画面を右クリック → 『ページのソースを表示』をクリック</li>
|
|
31
|
+
<li>開発者ツールを開く</li>
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div><input type="text" id="a_txt" style="width:300px"></div>
|
|
36
|
+
<br />
|
|
37
|
+
</div>
|
|
38
|
+
<hr>
|
|
39
|
+
<div class="sbox">
|
|
40
|
+
<h3>その他</h3>
|
|
41
|
+
<ul>
|
|
42
|
+
<li><a href="index.html">デモトップへ戻る</a></li>
|
|
43
|
+
<li><a href="browsers.html">対応機器/Webブラウザ</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
</div>
|
|
46
|
+
</body>
|
|
47
|
+
</html>
|