{"id":383,"date":"2021-08-31T08:11:37","date_gmt":"2021-08-30T23:11:37","guid":{"rendered":"https:\/\/shirakawa.weblike.jp\/blog-page\/?p=383"},"modified":"2026-03-01T10:52:42","modified_gmt":"2026-03-01T01:52:42","slug":"html-css-javascript%e3%81%ae%e7%b7%b4%e7%bf%92-%e5%ae%9f%e8%b7%b5-%e9%9b%91%e5%a4%9a%e3%81%aa%e8%a8%98%e9%8c%b2%ef%bc%92-%e5%9f%ba%e6%9c%ac","status":"publish","type":"post","link":"https:\/\/shirakawa.weblike.jp\/blog-page\/2021\/08\/31\/html-css-javascript%e3%81%ae%e7%b7%b4%e7%bf%92-%e5%ae%9f%e8%b7%b5-%e9%9b%91%e5%a4%9a%e3%81%aa%e8%a8%98%e9%8c%b2%ef%bc%92-%e5%9f%ba%e6%9c%ac\/","title":{"rendered":"HTML\/CSS\/JavaScript\u306e\u7df4\u7fd2 \u5b9f\u8df5 \u96d1\u591a\u306a\u8a18\u9332\uff12 \u57fa\u672c"},"content":{"rendered":"

https:\/\/shirakawa.weblike.jp\/blog-page\/2021\/04\/29…<\/a> \u306e\u7d9a\u304d\u3002
\n\u7df4\u7fd2\u5834
\nhttps:\/\/oldcygwin.web.fc2.com\/<\/a>
\n\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u304b\u3089ftp
\nhttps:\/\/web.fc2.com\/<\/a><\/p>\n

practice200.html\uff5epractice299.html\uff1a
\nJavaScript\u306e\u7df4\u7fd2(\u30e9\u30a4\u30d6\u30e9\u30ea\u4f7f\u3046\u7de8)\u3002\u3069\u3046\u3044\u3046\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3068\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u3042\u308b\u306e\u304b\u3001
\n\u30b5\u30e9\u3063\u3068\u898b\u3066\u307f\u308b\u304b\u306a\u3002ajax\u3001extjs\u3001jquery\u3001node\u3001vue\u3001nuxt\u3002
\njavascript \u30e9\u30a4\u30d6\u30e9\u30ea \u30ab\u30ec\u30f3\u30c0\u30fc\u3001\u3067\u30b0\u30b0\u3063\u305f\u3002
\nhttps:\/\/ajike.github.io\/clndr-javascript\/<\/a>
\n(jQuery.js\u3001\u305d\u306e\u3046\u3061\u3084\u3063\u3066\u307f\u3088\u3046)
\nhttps:\/\/ja.wikipedia.org\/wiki\/JavaScript%E3%83%A9%…<\/a>
\nJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea – Wikipedia
\n\\
\nnode.js\u306e\u5b9f\u884c\u74b0\u5883\u304cspitz\u3067\u306f\u307e\u3060\u3067\u304d\u3066\u306a\u3044\u305f\u3081\u3001https:\/\/shirakawa.weblike.jp\/blog-page\/2021\/08\/20…<\/a>
\n\u3067\u304d\u308b\u307e\u3067\u306f\u3001PC\/AT\u6a5f\u3067\u5b9f\u884c\u3059\u308b\u3002https:\/\/shirakawa.weblike.jp\/blog-page\/2021\/11\/22…<\/a>
\n\u30b5\u30f3\u30d7\u30eb\u306fFC2\u306b\u3082\u7f6e\u3044\u3066\u304a\u304f\u3002
\n\u5b9f\u884c\u3059\u308b\u6642\u306fFC2\u304b\u3089DL\u3057\u3066\u304d\u3066\u4ee5\u4e0b\u306e\u69d8\u306b\u3059\u308b\u3002
\nSlack-14.1$ node practice200.js
\n\\
\n\u53c2\u8003\u66f8\u7c4d\u306e\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c1\u30e3\u30c3\u30c8\u30a2\u30d7\u30ea\u3092\u52d5\u304b\u3057\u3066\u307f\u308b\uff1a
\nSlack-14.1$ mkdir chat-example; cd chat-example
\nnodejs-v6.4.0\u3067\u5b9f\u884c\uff1a
\nSlack-14.1$ npm init -y
\nSlack-14.1$ npm install express socket.io –save
\nError: Missing required argument #1
\nhttps:\/\/github.com\/npm\/cli\/issues\/681
\n\\
\nnodejs-v6.17.1(\u30de\u30a4\u30ca\u30fc\u30ea\u30ea\u30fc\u30b9\u6700\u65b0(\u6700\u7d42?))\u3067\u5b9f\u884c\uff1a
\nSlack-14.1$ npm init -y
\n\\Wrote to ~\/examples\/javascript\/oldcygwin.web.fc2.com\/practice200\/chat-example\/package.json:
\n\\{
\n\\ “name”: “chat-example”,
\n\\ “version”: “1.0.0”,
\n\\ “description”: “”,
\n\\ “main”: “index.js”,
\n\\ “scripts”: {
\n\\ “test”: “echo \\”Error: no test specified\\” && exit 1″
\n\\ },
\n\\ “keywords”: [],
\n\\ “author”: “”,
\n\\ “license”: “ISC”
\n\\}
\nSlack-14.1$ npm install express socket.io –save
\n\\chat-example@1.0.0 ~\/examples\/javascript\/oldcygwin.web.fc2.com\/practice200\/chat-example
\n\\+– express@4.17.1
\n\\| +– accepts@1.3.7
\n\\| | +– mime-types@2.1.32
\n\\| | | `– mime-db@1.49.0
\n\\| | `– negotiator@0.6.2
\n\\| +– array-flatten@1.1.1
\n\\| +– body-parser@1.19.0
\n\\| | +– bytes@3.1.0
\n\\| | +– http-errors@1.7.2
\n\\| | | +– inherits@2.0.3
\n\\| | | `– toidentifier@1.0.0
\n\\| | +– iconv-lite@0.4.24
\n\\| | | `– safer-buffer@2.1.2
\n\\| | `– raw-body@2.4.0
\n\\| +– content-disposition@0.5.3
\n\\| +– content-type@1.0.4
\n\\| +– cookie@0.4.0
\n\\| +– cookie-signature@1.0.6
\n\\| +– debug@2.6.9
\n\\| | `– ms@2.0.0
\n\\| +– depd@1.1.2
\n\\| +– encodeurl@1.0.2
\n\\| +– escape-html@1.0.3
\n\\| +– etag@1.8.1
\n\\| +– finalhandler@1.1.2
\n\\| | `– unpipe@1.0.0
\n\\| +– fresh@0.5.2
\n\\| +– merge-descriptors@1.0.1
\n\\| +– methods@1.1.2
\n\\| +– on-finished@2.3.0
\n\\| | `– ee-first@1.1.1
\n\\| +– parseurl@1.3.3
\n\\| +– path-to-regexp@0.1.7
\n\\| +– proxy-addr@2.0.7
\n\\| | +– forwarded@0.2.0
\n\\| | `– ipaddr.js@1.9.1
\n\\| +– qs@6.7.0
\n\\| +– range-parser@1.2.1
\n\\| +– safe-buffer@5.1.2
\n\\| +– send@0.17.1
\n\\| | +– destroy@1.0.4
\n\\| | +– mime@1.6.0
\n\\| | `– ms@2.1.1
\n\\| +– serve-static@1.14.1
\n\\| +– setprototypeof@1.1.1
\n\\| +– statuses@1.5.0
\n\\| +– type-is@1.6.18
\n\\| | `– media-typer@0.3.0
\n\\| +– utils-merge@1.0.1
\n\\| `– vary@1.1.2
\n\\`– socket.io@4.2.0
\n\\ +– @types\/cookie@0.4.1
\n\\ +– @types\/cors@2.8.12
\n\\ +– @types\/node@16.7.13
\n\\ +– base64id@2.0.0
\n\\ +– debug@4.3.2
\n\\ | `– ms@2.1.2
\n\\ +– engine.io@5.2.0
\n\\ | +– UNMET PEER DEPENDENCY bufferutil@^4.0.1
\n\\ | +– cookie@0.4.1
\n\\ | +– cors@2.8.5
\n\\ | | `– object-assign@4.1.1
\n\\ | +– debug@4.3.2
\n\\ | | `– ms@2.1.2
\n\\ | +– engine.io-parser@4.0.3
\n\\ | | `– base64-arraybuffer@0.1.4
\n\\ | +– UNMET PEER DEPENDENCY utf-8-validate@^5.0.2
\n\\ | `– ws@7.4.6
\n\\ +– socket.io-adapter@2.3.2
\n\\ `– socket.io-parser@4.0.4
\n\\ +– @types\/component-emitter@1.2.10
\n\\ +– component-emitter@1.3.0
\n\\ `– debug@4.3.2
\n\\ `– ms@2.1.2
\n\\
\n\\npm WARN ws@7.4.6 requires a peer of bufferutil@^4.0.1 but none was installed.
\n\\npm WARN ws@7.4.6 requires a peer of utf-8-validate@^5.0.2 but none was installed.
\n\\npm WARN chat-example@1.0.0 No description
\n\\npm WARN chat-example@1.0.0 No repository field.
\nSlack-14.1$ ls -l
\n\\total 4
\n\\drwxr-xr-x 64 ore 500 2048 Sep 8 xx:yy node_modules
\n\\-rw-r–r– 1 ore 500 303 Sep 8 xx:yy package.json
\nSlack-14.1$ elvis app.jp
\nSlack-14.1$ elvis index.html
\nSlack-14.1$ node app.js
\n\\~\/examples\/javascript\/oldcygwin.web.fc2.com\/practice200\/chat-example\/node_modules\/engine.io\/lib\/server.js:282
\n\\ async handshake(transportName, req, closeConnection) {
\n\\ ^^^^^^^^^
\n\\
\n\\SyntaxError: Unexpected identifier
\n\\ at createScript (vm.js:56:10)
\n\\ at Object.runInThisContext (vm.js:97:10)
\n\\ at Module._compile (module.js:549:28)
\n\\ at Object.Module._extensions..js (module.js:586:10)
\n\\ at Module.load (module.js:494:32)
\n\\ at tryModuleLoad (module.js:453:12)
\n\\ at Function.Module._load (module.js:445:3)
\n\\ at Module.require (module.js:504:17)
\n\\ at require (internal\/module.js:20:19)
\n\\ at Object.<anonymous> (~\/examples\/javascript\/oldcygwin.web.fc2.com\/practice200\/chat-example\/node_modules\/engine.io\/lib\/engine.io.js:6:16)
\nhttps:\/\/stackoverflow.com\/questions\/65938800\/syntax…<\/a>
\n(node-v10\u4ee5\u4e0a\u3067\u3084\u308c\u3063\u3066\u304b)
\nhttps:\/\/shirakawa.weblike.jp\/blog-page\/2021\/11\/22…<\/a>
\nhttps:\/\/shirakawa.weblike.jp\/blog-page\/2021\/11\/22…<\/a><\/p>\n

\u30e9\u30a4\u30d6\u30e9\u30ea\u4f7f\u3046\u7de8\u306e\u7df4\u7fd2\u306e\u7d9a\u304d\u306f\u3053\u3063\u3061\u3067\u3084\u308b
\nhttps:\/\/shirakawa.weblike.jp\/blog-page\/2021\/11\/22…<\/a><\/p>\n

\u53c2\u8003\u66f8\u7c4d\uff1a
\nSoftware Design 2016\u5e7410\u6708\u53f7 Web\u30b5\u30fc\u30d0\u306f\u306a\u305c\u52d5\u304f\u306e\u304b\uff1f HTTP\uff0cCGI\uff0c\u30b5\u30fc\u30d6\u30ec\u30c3\u30c8\uff0cNode.js\uff0cRails\u3092\u4e00\u6319\u89e3\u8aac
\nhttps:\/\/gihyo.jp\/magazine\/SD\/archive\/2016\/201610<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

https:\/\/shirakawa.weblike.jp\/blog-page\/2021\/04\/29… \u306e\u7d9a\u304d\u3002 \u7df4\u7fd2\u5834 https:\/\/oldcygwin.web.fc2.com\/ \u30ed\u30b0\u30a4\u30f3\u3057\u3066\u304b\u3089ftp h […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-383","post","type-post","status-publish","format-standard","hentry","category-web-practice"],"_links":{"self":[{"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/posts\/383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/comments?post=383"}],"version-history":[{"count":9,"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/posts\/383\/revisions"}],"predecessor-version":[{"id":2285,"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/posts\/383\/revisions\/2285"}],"wp:attachment":[{"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/media?parent=383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/categories?post=383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shirakawa.weblike.jp\/blog-page\/wp-json\/wp\/v2\/tags?post=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}