[B! JAVASCRIPT][node-webkit] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

JAVASCRIPTã¨node-webkitã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

é€éŽãŒã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸnode-webkitï¼ˆNW.jsï¼‰ã§ã‚¬ã‚¸ã‚§ãƒƒãƒˆã‚’ä½œã‚ã†
ã“ã‚“ã«ã¡ã¯ã€å¤è¦‹æ¾¤ï¼ˆã‚³ãƒŸã‚¶ãƒ¯ï¼‰ã§ã™ã€‚ ä»Šå›žã¯ã€å‰å›žè¨˜äº‹ã«ã—ãŸ node-webkit ãŒé€éŽã‚’ã‚µãƒãƒ¼ãƒˆã—å§‹ã‚ãŸã®ã§ã€HTML5ã‚„Javascriptã€CSSãªã©ã®Webç³»ã®è¨€èªžã§ã‚¬ã‚¸ã‚§ãƒƒãƒˆã®ã‚ˆã†ãªãƒ¢ãƒŽã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨ã„ã†å†…å®¹ã¨ãªã‚Šã¾ã™ã€‚ â†“ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã‹ã‚‰æƒ…å ±ã‚’å–å¾—ã—ã¦è¡¨ç¤ºã™ã‚‹ã ã‘ã®å˜ç´”ãªã‚‚ã®ã§ã™ãŒã€ã“ã‚“ãªæ„Ÿã˜ã®ã‚‚ã®ã‚’ä½œã‚Œã¾ã™ã€‚ å‹•ç”» node-webkitã£ã¦ä½•ï¼Ÿã¨ã„ã†æ–¹ã¯ã€å‰å›žã®è¨˜äº‹ã‚‚åˆã‚ã›ã¦ãŠèªã¿ãã ã•ã„ã€‚ HTML5ï¼‹CSS3ï¼‹JSã§ãƒã‚¤ãƒ†ã‚£ãƒ–GUIã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã€node-webkitã‚’è§¦ã£ã¦ã¿ã‚‹ â€»æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯Windowsç’°å¢ƒï¼ˆWin7 Professional x64ï¼‰ã§ã®è©±ã«ãªã‚Šã¾ã™ã€‚ ï¼ˆé€éŽæ©Ÿèƒ½ã¯Macã‚„Linuxã§ã‚‚ä½¿ãˆã¾ã™ã€å¾Œè¿°ã™ã‚‹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’å‚ç…§ãã ã•ã„ã€‚ï¼‰ ã¾ãŸã€Windowsç’°å¢ƒã§ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãŒæœ‰åŠ¹ã§ã‚ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ Aeroæ©Ÿèƒ½
beth321 2015/01/20
node-webkit

css

node.js

javascript

ã‚ã¨ã§èªã‚€

webkit

CSS3

blog

UI

node
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã§ã‚‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ï¼node-webkitã‚’ä½¿ã£ã¦ã¿ã‚ˆã† | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã®ã³ã™ã‘ã§ã™ã€‚æœ€è¿‘å‘¨å›²ã§çµå©šãƒ©ãƒƒã‚·ãƒ¥ãŒãã¦ãŠã‚Šã€æ¼ ç„¶ã¨ç„¦ã£ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€ç§ã¯æ¥å‹™ä¸ŠNode.jsã‚’è§¦ã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€ä»Šæ—¥ã¯node-webkitã§å°‘ã—é•ã£ãŸNode.jsã®æ´»ç”¨æ³•ã‚’ãŠä¼ãˆã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ node-webkitã¨ã¯ ã€Œnode-webkitã€ã¯Node.jsã¨Chromiumã‚’åˆ©ç”¨ã—ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã€ãƒ©ãƒ³ã‚¿ã‚¤ãƒ /é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã‚ˆã‚ŠãŠã“ãªã†ã“ã¨ãŒã§ãã¾ã™ã€‚ rogerwang/node-webkit â€“ GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ HTML/CSS/JavaScriptã¨èžãã¨ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¾ã™ãŒã€node
beth321 2014/11/28
Node.js

PhoneGap

node-webkit

ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html

ã„ã¤ã‹è©¦ã™

ã‚ã¨ã§èªã‚€

ã‚¢ãƒ—ãƒªé–‹ç™º

javascript
ãƒªãƒ³ã‚¯
Vue.js + atom-shellã§ã‚¢ãƒ—ãƒªä½œã£ãŸãƒ¡ãƒ¢ - ãƒžãƒ«ã‚·ãƒ†ã‚¤ã‚¢
Lolipopã¨ã„ã†éŸ³æ¥½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã£ãŸã€‚ åˆã‚ã¦ä½¿ã†ãƒ„ãƒ¼ãƒ«å¤šã‹ã£ãŸã®ã§ã€ãƒ¡ãƒ¢ã€‚ Vue vue.js Vue.jsäººæ°—ã ã‘ã©å€‹äººçš„ã«ã¯ã‚ã‚“ã¾ã‚Šè‰¯ãã‚ã‹ã£ã¦ãªãã¦ã€è‰¯ã•ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«è§¦ã£ã¦ã¿ã‚ˆã†ã¨ãªã£ãŸã€‚ Vue.jsã€ã‚µãƒ¼ãƒå´ã§ç”Ÿæˆã—ãŸHTMLã«å¯¾ã—ã€JSã£ã½ã„å‹•ãã‚’ä¸Žãˆã‚‹VMã¨ã—ã¦ä½¿ã†ã®ã«å‘ã„ã¦ã‚‹ã€‚ ã‚ªãƒ¬ã‚ªãƒ¬Componentã‚’é‡ç”£ã—ã¦çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã®ã¯ã‚ã‚“ã¾ã‚Šå¾—æ„ã˜ã‚ƒãªã•ãã†ã€‚ ã¨ã„ã†ã®ã‚‚ã€ã“ã®å‰React+fluxã§ã‚ªãƒ¢ãƒãƒ£ä½œã£ãŸã‚“ã ã‘ã©ã€ãã®æ™‚ã¨æ¯”ã¹ã‚‹ã¨Componentã®æ‰±ã„ã«çµæ§‹è‹¦åŠ´ã—ãŸã‹ã‚‰ã ã€‚ é ã®ã“ã‚“ãŒã‚‰ãŒã‚Šå…·åˆã¯Angularã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã¨å¤§ã—ã¦å¤‰ã‚ã‚‰ãªã„æ°—ãŒã™ã‚‹ã€‚ çµæžœã¨ã—ã¦React(+flux)ã®è‰¯ã•ã‚’èªè˜ã™ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ Reactã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ£ä½“ãŒJSã®ã‚¯ãƒ©ã‚¹ã ã—ã€ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã¯EventEm itterä½¿ã£ã¦ä¸€æ–¹å‘ã§ã‚„ã‚‹ã®æŽ¨å¥¨ãªã®ã§ã€ã€Œã“
beth321 2014/11/25
component

vue.js

JavaScript

atom-shell

node-webkit

context

api

js

file

file api
ãƒªãƒ³ã‚¯
nuwk!ã¨vue.jsã§ã‚‰ãã‚‰ããƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—todoã‚¢ãƒ—ãƒª - Qiita
javascriptã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹node-webkitã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«nuwk!ã¨ã€è¶…è»½é‡MVVMãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®vue.jsã‚’ä½¿ã£ã¦ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ airtoxin/MiniTodo è¦‹ãŸç›®â€¦ æº–å‚™ node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦npmãŒä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ node-webkitã¨nuwk!ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« vue.jsã®min.jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ nuwk!ã‚’é–‹ã„ã¦æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆ ã“ã“ã¾ã§ã§nuwk!ãŒHello Worldã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã£ã¦ãã‚Œã‚‹ã®ã§ã€æº€è¶³ã™ã‚‹ã¾ã§ãã‚Œã‚‰ã‚’ã„ã˜ã£ã¦ã‹ã‚‰Build projectã™ã‚Œã°Buildãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«appã¨ã—ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œã‚‰ã‚Œã¾ã™ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆéƒ¨åˆ† Appãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªä¸ã®index.htmlã‚’ç·¨é›†ã—ã¾ã™ã€‚ <link rel="stylesheet" type="text/css" href="./
beth321 2014/05/06
programming

()

node.js

javascript

*program

IT

node-webkit

vue.js

development

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
1