Design REST and GraphQL Content Delivery APIs to connect to any frontend.

è¿å¹´ã® Node.js 㯠API ã®ãµã¼ãã¨ãã¦ã¯ãã¡ãããNuxt.js ã Next.js ã¨ãã£ã SSR ã BFF ãªã©ããã³ãã¨ã³ãã®ããã®ããã¯ã¨ã³ãè¨èªã¨ãã¦ã®äººæ°ãé«ã¾ã£ã¦ãã¾ãã ããã³ãã¨ã³ãã¨ã³ã¸ãã¢ãã³ã³ããã¹ãã¹ã¤ããå°ãªãããã¯ã¨ã³ãã®æ´åãã§ãããã¨ã¯é常ã«å¤§ããªå©ç¹ã§ãã ã§ãããããã³ãã¨ã³ãï¼ãã©ã¦ã¶å´ï¼ã¨ããã¯ã¨ã³ãï¼ãµã¼ãå´ï¼ã§ã¯ããã©ã¼ãã³ã¹ãã¥ã¼ãã³ã°ã§è¦ãã¹ãç¹ã大ããéãã¾ãã ããã Node.js ã¢ããªã±ã¼ã·ã§ã³ã®ããã©ã¼ãã³ã¹ã¤ã·ã¥ã¼ã®è¦ã¤ãæ¹ãªã©ãã¾ã¨ã¾ã£ã¦ããè³æã¯å°ãªãã§ãã ããã§ãæ¬è¨äºã§ã¯ããã³ãã¨ã³ãã¨ã³ã¸ãã¢ã Node.js ã§ããã©ã¼ãã³ã¹ã¤ã·ã¥ã¼ãè¦ã¤ããæ¹åããããèªåãæ®æ®µããã©ã¼ãã³ã¹ãã¥ã¼ãã³ã°ãä¾é ¼ããã¦ããã¨ãã«ã¿ã¦ããåºç¤çãªãã¤ããã¾ã¨ãã¦ããã¾ãã 1. è¨æ¸¬ã¹ãããlink Node.js
TypeScriptåå ¥é â ãããã°ããªãTypeScriptãã§ãJavaScriptãâæãããâéçåä»ãè¨èªã« JavaScriptããã¸ã§ã¯ãã§TypeScriptãå°å ¥ããéã«ã¯ãâæãããâéçåä»ãè¨èªã¨ããã®ãããããã§ããè¤å¾éï¼gfxï¼ãããã¾ã¨ãããããã°ããªãTypeScriptãã®ã¬ã¤ãã©ã¤ã³ã§ãã TypeScriptã¯ããã¹ã¦ã®JavaScriptããã¸ã§ã¯ãã§æ¡ç¨ãã価å¤ã®ããæè¡ã§ããTypeScriptã¨ããã«å¯¾å¿ããã¨ãã£ã¿ãå°å ¥ãããã¨ã§ãè£å®ãåãã¼ã¹ã®æ´åæ§ã®ãã§ãã¯ã«ããããã¹ã¦ã®ããã¸ã§ã¯ãã§çç£æ§ãä¸ããã¾ããã¾ããªãã¡ã¯ã¿ãªã³ã°ã容æã«ãªãã®ã§ãé·æãããã¯å¤§è¦æ¨¡ãªããã¸ã§ã¯ãã§ãå質ãä¿ã¡ããããªãã¾ãã ãã®è¨äºã§ã¯ãTypeScriptã«ã¤ãã¦æä½éã®ç¥èã¨ã¨ãã«ããµã¯ãã¨ï¼ã©ã¡ããã¨ããã¨æ¢åã®ããã¸ã§ã¯ãã«ï¼å°å ¥ããããã®
ãã®ãã¡ããå°ããã¡ãã¨æ¸ãã¾ãããã¨ããããæéããªãã®ã§çµè«ã ãæ¸ãã¨ãã¿ã¤ãã«ãå ¨ã¦ã§Electronã§ã¢ããªãæ¸ãå ´åã¯æ°åãã¨æ ¹æ§ã§XSSãçºçãããªãããã«ããªããã°ãªããªãã ããã¾ã§Webã¢ããªã±ã¼ã·ã§ã³ä¸ã§XSSãåå¨ããã¨ãã¦ããå½±é¿ç¯å²ã¯ãã®Webã¢ããªã±ã¼ã·ã§ã³ã®ä¸ã«çã¾ãã®ã§ãWebã¢ããªã±ã¼ã·ã§ã³ã®æä¾å´ãããã許容ããã®ã§ããã°XSSã®åå¨ã«ç®ãã¤ãããã¨ãã§ãããããããElectronã¢ããªã§DOM-based XSSãä¸ãæã§ãçºçããã¨ã(ãããã)確å®ã«ä»»æã³ã¼ãå®è¡ã¸ã¨ã¤ãªãããå©ç¨è ã®PCã®(ãã®ã¦ã¼ã¶ã¼æ¨©éã§ã®)å ¨æ©è½ãæ»æè ã«ãã£ã¦å©ç¨ã§ããã ãã®ãããElectronã§ã¢ããªã±ã¼ã·ã§ã³ãä½æããéçºè ã¯æ°åãã¨æ ¹æ§ã§XSSãå®å ¨ã«ã¤ã¶ããªããã°ãªããªãã nodeIntegration:falseãContent-Security-Pol
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ãã¯ãããããã¾ããããã§ãã TypeScript 1.6ã§node_modulesããã®ä¾åæ§è§£æ±ºãå ¥ãã¾ããã ã¾ã .d.tsãã.tsãåªå ãã¦lookupãããä¸å ·åãªã©ãããã¾ãããå®è³ªä¸ãåå®ç¾©ãã¡ã¤ã«ãèªç¶ãªå½¢ã§ãã³ãã«ã§ããããã«ãªã£ãã®ã§ãã npm installãã¦ä½¿ãã°åå®ç¾©ãæå¹ã«ãªã£ã¦ãããæããã§ããã é渡æã®æ©è½ã®å¸¸ã¨ãã¦ãè¤æ°ã®ããæ¹ãããããã¤ãã®ã¯ã¼ã¯ã¢ã©ã¦ã³ããå¿ è¦ãªå ´åãããã¾ãã ã§ãã®ã§ãããã§ã¯ããããèããç¾å¨æã便å©ãªéç¨ã«ã¤ãã¦æè¦ãè¿°ã¹ã¦ããã¾ãã TL;DR ã©ã¤ãã©ãªä½æå´
ããã¾ã§ NW.js ã使ã£ã¦ãããåã Chromium + Node ç³»ã®ãã¬ã¼ã ã¯ã¼ã¯ã¨ãã¦æè¿ã¯ Electron ã®ã»ããå¢ããããããªã®ã§è©¦ããããªã£ãã使ç¨æãææ¡ãããããã¾ãã¯éçºç°å¢ãæ§ç¯ãã¦ã¿ãã æ´æ°å±¥æ´ 2015/11/5 npm-scripts ããbabelify 7.2 (Babel 6.x) ãæ¡ç¨ããå 容ã¸æ´æ°ãã¾ãææ° watchify ã® Windows 対å¿ã«ã¤ãã¦è¿½è¨ããããããã®è©³ç´°ã«ã¤ãã¦ã¯ babelify v7.2 ã試ããåç §ã®ãã¨ã 2015/10/19 npm-scripts ãææ°ã¸æ´æ°ãMain ããã»ã¹ã®ãã«ã説æã« Browserify ã® --node ãªãã·ã§ã³è§£èª¬ã追å ã è¨è¨æ¹é package.json 㨠npm ã ããä½¿ç¨ AltCSS 㯠Stylus ãæ¡ç¨ ã¦ããã ãã¹ãå¯¾å¿ ã³ã¼ã ããã¥ã¡ã³ã対å¿
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ~ Case of the Kobito, Markdown Editor for YAPC Hackathon! @mizchi / Koutaro Chikuba, Increments Inc About Node.js / Frontend Engineer Single Page Application Specialist Kobito for Windows Developper Increments Inc (Providing qiita.com / Qiita:Team) Sorry, my English is n
ã¯ããã« Electronããåç¥ã§ãããã. Electron(æ§ç§°: Atom-Shell)ã¯, Atomã¨ãã£ã¿ãéçºããããã«çã¾ããã¯ãã¹ãã©ãããã©ã¼ã ãã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ã¨ã³ã¸ã³ã§ã. Node.js + Chromiumãã©ã³ã¿ã¤ã ã¨ãã¦ãã, Atomã ãã§ãªã, Slackãå æ¥ã®Buildã§çºè¡¨ããã¦è©±é¡ã¨ãªã£ãVisualStudio CodeãElectronã§å®è£ ããã¦ãã¾ã. ããããWebç³»ã®æè¡, Node.js + HTML + CSSã§ã¢ããªã±ã¼ã·ã§ã³ãä½æã§ããã®ãç¹å¾´ã§ã. é¡ä¼¼ããææ³ã®ãã¬ã¼ã ã¯ã¼ã¯ã¨ãã¦, node-webkit(NW.js)ãããã¾ãã, ã¢ããªã±ã¼ã·ã§ã³ã®ã¨ã³ããªãã¤ã³ãã®èãæ¹çãç°ãªãã¾ã. ãã®ã¨ã³ããªã§ã¯, Electronã®ä½¿ãæ¹ããµã³ãã«ã¢ããªãå®è£ ããªãã説æãã¦ããã¾ã. ãé¡ ãã®ã¨ã³ããªã®ãé¡ã¨
社å åãè³æãèªåãæ¸ããã³ã¼ãã説æããããã«è³æä½ãç¾½ç®ã«ãªã£ãã æã®ãã¨ã¯ããè¦ãã§é°å²æ°ã§æ¸ãã¦ãé¨åãããã®ã§ããããã¸ãåå¼ã å¤ã®æ代(~2010) åæã¨ãã¦JavaScriptã¯åå空éãwindowã®ä¸ã¤ãããªãã æPrototype.jsããã£ããããã¿ããªå¿ãããã©ãã®ææã¯ããªããã£ããªãªãã¸ã§ã¯ãã®prototypeãçããã¾ãã£ã¦ããããè¡çªãã¾ãã£ã¦prototypeè¯ããªãçãªé°å²æ°ãçã¾ãããçã¾ããªãã£ããããã ãã®åçããã£ã¦ã(æ´å²çã«è¥å¹²å¾®å¦ãªæ°ãããã) jQueryã¯åå空éãä¸ã¤ã«éç´ããããããã jQueryPlugin ã¯ãjQueryã®ãããã¿ã¤ãã«ãã«ããçããã¾ãã£ã¦ãããã°ãã¼ãã«ãæ±ãã®ã¯é§ç®ã ãã©jQueryã®åå空éãæ±ãã®ã¯ããããããããã®èãã jQueryéä¾åãªã©ã¤ãã©ãªã¯ããGoodPartsãã¨ãã¦ã
ä»ãNode.jsã«èµ·ãã¦ããã¨ãèªãä¸ã§ãio.jsã¯é¿ãã¦éããªã話é¡ã§ãããã ä»åã®Node.js ã¢ããã³ãã«ã¬ã³ãã¼ 2014ã®ç· ãã飾ãããã«ããã®io.jsã«ã¤ãã¦åãç¥ã£ã¦ããéãã®äºãã¾ã¨ãã¦æ¸ããã¨ã«ãã¾ãã io.jsãç¥ããä»å¾"Node"ãã©ããªã£ã¦ããã®ããçã§ä¸ç·ã«èãã¦ããã¾ãããã ã¾ããã®ä¸é£ã®io.jsã®forké¨åã¯OSSã¨ããç¹æ®ãªããã¸ã§ã¯ããã©ãé²ãã¦ããã®ããããã¼ãªã®ããç¥ãä¸ã¤ã®ææã ã¨æãã¾ãã OSSã«é¢ãã£ã¦ããçãããä»åãé·ãã§ãããæå¾ã¾ã§èªãã§ããããã¨å¹¸ãã§ãã io.js ã¨ã¯ä½ã Node.jsã®Forkã§ãã次ã®Node.jsã®å®å®çã«ãªããv0.12ãForkãã¦ãã¾ãããã¢ã¤ã»ãªã¼ ã¸ã§ã¤ã¨ã¹ãã¨èªã¿ã¾ããååã®ç±æ¥ã¯æ¨æã«ããåçªç®ã«å¤§ããªè¡æã®ååããåããã¾ããã*1 Nodeã使ã£ã¦ãã人ã®ãã¨ãnod
ã¯ããã« ãã®è¨äºã¯ã@kjunichiã®2014å¹´ãã¼ã½ãã«ã¢ããã³ãã«ã¬ã³ãã¼ã®12æ¥ç®ã®è¨äºã§ãã å¿ è¦ãªãã® https://github.com/kjunichi/node-image https://github.com/kjunichi/node-glfw https://github.com/kjunichi/node-webgl https://github.com/kjunichi/node-webcl Atom Shellåãã«åã¢ã¸ã¥ã¼ã«ããã«ã node-gypããªãå ´å 0.10.33ã§ãã0.11ç³»ã§ãè¯ããã npm install -g node-gyp HOME=~/.atom-shell-gyp node-gyp rebuild --target=0.19.5 --arch=x64 --dist-url=https://gh-contractor-zc
æ¦è« ããè¿å¹´ã®ã¢ãã³JSã¯ç¹ã«çç±ããªããã°common.jsã®requireã¹ã¿ã¤ã«ã§è¨è¿°ãããwebpack/browserifyã§ãã«ã/èªã¿è¾¼ããã¨ãåæã«ãã¦ãããä»ããã¥ã¼å±¤ãé¤ãã¦ãã©ã¦ã¶ã¨nodeã®ã©ã¤ãã©ãªã®å¢çã¯é常ã«ææ§ã§ããã èè 諸åã«ããã¦ã¯å¸¸ã«ã©ã¡ãã®ç°å¢ã§ãèªã¿è¾¼ãããããªã©ã¤ãã©ãªãæä¾ããããã«å¿ããããã¨ãåã«é¡ãã ä»æ¥ã¯ã©ã¤ãã©ãªã®ååããåºããªããã§åèªã°ã°ãããã«ã ç«å ´ ãµã¼ããµã¤ã~ã²ã¼ã ããã°ã©ãã³ã°åºèº«nodeå¯ãããã³ãã¨ã³ãã¨ã³ã¸ã㢠ãã®ãµã¤ãã®ã¹ã¿ããã ãã©ä»ã®ãã¨ã«æä¸æ¯ã§Qiitaã®ããã³ãã¯ã¾ã ãããªã«ããã£ã¦ãªãããã¾ããªãä»ã£ã¦ãªãã ãã㪠è¨èª CoffeeScript TypeScript æè¿DDDã£ã½ãæ§æãç®æãã¦ããã®ã ãã©ãã³ã¢ãã¡ã¤ã³ãTypeScriptã§æ¸ãã¦ããããUI層ããCoffeeScri
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}